zoukankan      html  css  js  c++  java
  • WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信

    最近工作需要,学习了一下winform内嵌webbrowser控件,然后与htm页面中的javascript交互调用的技术,因此有了这篇心得。

    总的来说,javascript与winform的code互相调用,和web开发中javascript与服务器端代码通过ajax互相调用有类似之处。

    下面就用三个例子来说明:

    一.将WebBrowser控件放置在winform中,然后,写一个Page1.htm,内容如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title></title>
            <script type="text/javascript">
                function test(message) 
                {
                    alert(message); 
                }
            </script>
     </head>
     <body>
         <button onclick="test('test called from script code')">Button</button>
     </body>
    </html>

    我将此Page1.htm显示在WebBrowser中看看,这个不难写,在winform中加上下面一句即可。
    webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");

    然后运行,在winform中的webbrowser显示出来这个htm了,点按钮调用javascript函数,弹出alert提示,一切都很正常,没什么稀奇。

    二.如果我把javascript中的函数挪到winform的cs代码里,htm页面还能调用的到吗?
    这有点ajax的味道了,在客户端的javascript里如何调用webpage.aspx.cs里的代码,在ajaxpro那时候,是需要在webpage.aspx.cs的代码里注册一下本页供ajax使用,在函数前也要声明一下是ajax函数的。

    再说回来,如果想调用winform中的代码,也类似的,要给winform设置一下ComVisibleAttribute(true), 并给webbrowser控件设置一下webBrowser1.ObjectForScripting属性。
    webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
    webBrowser1.ObjectForScripting = this;

    其实,如果做的好,可以把这些代码专门归入一个类中,方便管理,这里就变为:webBrowser1.ObjectForScripting = new 某类()了;

    然后,再在winform里写一个函数。
            public void Test(String message)
            {
                MessageBox.Show(message, "client code");
            }

    最后,htm里调用时要用window.external前缀一下Test方法名。
    <button onclick="window.external.Test('test called from windows code')">Button</button>

    然后再运行,就发现,htm里的onclick事件,居然能调用winform里的code了,真是神奇!

    完整winform代码如下:
    using System;
    using System.Windows.Forms;
    using System.Security.Permissions;
      
    namespace WindowsFormsApp
    {
        [PermissionSet(SecurityAction.Demand, Name = "FullTrust")]
        [System.Runtime.InteropServices.ComVisibleAttribute(true)]
        public partial class Form2 : Form
        {
            private WebBrowser webBrowser1 = new WebBrowser();

            public Form2()
            {
                InitializeComponent();

                button1.Text = "call script code from client code";
                button1.Dock = DockStyle.Top;
                button1.Click += new EventHandler(button1_Click);
                webBrowser1.Dock = DockStyle.Fill;
                Controls.Add(webBrowser1);
                Load += new EventHandler(Form2_Load);

            }

            private void Form2_Load(object sender, EventArgs e)
            {
                webBrowser1.AllowWebBrowserDrop = false;
                webBrowser1.IsWebBrowserContextMenuEnabled = false;
                webBrowser1.WebBrowserShortcutsEnabled = false;
                webBrowser1.ObjectForScripting = this;
                webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
            }

            public void Test(String message)
            {
                MessageBox.Show(message, "client code");
            }      
        }
    }

    总结一下,关键的webBrowser1.ObjectForScripting属性,ComVisibleAttribute(true)和window.external。


    msdn说webBrowser1.ObjectForScripting属性的作用是:获取或设置一个对象,该对象可由显示在 WebBrowser 控件中的网页所包含的脚本代码访问。使用该属性可以启用 WebBrowser 控件承载的网页与包含 WebBrowser 控件的应用程序之间的通信。使用该属性可以将动态 HTML (DHTML) 代码与客户端应用程序代码集成在一起。为该属性指定的对象可作为 window.external 对象(用于主机访问的内置 DOM 对象)用于网页脚本。

    可以将此属性设置为希望其公共属性和方法可用于脚本代码的任何 COM 可见的对象。可以通过使用 ComVisibleAttribute 对类进行标记使其成为 COM 可见的类。
    这一步也至关重要,如果不设置ComVisibleAttribute(true),那这个程序就不能加载显示htm页面,因为htm里用了window.external.Test()方法,该方法所在的类如果不ComVisible,就无法访问到了。反过来,如果设置了ComVisible,却不设置webBrowser1.ObjectForScripting属性,那代码执行时会报错:window.external无效或找不到对象。

    而缺少了window.external,就更甭提了,因此,这三者缺一不可。

    再看看这个window.external,在常见的javascript书中不见踪影,但却非常有用,一个常见的应用是:
    <input type="button" name="Button" value="add" onclick="window.external.AddFavorite(location.href,document.title)" />

    引用别人的"在嵌入了浏览器的工程中,除了IE默认提供的外部方法之外,需要网页的脚本中能调用c++代码,要实现这种交互,就必须实现脚本扩展。实现脚本扩展就是在程序中实现一个IDispatch接口,通过CHtmlView类的OnGetExternal虚函数返回此接口指针,这样就可以在脚本中通过window.external.XXX(关键字window可以省略)来引用接口暴露的方法或属性(XXX为方法或属性名)。"

    再看看在c#中的脚本扩展,只需要webBrowser1.ObjectForScripting和ComVisibleAttribute(true)简单一设置就完事了,简单吧!幸福吧!悲催吧!


    三.再来看一个,从winform的code里,能调用html页面里的javascript吗?
    Page1.htm,删掉button,只保留javascript脚本。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title></title>
            <script type="text/javascript">
                function test(message) 
                {
                    alert(message); 
                }
            </script>
     </head>
     <body>
        
     </body>
    </html>


    using System;
    using System.Windows.Forms;
    using System.Security.Permissions;
      
    namespace WindowsFormsApp
    {
        [PermissionSet(SecurityAction.Demand, Name = "FullTrust")]
        [System.Runtime.InteropServices.ComVisibleAttribute(true)]
        public partial class Form2 : Form
        {
            private WebBrowser webBrowser1 = new WebBrowser();
            private Button button1 = new Button();

            public Form2()
            {
                InitializeComponent();

                button1.Text = "call script code from client code";
                button1.Dock = DockStyle.Top;
                button1.Click += new EventHandler(button1_Click);
                webBrowser1.Dock = DockStyle.Fill;
                Controls.Add(webBrowser1);
                Controls.Add(button1);
                Load += new EventHandler(Form2_Load);

            }

            private void Form2_Load(object sender, EventArgs e)
            {
                webBrowser1.AllowWebBrowserDrop = false;
                webBrowser1.IsWebBrowserContextMenuEnabled = false;
                webBrowser1.WebBrowserShortcutsEnabled = false;
                webBrowser1.ObjectForScripting = this;
                webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
            }

            private void button1_Click(object sender, EventArgs e)
            {
                webBrowser1.Document.InvokeScript("test",
                    new String[] { "called from client code" });
            }

        }
    }

    这回关键的因素就是webBrowser1.Document.InvokeScript了,而webBrowser1.ObjectForScripting,ComVisible不再需要了。

    HtmlDocument.InvokeScript 方法的作用是:执行在 HTML 页面中定义的动态脚本函数。

    至此,javascript与winform的code就可以互相调用了,感觉和web开发也有些类似。

    这项技术叫在javascript(DHTML)代码和客户端应用程序代码之间实现双向通信.

    曾经用过的Sql Server分页方法小结

    工作这些年, 数据库分页也用过几种方案, 总结如下:

    1.用row_number函数及临时表分页, 适用sql 2005/2008.

    大致思路如下:

    SELECT *, ROW_NUMBER() OVER (ORDER BY  OrderID DESC  ) AS rownumber 
    into #SO
    FROM tbl_SalesOrder
    Where condition...


    SELECT *
    FROM #SO 
    Where (#SO.rownumber between 1 AND 15
    order by #SO.RowNumber 
     

    2.用row_number函数及表表达式分页, 适用sql 2005/2008, 这个就不用临时表了.

    要拼sql, 大致思路如下:

    declare @SQLString varchar(2000)

    set @SQLString='SELECT *, ROW_NUMBER() OVER (ORDER BY  OrderID DESC  ) AS rownumber 
                              into #SO
                              FROM tbl_SalesOrder
                              Where condition...'

     set @SQLString = 'with tempTable as ('+ @SQLString +')'

     set @SQLString = @SQLString + ' Select * from tempTable where (rownumber between @FirstRec1 and @LastRec1) order by rownumber; ' 
     EXECUTE sp_executesql @SQLString

    3.在没有row_number的早期版本时, 用临时表存储符合条件的全部记录并设置自增字段, 然后按照传入的页码返回相应的数据, 适用Sql 2000/2005/2008.

    缺点是效率不高, 但很通用.

    这倒是有个完整版:

    ALTER PROCEDURE [dbo].[lzd_sp_getDocumentListBySQL]
    @iPage int,
    @iPageSize int,
    @searchstring nvarchar(4000),
    @orderstring nvarchar(4000),
    @PageCount int output,
    @RecordCount int output
    AS
    BEGIN
    -- declare variables
    DECLARE @iPageCount int -- total number of pages
    DECLARE @iStart numeric -- start record
    DECLARE @iEnd numeric -- end record

    -- disable row counts
    SET NOCOUNT ON

    --建立临时表。
    CREATE TABLE #Document       (
    --这个自增字段十分关键,就是靠他来完成分页标示。
    ID numeric(18, 0) IDENTITY,     
    Num_InfoID numeric(18, 0) NOT NULL ,
    Num_AdminID numeric(18, 0) NULL ,
    VC_TITLE varchar (100)  NULL ,
    Num_Type numeric(18,0) null,
    Dt_Pub datetime NULL,
    Vc_File varchar(100) null,
    Num_DeptID numeric(18,0) null,
    Vc_Content text null
    )

    --先转存到下面的这个纪录集。
    exec(
    'INSERT INTO #Document(Num_InfoID,Num_AdminID,VC_TITLE,Num_Type,Dt_Pub,Vc_File,Num_DeptID,Vc_Content) 
    SELECT Num_InfoID,Num_AdminID,VC_TITLE,Num_Type,Dt_Pub,Vc_File,Num_DeptID,Vc_Content
    FROM dbo.Tbl_Document ' + @searchstring + ' order by ' + @orderstring
    )      
    --计算记录总数
    SELECT @iPageCount = COUNT(*)
    FROM  #Document

    SELECT @RecordCount = @iPageCount

    SELECT @iPageCount = CEILING(@iPageCount / @iPageSize) + 1

    -- 检查页号是否合法
    IF @iPage < 1
    SELECT @iPage = 1

    IF @iPage > @iPageCount
    SELECT @iPage = @iPageCount

    -- 计算开始和结束记录位置
    SELECT @iStart = (@iPage - 1) * @iPageSize
    SELECT @iEnd = @iStart + @iPageSize + 1

    --这条sql语句就是选取固定的纪录集。
    SELECT Num_InfoID,Num_AdminID,VC_TITLE,Num_Type,Dt_Pub,Vc_File,Num_DeptID,Vc_Content
    FROM #Document
    WHERE ID > @iStart
    AND ID < @iEnd

    DROP TABLE #Document

    SELECT @PageCount =@iPageCount
    -- turn back on record counts
    SET NOCOUNT OFF
    -- Return the number of records left
    RETURN @PageCount
    END

    4.使用Top分页

    这个思路网上看来的, 没实际用过, 也是一种思路, 看起来也是要拼sql的.

    大致思路如下: 将符合条件的数据的前几页数据id提取出来, 然后top PageRowCount 并且not in这些id.

    SELECT TOP @PageRowCount *
    FROM tbl_user
    WHERE 
    (
    Num_LoginID NOT IN (SELECT TOP (@PageRowCount*(@CurrentPage-1)) Num_LoginID FROM Tbl_User ORDER BY Num_LoginID DESC)
    )
    ORDER BY Num_LoginID DESC

    推荐资料:

    http://tech.it168.com/msoft/2008-02-18/200802181013281_1.shtml
    http://blog.csdn.net/lihonggen0/article/details/103511

    http://www.cnblogs.com/liuzhendong/archive/2012/02/14/2351886.html

  • 相关阅读:
    Tushare模块
    关于上下文
    Flask的session使用
    Flask的请求处理机制
    Tomcat启动报错:SERVER: Error ListenerStart 排查过程记录
    Extjs中设置只读的样式问题
    Extjs中获取getEl获取undefined的问题
    【转载】使用SoapUI 测试Web Service
    PLSQL快捷键设置
    PLSQL配置数据库的方式
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/2409231.html
Copyright © 2011-2022 走看看