svg中metadata怎么关联数据库
1个回答
推荐于2016-04-11 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数：117538
获赞数：517170
长期从事计算机组装，维护，网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
![]()
展开全部
SVG通过Ajax与数据库交换，我相信大家对Ajax并不陌生，它并不是一项新的技术，而是多种技术的综合，或者说是一种设计方式，这些技术包括JavaScript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest等技术。其中：
使用XHTML和CSS实现标准化的呈现界面。
使用DOM实现动态的显示和交互
使用XMLHttpRequest实现与服务器的异步通信(ASV3中由"getURL"函数提供该功能)
例子：
本例要实现的效果就是SVG以1秒为间隔，不断取回数据库的数据，然后显示出来。在数据库中存放的是点数据，最终SVG显示出来的是一条折线。
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100" height="1000" onload="init(evt)">
<script><![CDATA[
var second=1;
function init(evt)
{
svgdoc=evt.target.ownerDocument;
setInterval("getData(second)" ,1000);
}
function getData(sec)
{
getURL("Default.aspx?type="+sec,displayCallback);
second++;
}
function displayCallback(data)
{
if(data.success)
{
string=data.content;
node=parseXML(string,svgdoc);
svgdoc.rootElement.appendChild(node);
}
}
]]></script>
<text id="mtext" x="200" y="300"
style="text-anchor:middle;font-size:24;font-family:Simhei;fill:red">
实时数据显示</text>
</svg>
接着在htm文件中嵌入SVG
<html>
<body>
<embed src="data.svg" name="SVGEmbed" height="700" width="1000" type="image/svg+xml">
</body>
</html>
在这个例子中，我是使用asp.net作为服务端与数据库进行交互，下面我们新建一个Default.aspx页面,该页面只负责数据交换的介质,不负责显示
protected void Page_Load(object sender,EventArgs e)
{
getConnection();
conn.Open();
string strSec=Request.QueryString("type");
if(strSec==null) strSec="1";
cmd=new SqlCommand("select x,y from dbo.rtData where second <=" + strSec,conn)
dr=com.ExecuteReader();
string data="<path style=\"stroke:black;stroke-width:2;fill:none\" d=\"M100,100 ";
where(dr.Read)
{
data+="L" +dr[0] +"," +dr[1] + " ";
}
data=data+"\" />";
dr.Close();
conn.Close();
Response.ContentType="text/xml";
Response.ContentEncoding = System.Text.Encoding.UTF8;
Response.Write(data);
Response.End();
}
使用XHTML和CSS实现标准化的呈现界面。
使用DOM实现动态的显示和交互
使用XMLHttpRequest实现与服务器的异步通信(ASV3中由"getURL"函数提供该功能)
例子：
本例要实现的效果就是SVG以1秒为间隔，不断取回数据库的数据，然后显示出来。在数据库中存放的是点数据，最终SVG显示出来的是一条折线。
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="100" height="1000" onload="init(evt)">
<script><![CDATA[
var second=1;
function init(evt)
{
svgdoc=evt.target.ownerDocument;
setInterval("getData(second)" ,1000);
}
function getData(sec)
{
getURL("Default.aspx?type="+sec,displayCallback);
second++;
}
function displayCallback(data)
{
if(data.success)
{
string=data.content;
node=parseXML(string,svgdoc);
svgdoc.rootElement.appendChild(node);
}
}
]]></script>
<text id="mtext" x="200" y="300"
style="text-anchor:middle;font-size:24;font-family:Simhei;fill:red">
实时数据显示</text>
</svg>
接着在htm文件中嵌入SVG
<html>
<body>
<embed src="data.svg" name="SVGEmbed" height="700" width="1000" type="image/svg+xml">
</body>
</html>
在这个例子中，我是使用asp.net作为服务端与数据库进行交互，下面我们新建一个Default.aspx页面,该页面只负责数据交换的介质,不负责显示
protected void Page_Load(object sender,EventArgs e)
{
getConnection();
conn.Open();
string strSec=Request.QueryString("type");
if(strSec==null) strSec="1";
cmd=new SqlCommand("select x,y from dbo.rtData where second <=" + strSec,conn)
dr=com.ExecuteReader();
string data="<path style=\"stroke:black;stroke-width:2;fill:none\" d=\"M100,100 ";
where(dr.Read)
{
data+="L" +dr[0] +"," +dr[1] + " ";
}
data=data+"\" />";
dr.Close();
conn.Close();
Response.ContentType="text/xml";
Response.ContentEncoding = System.Text.Encoding.UTF8;
Response.Write(data);
Response.End();
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
网易云信
2023-12-06 广告
UIkit是一套轻量级、模块化且易于使用的开源UI组件库，由YOOtheme团队开发。它提供了丰富的界面元素，包括按钮、表单、表格、对话框、滑块、下拉菜单、选项卡等等，适用于各种类型的网站和应用程序。UIkit还支持响应式设计，可以根据不同...
点击进入详情页
本回答由网易云信提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
