xiaomin

3. 使用javascript调用.Net对象

使用javascript调用.Net控件

在网页中，对于任何一个DOM对象，我们都可以使用document.getElementById方法获取该对象然后对它进行操作。而对于嵌入的.Net对象其实是一样的。

我们在前面的例子的基础上，给HelloIE控件增加一个函数

public void SendMessage(string text)

    {

this.label1.Text = text;

    } 

然后在页面中增加一个按钮，为按钮增加一个响应函数，获取HelloIE控件对象，并调用SendMessage函数。

<input id="Button1" type="button" onclick="SendMessageToWinControl();" value="Call SendMessage" />

<script type="text/javascript">

function SendMessageToWinControl()

    {                     

var winCtrl = document.getElementById("HelloIE");              

        winCtrl.SendMessage("Message sent from the HTML page!!");               

    }       

</script>

重新编译，然后打开一个新的浏览器浏览，点击Call SendMessage按钮，结果如下：

如果点击Call SendMessage按钮后出现脚本错误“对象不支持此属性或方法”，是因为HelloIE控件类缺少一个最关键的代码：为该类添加[ComVisible(true)]属性。这也充分说明了该控件与IE的交互其实就是COM组件之间的通信，只不过是多经过一个中介：脚本引擎而已。

每次重新编译程序以后，一定要开一个新的浏览器，启动一个新的进程，才能把新的dll加载进来。如果只是使用刷新页面，浏览器依然会使用已经加载的旧的dll。

使用javascript调用非可视化.Net对象

可以嵌入网页的不仅仅是控件，所有的.Net类都可以。我们增加一个MathClass类，增加一个方法返回PI值。

    [ComVisible(true)]

public class MathClass

    {

public double GetPI()

        {

return Math.PI;

        }

    }

然后在页面中嵌入MathClass,增加一个按钮，点击显示PI值

<object id="MathClass" classid="http:bin/WindowsFormsControlLibrary.dll#WindowsFormsControlLibrary.MathClass" height="0" width="0" ></object>

<input id="Button2" type="button" onclick="GetPi();" value="Call MathClass" />

<script type="text/javascript">

function GetPi()

    {                     

var winCtrl = document.getElementById("MathClass");    

var pi=winCtrl.GetPI();

        alert(pi);                      

    }       

</script>

重编译项目，点击Call MathClass按钮效果如下：

开发与调试技巧

如果.Net控件内部出现异常的话，比如没有提供默认的无参构造函数，该控件也会显示不出来，而且在浏览器中看不到任何提示，因此在开发过程中为了方便调试，我们可以再创建一个Windows项目，把控件拖到一个WinForm中进行调试。

为了让开发更加便利，我们可以在控件上增加一个标签显示当然程序集的版本号，并且让每次编译的Build号加1，这样我们可以通过版本号来判断加载的是不是最新的dll。如果嫌每次编译都要手动修改Build号麻烦的话，可以使用一个VS插件http://www.codeproject.com/KB/macros/versioningcontrolledbuild.aspx

完整源码

/Files/xiaomin/DotNetHostWebSite3.rar

1. 概述

对于许多复杂的应用，使用纯Html+javascript的方式难以满足要求。Html5正致力改善这一局面，在在这之前，大家普遍使用ActiveX技术。ActiveX的核心技术依然是COM，浏览器根据Object标签动态创建COM对象并与之交互。我们可以使用VC++与VB开发ActiveX组件。而在.NET时代，我们可以使用.NET支持的语言，利用.NET的优势，更加高效的开发出富客户应用。

如果我们现在要设计一个新的富客户端项目，SilverLight应该是首选方案。但是许多已有的项目不可能马上迁移或者根本不打算迁移到SliverLight。因此，探讨该技术架构依然有现实意义。

本文试图从最简单的例子开始，一步步涵盖所有跟浏览器内嵌.NET对象技术的各方面细节，包括一些有用的工具，并在每一节最后给出完整源代码。

2. Hello IE

我们从一个最简单的例子开始：让IE浏览器显示一个WinForm的控件，控件中显示一行文字“Hello IE”.

创建控件库

首先，创建一个WebApplication与一个Windows控件库。

在Windows控件库中增加一个UserControl，取名为HelloIE，拖入一个标签控件，Text属性设为"Hello IE!".

创建宿主页面

为DotNetHostWebSite项目添加引用，把WindowsFormsControlLibrary引用进来。这样每次编译之后，WindowsFormsControlLibrary.dll便会复制到网站的bin目录中。

然后在DotNetHostWebSite中增加一个htm页面，加入<object>标签如下：

<object id="HelloIE" classid="http:bin/WindowsControlLibrary.dll#WindowsFormsControlLibrary.HelloIE" height="100" width="300"/>

关键属性为classid，语法为：

classid="http:[relativePath/]<winControlAssemblyName>.dll#<ControlNamespace>.<ControlClassName>".

