用Html5/CSS3做Winform,一步一步教你搭建CefSharp开发环境(附JavaScript异步调用C#例子,及全部源代码)上

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用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,转载请注明

以上是关于用Html5/CSS3做Winform,一步一步教你搭建CefSharp开发环境(附JavaScript异步调用C#例子,及全部源代码)上的主要内容,如果未能解决你的问题,请参考以下文章

一步一步教你 https 抓包

一步一步教大家用canvas做 图片滑动解锁

一步一步教你认识闭包

求一步一步教PHP留言板制作方法

一步一步教你将开源项目上传到jcenter

一步一步教你使用 LSMW 批量处理数据