前面介绍的Visio开发知识，都是基于Winform的Visio的开发知识，图纸的展示都是基于Winform方式展示的。但很多时候，如果能够通过Web方式可以查看最新的图纸信息，那么系统将更加趋向完美，你说是不是呢？
通过Web方式查看Visio图纸实现起来也是很容易的，首先需要在IE客户端安装一个Visio Viewer的ActiveX控件支持（微软提供），然后剩下来的就是编码展示了，展示的方式和其他的ActiveX控件展示方式差不多。先看看总体的界面实现思路，让大家有一个较好的理解后，然后我们在一步步分析如何实现。
单击查看馈线图的按钮后，新开一个窗口展示Visio的图纸（是不是和Winform看到的效果差不多呢？呵呵）
下面介绍下如何实现这个功能：
1、第一个页面的实现很简单，你指定一个链接指向新的页面（VisioContainer.aspx），该页面包含Visio View的ActiveX控件，连接中带一些参数过来，指明是查看那个图纸的就OK了。
2、这个页面（VisioContainer.aspx）实现很关键，在此页面放置一个Visio Viewer的ActiveX控件，这个控件最重要的一个变量是SRC，它需要指向一个Visio的文件路径，如果Visio图纸是文件的话，直接赋值就可以显示了。但是，我们的系统是基于数据库存储的，所有的Visio图纸都是已二进制的方式存储在数据库的，那该如何实现呢？先看页面代码
<form id="Form1" runat="server">
<div>
<div align="right" style="font-size:x-small">如图纸不能正常显示，请<a href="http://www.cnblogs.com/Visio/Visio Viewer 2003.exe">下载安装Visio Viewer2003</a></div>
<object id="Viewer1" codebase="http://www.cnblogs.com/Visio/Visio Viewer 2003.exe" height="100%" width="100%"
classid="clsid:279D6C9A-652E-4833-BEFC-312CA8887857" viewastext>
<param name="_cx" value="31485">
<param name="_cy" value="20373">
<param name="BackColor" value="16777200">
<param name="AlertsEnabled" value="-1">
<param name="ContextMenuEnabled" value="-1">
<param name="GridVisible" value="0">
<param name="HighQualityRender" value="-1">
<param name="PageColor" value="16777215">
<param name="PageVisible" value="-1">
<param name="PropertyDialogEnabled" value="-1">
<param name="ScrollbarsVisible" value="-1">
<param name="SizeGripVisible" value="-1">
<param name="ToolbarVisible" value="-1">
<param name="SRC" value="">
<param name="CurrentPageIndex" value="0">
<param name="Zoom" value="-1">
<param name="PageTabsVisible" value="-1">
<param name="ToolbarButtons" value="">
<param name="ToolbarCustomizable" value="-1">
</object>
</div>
</form>
其中我们需要动态指定SRC的值，因此在页面（VisioContainer.aspx）后台代码中动态绑定了，这里我们使用了JavaScript的方式来加载Visio Viewer 的SRC路径信息。
<div>
<div align="right" style="font-size:x-small">如图纸不能正常显示，请<a href="http://www.cnblogs.com/Visio/Visio Viewer 2003.exe">下载安装Visio Viewer2003</a></div>
<object id="Viewer1" codebase="http://www.cnblogs.com/Visio/Visio Viewer 2003.exe" height="100%" width="100%"
classid="clsid:279D6C9A-652E-4833-BEFC-312CA8887857" viewastext>
<param name="_cx" value="31485">
<param name="_cy" value="20373">
<param name="BackColor" value="16777200">
<param name="AlertsEnabled" value="-1">
<param name="ContextMenuEnabled" value="-1">
<param name="GridVisible" value="0">
<param name="HighQualityRender" value="-1">
<param name="PageColor" value="16777215">
<param name="PageVisible" value="-1">
<param name="PropertyDialogEnabled" value="-1">
<param name="ScrollbarsVisible" value="-1">
<param name="SizeGripVisible" value="-1">
<param name="ToolbarVisible" value="-1">
<param name="SRC" value="">
<param name="CurrentPageIndex" value="0">
<param name="Zoom" value="-1">
<param name="PageTabsVisible" value="-1">
<param name="ToolbarButtons" value="">
<param name="ToolbarCustomizable" value="-1">
</object>
</div>
</form>
protected void Page_Load(object sender, EventArgs e)
{
string VisioID= Request.QueryString["VisioID"];
StringBuilder sb = new StringBuilder();
sb.Append("<script language='javascript'>");
sb.AppendFormat("Form1.Viewer1.src = 'VisioFile.aspx?VisioID={0}'", System.Web.HttpUtility.UrlEncode(VisioID));
sb.Append("</script>");
ClientScript.RegisterStartupScript(typeof(string),"loadvisio", sb.ToString());
}
我们通过一个新的页面
VisioFile.aspx
来动态生成Visio文件，然后赋值给SRC属性即可实现了。
{
string VisioID= Request.QueryString["VisioID"];
StringBuilder sb = new StringBuilder();
sb.Append("<script language='javascript'>");
sb.AppendFormat("Form1.Viewer1.src = 'VisioFile.aspx?VisioID={0}'", System.Web.HttpUtility.UrlEncode(VisioID));
sb.Append("</script>");
ClientScript.RegisterStartupScript(typeof(string),"loadvisio", sb.ToString());
}
VisioFile.aspx的页面只需要实现PageLoad函数即可，如下所示
private void Page_Load(object sender, System.EventArgs e)
{
string VisioID = Request.QueryString["VisioID"];
if (VisioID != null)
{
VisioImageRelease VisioImage = new VisioImageRelease();
using (IDataReader dr = VisioImage.GetByVisioID(VisioID))
{
dr.Read();
byte[] visioImage = (byte[])dr["visioImage"];
OutputVisioFile(visioImage);
}
}
}
/// <summary>
/// 输入Visio文件到流
/// </summary>
/// <param name="visioFile">Visio文件字节数组</param>
private void OutputVisioFile(byte[] visioFile)
{
Response.ContentType = "application/vnd.ms-visio.viewer";
Response.OutputStream.Write(visioFile, 0, visioFile.Length);
Response.Flush();
Response.End();
}
{
string VisioID = Request.QueryString["VisioID"];
if (VisioID != null)
{
VisioImageRelease VisioImage = new VisioImageRelease();
using (IDataReader dr = VisioImage.GetByVisioID(VisioID))
{
dr.Read();
byte[] visioImage = (byte[])dr["visioImage"];
OutputVisioFile(visioImage);
}
}
}
/// <summary>
/// 输入Visio文件到流
/// </summary>
/// <param name="visioFile">Visio文件字节数组</param>
private void OutputVisioFile(byte[] visioFile)
{
Response.ContentType = "application/vnd.ms-visio.viewer";
Response.OutputStream.Write(visioFile, 0, visioFile.Length);
Response.Flush();
Response.End();
}
这样我们就可以实现Web端展示Visio图纸的功能了。
本文转自博客园伍华聪的博客，原文链接：C#进行Visio二次开发之Web查看Visio图纸，如需转载请自行联系原博主。