(注：请注意使用相对路径的时候，是不用写双斜杠//的。当然也可以使用绝对路径http://[absolutelyPath],但是实际工作中一般不会使用这种方式，因为开发环境、测试环境跟真实环境往往都会使用不同的url)

最后，我们需要在IIS上创建虚拟目录,然后编译整个项目。

程序已经完成。使用IE浏览器浏览http://localhost/DotNetHostWebSite/HelloIE.htm。结果如下：

配置IIS

然而有些时候该UserControl显示失败，一般是由于IIS配置与.NET安全配置的问题。由于本例子没有做任何涉及安全的操作，因此暂时不用管.NET安全配置。正常的情况下，首先IE会根据object中提供的url发送一个Get请求，把dll下载下来。

在两种情况下，这个请求将失败。

l 当前用户没有对该dll文件读取的权限，返回404错误。应保证用户有读取bin目录的权限。

l IIS配置中执行权限设为“脚本和可执行文件”，将返回500错误。应改为“纯脚本”。

另外，我们也可以用一个简单的方法来测试，在浏览器地址栏中输入dll的完整地址，回车，如果出现文件下载对话框，表示dll下载没有问题。

至此，我们完成了一个最简单的示例。

参考

http://www.cnblogs.com/zgff008/archive/2008/10/28/1321357.html

/Files/xiaomin/DotNetHostWebSite1.rar 

        技巧1.使用EventHanlderList代替EventHandler 

        以Control的Init事件为例。通常我们会简单的用一个语句来定义事件：

        然而我们看实际的代码却是：

         Events属性就是EventHandlerList类型的对象。

               这样做的原因有两个：

         1.第一种写法不管该事件有没有响应函数，都会创建一个相应的代理对象。假如一个类中有20个事件，将创建20个代理对象，而这20个代理对象有可能都用不上。

         2.第一种写法编译器将为每一个事件生成Add与Remove方法，这两个方法是线程安全的，因此它包含了一些线程同步的代码。对于根本不需要使用多线程的程序来说，这对性能也是一种损耗。

        技巧2.使用静态object代替string类型作为字典主键

        在上面的例子中，我们还发现另一个跟我们平常不一样的用法，就是this.Events.AddHandler(EventInit, value);语句中的EventInit属性。我们先看定义

        它一个简单的object，在这里做主键来使用。我们一般使用字典的时候都习惯用字符串类型作为主键，因此我们会写成this.Events.AddHandler(“EventInit”, value);

        这样写会有两个缺点，第一字符串占内存多，第二容易出错。对于容易出错这一点，有必要展开讲。

        首先，字符串内容不会被编译器检查，非常容易写错，不仅仅是大小写的问题，即使我们把I写成L，编译器也能通过，而有时肉眼很难分辨。当然我们可以定义成常量，但是又回到内存占用的问题上了。

        第二，字符串是一个特殊的类，它的特性其实很多人不是特别了解。比如字符串的驻留，字符串的比较，字符串的哈希。如果集合类把字符串当做一般对象处理，就会出现问题。        

        如果我们使用静态object字段作为主键，则上述两个问题都不会存在。每个对象在内存中的地址都是唯一的，因此用来做主键是非常合适的。

        (ViewState使用string作为主键应该是考虑到序列化的问题)

        技巧3.使用BitVector代替bool类型字段

        在程序中我们经常使用bool类型的字段作为标志，比如Page是否支持视图状态，我们可以定义

        这样，编译器会自动生成一个bool型的字段。然而我们看实际的源代码：

        关键在于flags对象。该对象是一个SimpleBitVector32类型。使用字典的方式存取标志位，一个SimpleBitVector32对象能保存32个标志位。相当于32个bool型字段。它内部其实也只存了一个int型的字段，但是它使用每一个位作为标志。这样相对于使用bool型字段来说，能大大节省内存。

当使用js脚本打开一个模态窗口时，浏览器会使用客户端缓存。甚至当服务器端页面更新了，客户端也依然使用缓存中的页面。所以，尽量在窗口禁止客户端缓存

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 

      1.意图

      使多个对象处理同一个请求，这些对象形成一条链。每个对象拥有下一个对象的引用，该对象可以进行预处理，交给下一个对象处理，然后把处理结果进行后处理，再返回给前一对象。最终返回给客户端，形成一个“回路”。

      2.典型应用。

      Http Pipeline。客户端发送一个URL请求IIS接受到以后，由一系列的对象就行处理最终返回Html Stream给客户端。

      HttpApplication，Page都实现了IHttpHandler接口。并且，在这个对象链条中，下一个对象是由上一个对象动态创建的。比方页面请求和WebService会使用不同的HttpHandler处理。

      另外，IHttpHandler其实只有一个方法，并且没有返回值。每个HttpHandler都会将处理结果放在HttpContext对象中，通过对HttpContext直接操作来做预处理与后处理。

      Http Modules      

      HttpApplication有许多事件。Http Module 是通过对HttpApplication注册事件响应函数来实现对同一个HttpContext的处理的。

      AOP的拦截器。当一个方法被调用时，先由一系列的拦截器进行预处理，然后才真正调用该方法，然后再把结果返回给拦截器进行后处理。

      每个拦截器都实现了ICallHandler接口，该接口主要方法为

      public IMethodReturn Invoke(IMethodInvocation input, GetNextHandlerDelegate getNext)

      在该方法内调用代理getNext(input,getNext)返回后一个拦截器执行的结果。

      在getNext代理执行前做预处理，执行后做后处理。例如LogCallHandler。

      与HttpPipline不同的是，这里使用对返回值IMethodReturn进行后处理，再返回IMethodReturn 给上一个处理对象。显然受HttpPipline的启发，我们也可以使用一个Context对象把处理结果都放在里面，这样也许可读性会更强一点。

      3.结构。与职责链一样。

      4.与职责链的区别

      职责链的对象最终只有一个处理请求，而Pipeline是每个对象都会处理请求。职责链就像是局域网里的广播，只有一个网卡接受信息。而Pipeline像是流水线，每个对象负责一个动作，一起协作完成一个产品。

      假如我们一个页面中有一组（2个）Radio Button，在页面初始化时写如下代码：

    在页面呈现时，会自动将最后一个Radio Button设为Checked，其他的为UnChecked。并且再次点提交后，Radio Button的状态会与用户输入保持一致。

      然而，也有例外情况：当Radio Button为Disable的时候，会发生两个Radio Button都为Checked的情况。

      这种情况下提交表单，将发现，两个Radio Button都是Checked，因此我们在设Enabled=false的时候一定要先确定他的Checked值。或者在判断的时候再加上Disabled状态。