用Html5/CSS3做Winform,一步一步教你搭建CefSharp开发环境(附JavaScript异步调用C#例子,及全部源代码)上
本文为鸡毛巾原创,原文地址:http://www.cnblogs.com/jimaojin/p/7077131.html,转载请注明
CefSharp说白了就是Chromium浏览器的嵌入式核心,我们用此开发Winform程序也就相当于在程序里面内嵌了一个谷歌浏览器。所以H5/CSS3以及各种Web开发界面设计的优势就可以完全发挥出来。
由于CefSharp更新及时,所以使用此浏览器控件可能是对于Html5/CSS3支持最优秀的方案了。
1.首先我用的是VS2015,这里新建一个空白解决方案。

2.空白解决方案创建完成,如下图所示

3.在空白解决方案里新建一个Windows窗体应用程序项目,这里我的项目名称为WinAPP

4.然后在解决方案里新建一个ASP.Net Web应用程序项目,此项目主要用来进行页面设计,我命名为WebRes

5.选择模板为Empty,因为仅仅是编写最基本的Html页面和Js交互代码,不需要服务端程序。

6.这是我的解决方案结构,如下所示,有两个项目,WinAPP,和WebRes

7.右键WinAPP项目,管理Nuget程序包

8.输入CefSharp,从网络安装CefSharp.WinForms包

9.安装完成之后,点击WinAPP项目的引用,右键添加引用菜单,点击浏览。

10.进入解决方案目录,进入packages目录。

11.在下图所示的目录里面选中如下图所示的三个dll,添加到项目引用之中。

12.在下图所示的目录里面选中如下图所示的一个dll,添加到项目引用之中。

13.添加完成之后,会看到dll上面有黄色感叹号。

14.在工具栏上点击如下图的配置管理器。

15.选中WinAPP项目的上下文平台,点击新建。

16.这里我的目标平台是X64,所以新建X64平台,点击确定。

17.可以看到黄色感叹号消失了。

18.回到Winform项目之中,双击窗体,编写窗体事件代码。

19.添加如下using

20.添加如下代码,完成浏览器控件的创建与添加。

21.运行项目,如果没问题的话,应该可以正确地访问百度。

22.回到最开始创建的空的ASP.Net Web项目,创建一个Page文件夹。

23.在Page文件夹下新建一个名为Index.html的入口html页面。

24.再新建一个Jmp.html页面

25.把上一步之中新建的Jmp.html页面拖动到Winform项目之中。

26.把之前ASP.Net Web项目之中的Jmp.html删除,并且把Winform项目之中新拖动过来的Jmp.html设置成为“如果较新则复制”。

27.在Winform项目里的Jmp.html里面写上如下跳转代码,确保可以跳转到ASP.Net Web项目之中的入口页面。

28.在ASP.Net Web项目之中的入口页面上写下一句话以方便查看是否跳转成功。

29.在Winform项目的窗体事件代码里做如下修改,浏览器控件首先载入目录下的Jmp.html文件。

30.调试,可以看到,Winform程序已经载入了我们的入口页面。

31.在Winform项目里面新建一个类,这里我命名为AsyncTest,意为异步测试类,也就是JavaScript异步调用C#的异步测试类。

32.在异步测试类里加入如下两个using,以及如下代码,这里添加了一个公用的DoSomething方法,参数是两个JavaScript回调函数接口,此方法随机调用成功Success或者失败Error回调函数。

33.然后在窗体代码里新建此对象的实例,并且以异步的方式注册此实例。

34.然后在ASP.Net Web项目的入口页面里如此调用此异步对象的异步方法,也就是传入两个回调函数。注意这里的doSomething是必须采用的驼峰写法,这是之前注册的时候默认参数设置的,也可以禁止,具体可以自己研究。

35.运行,异步调用成功,哈哈,到这里就结束了。


上篇教程就到这里,下面主要是侧重于一些工程的布置结构,以及一个实例。
这是本篇教程源代码:http://pan.baidu.com/s/1dE7daF3
本文为鸡毛巾原创,原文地址:http://www.cnblogs.com/jimaojin/p/7077131.html,转载请注明