近期WebUI比较热门，有很多易友们都逐渐接触了WebUI，当然也有很多玩不明白的盆友们，所以就搞个小教程统一回答一下，让各位玩明白点。如果有疑问可以加群：910387038 一起交流

什么是WebUI？

WebUI它本质上是一个浏览器加一个网页，你可以理解为它就是一个套了浏览器外壳的一个程序。或者更通俗点来说它就是一个“超文本浏览框”加一个HTML文件。

WebUI的优势是可以让你的软件拥有更好看的界面、更绚丽的动效。同时它有很多完善的前端框架、组件插件等，相对于DUI、GDI自绘，它在开发时也会方便很多，但劣势也很明显，主要就是体积比较臃肿，运行效率不高，至于怎么取舍看个人选择。

适用范围

任何事物都会有它的适用范围，WebUI也不例外，由于它的运行效率不高，对于一些金融行业、后台或者是一些需要毫秒级响应的软件开发来说显然是不适用的。个人觉得它更适用于C端用户。

WebUI需要学习哪些内容？

学易语言(废话)，不把易语言玩明白，那肯定也玩不来易语言的WebUI。
HTML(包括CSS和JavaScript)、JQuery和Vue(二选一即可，新手的话推荐用JQuery)。

WebUI有哪些文件？

WebUI目前主要分为两种：Miniblink、CEF(Chromium Embedded Framework)，为方便大家入坑，教程主要介绍Miniblink

Miniblink：简单易懂，新手推荐、体积小(仅15M左右)、可实现大部分CSS效果、但由于去除了很多功能、导致CSS动画掉帧等情况。

CEF：比较复杂、完整的谷歌内核，体积大(100多M)、可实现全部CSS效果、也可直接当浏览器来用。

WebUI文件结构

这个看个人喜好吧，如果你没有强迫症的话可以全部文件都堆在一起。我个人会用以下这种两种文件结构，因为这样会更加直观、规范。

开发准备

对于HTML的开发工具，没有特别的要求，常见的有HBuilder X、VS Code、Dreamweav、Notpad++等，习惯用哪个就用哪个吧，用记事本写也是可以的，主要看个人需要。

个人比较推荐用 HBuilder X 和 VS Code。

HBuilderX-高效极客技巧https://www.dcloud.io/hbuilderx.html

Visual Studio Code - Code Editing. Redefinedhttps://code.visualstudio.com/

易语言WebUI教程 —— 入门简介相关推荐

易语言WebUI教程 - 第三期 —— miniblink绑定、交互及传参
准备工作 1. 易语言.VSCode 2. miniblink模块.精易模块.Node.dll 3. JQuery-1.9.1.js 如果你没有可以去看上一期教程下载注: 本期demo例程请到文章末 ...
易语言脚本开发入门教程
天蓝易语言脚本入门开发系列教程第1讲初识易语言天蓝易语言脚本入门开发系列教程第2课简单控件变量天蓝易语言脚本入门开发系列教程第3讲简单登录器制作天蓝易语言脚本入门开发系列教程第4讲计算器实现天 ...
易语言零基础入门视频教程易语言自学全套教程
易语言是一门以中文作为程序代码编程语言.易语言早期版本的名字为E语言.其最早的版本的发布可追溯至2000年9月11日.创造易语言的初衷是进行用中文来编写程序的实践,方便中国人以中国人的思维编写程序,并 ...
易语言 Sql 教程
使用易语言对SQL数据库操作的教程:精易入门培训2017 [教程]易语言入门教学培训2017(精易论坛)_哔哩哔哩_bilibili 23集-29集 SQL的教程可以看看: SQL 教程 SQL教程 ...
w3c易语言教程,易语言基础教程之简单的人机交互
易语言由于完全支持面向对象编程理念,因此也秉性了功能与外观相分离的良好编程思路.了解并掌握易语言中的人机交互操作,对于理解易语言编程思维及至掌握易语言编程核心,都具有极为重要的意义. 这节教程我们要实 ...
易语言做mysql登录器_易语言制作数据库登录器易语言数据库教程
易语言做的登陆器怎样利用数据库验证密码是否正确? 你这么写当然是错误的.因为你用查找功能.只要数据库里有这个结果就返回真.搜索的是全部的记录,如果密码N个人是123456,那么只要用户名对密码肯定是正 ...
[2012.7.20]易语言post教程 - 飞龙
预备知识:熟悉易语言的常用指令.(了解api,OOP,并且会使用常用控件.) 注:此教程是本人学会易语言post两个月后写完的,本人非大神,所以各位也不要指望看完这篇教程就马上成为大神 [封包] 首先 ...
易语言POST教程分享一波
这么多年我攒下拉许多的易语言视频教程,前几年一直没事的学习易语言,觉得挺有意思的.分享给一些想玩易语言的朋友. 有好多套教程,在我百度网盘里呢,需要的朋友自己去下载吧,有没有解压密码我也忘记啦. 链接 ...
易语言 mysql多线程_易语言数据库多线程易语言数据库教程
为什么易语言两个线程同时对一个MYSQL数据? 数据库有自己的连接锁定机制.如果同一台机器使用同一接口插入,则多线程和单线程是相同的. 除非您有多个数据库服务器,然后使用多线程来完成上述工作,否则效率 ...
易语言学习笔记——入门篇
易语言学习笔记20180709 最早接触易语言是三年前的事情了,那时候是因为DNF这个游戏我才知道了易语言这个编程语言,当时对他就非常的憧憬.只不过那时候易语言的学习资源比较少,而且自身的学业比较重就 ...

易语言WebUI教程 —— 入门简介