qt html ui,DSkin 的WebUI开发模式介绍，Html快速开发Winform的UI

新版WebUI开发模式采用MiniBlink内核，这个内核功能更完善，dll压缩之后才5M，而且提供开发者功能，内核还在更新中，而且是开源项目：https://github.com/weolar/miniblink49 如果是内核方面的问题可以到 http://miniblink.net/ 提问！

通过Html来开发UI可以利用海量的前端资源，然后配合C#优美的语法加无敌的VS来开发，简直完美！

html和C#类对应，就像WPF或者WebForm那样。

开始开发

新建X86的Winform项目，窗体继承改成DSkin.Forms.MiniBlinkForm

期望大小乘以ZoomFactor，是为了适应DPI缩放；把app.manifest中的这段DPI代码取消注释

程序集里的资源Url写法是res://开头的

res://WebUIDemo/Views/index.html res://程序集名/若干文件夹/文件名区分大小写

Html页面和C#类绑定，页面和类的名称要一样，Html在哪个文件夹无所谓，区分大小写，支持主页面和框架页面的绑定

类继承DSkin.Forms.MiniBlinkPage

C#属性和页面双向绑定，依赖Vue，支持简单属性的双向绑定，和集合的单向绑定，复杂属性请用Json字符串

JS中也可以用Get(“属性名”)； Set(“属性名”,值) 访问和设置属性值，可以不需要Vue

页面设置一个绑定的全局ID，默认是page，如果想改成其他的，页面和C#类需要一起改，在构造函数里设置。这个ID和Vue绑定ID是一致的！

页面里的 {{Text}} 就是绑定到C#里定义的Text的属性了

绑定操作写好之后，Js中就可以操作这个Vue绑定对象了，对象名就是那个Id，默认为page

Js中的高级操作可以到Vue官网查看教程 https://cn.vuejs.org/v2/guide/

比如Js中调用 page.Text=’这么牛逼！’; 这个值就会更新到C#类Text属性和页面

Js绑定C#方法，方法上面加JSFunction，方法参数只支持简单的数据类型，数量和类型要和JS调用的对应

JS同步调用C#方法：参数对应，直接调用就是同步调用

JS异步调用C#方法：前面参数对应，最后加个包含一个参数的回调函数

如果页面里引用了JQuery，你还可以用C#封装的JQuery调用，方便操作Dom元素

C#直接调用JS： InvokeJS("alert('test')");

最终的Demo效果，是不是很简单，方便！

qt html ui,DSkin 的WebUI开发模式介绍，Html快速开发Winform的UI相关推荐

网上商城代码实现_中国中铁网上商城转型敏捷开发模式，实现快速反应、快速迭代...
△北研中心的同事给业务部门演示迭代成果中国中铁网上商城成功转型敏捷开发模式,实现快速反应.快速迭代.切实解决公司内部以及合作方的业务需求,更好服务多样化的客户群体.经历了两次每2周为一迭代的短期快速开 ...
智能化开发趋势：软件快速开发平台
近年来,以复用技术.组件.构件.快速开发为特征的快速开发平台,已成为当前软件产业的热门需求和发展趋势.因此,众多专家和业内人士不断强调,应该大力发展以复用技术.组件.构件为特征的中间件,尤其是快速开发 ...
DSkin 的WebUI开发模式介绍，Html快速开发Winform的UI
新版WebUI开发模式采用MiniBlink内核,这个内核功能更完善,dll压缩之后才5M,而且提供开发者功能,内核还在更新中,而且是开源项目:https://github.com/weolar/mi ...
python qt5 gui快速编程_现货正版 Python Qt GUI与数据可视化编程 pyqt5教程书籍 pyqt5快速开发与实战Qt5 GUI快速编程计算机网络程序设计人民邮电出版社...
热销单品查看更多 > RMB:85.00 立即购买 RMB:63.50 立即购买 RMB:73.50 立即购买 RMB:49.50 立即购买 RMB:127.80 立即购买 RMB:66.00 ...
devops开发模式流程图_2020 Web开发人员路线图–成为前端，后端或DevOps开发人员的视觉指南
devops开发模式流程图 There are many ways you can go about picking up the skills you need to become a develo ...
前后端分离开发模式介绍
1.1 什么是前后端分离前后端分离是目前一种非常流行的开发模式,它使项目的分工更加明确: 后端:负责处理.存储数据前端:负责显示数据前端和后端开发人员通过接口进行数据的交换. 1.2 为什么 ...
java 开发模式详解_Java开发中的23种设计模式详解4
其实每个设计模式都是很重要的一种思想,看上去很熟,其实是因为我们在学到的东西中都有涉及,尽管有时我们并不知道,其实在Java本身的设计之中处处都有体现,像AWT.JDBC.集合类.IO管道或者是Web ...
【前端22_混合开发】介绍、初步认识MUI、UI组件、窗口管理
文章目录混合开发混合开发介绍 MUI 初步认识 HBulid初入时遇到的坑 Q0:Uncaught ReferenceError: plus is not defined (提示: 请在plus ...
主流新产品开发模式介绍:集成产品开发管理
IPD(Integrated Product Development,集成产品开发),其思想来源于PACE.IPD集成产品开发流程概括起来就是"一个结构化流程.二类跨部门团队.三个系统框架集 ...
java分层开发模式的概念_Java开发人员的z / OS概念
简介:大型机2.0? 我从未使用过打Kong卡或3480磁带设备. 我不是大型机一代的一员 . 但是,我在信息技术(IT)生涯的早期就曾在大型机商店工作. 我是互联网专家,大型机系统程序员将我带入了翅 ...

qt html ui,DSkin 的WebUI开发模式介绍，Html快速开发Winform的UI

qt html ui,DSkin 的WebUI开发模式介绍，Html快速开发Winform的UI相关推荐

最新文章

热门文章