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

测码奔腾永无BUG

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

什么是WebUI？

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

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

适用范围

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

弄WebUI学习哪些内容？

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

可能有很多易友们觉得这个HTML难，全是英文看不懂不好上手，其实这个也不算难，我的英语可能比各位都差，我都能学会你们肯定也是可以的。

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。

​

By未命名

哈哈，只建了个大门，后面主体小区房子都不搞了？工程烂尾了么？

duisir

6666666666666666666666666666666666666666666666

duisir

6666666666666666666666666666666666666666666666666

陽陽陽

我一般都用我的可视化前端，做这个的原因我坦白了：
我太懒，懒得记style，然后就写了一个，写着写着就弄成了这样，然后就想混参与奖

genius神才

学习了，非常感谢楼主

咸鱼鲲

66666666666666666666666

superlu

12.20 来看有然后的了吗？

chungbin

.版本 2

.子程序 _精易Web浏览器1_鼠标左键被按下, 逻辑型
.参数 横向位置, 整数型
.参数 纵向位置, 整数型
.参数 功能键状态, 整数型

_启动窗口.发送信息 (161, 2, 0)

.子程序 _精易Web浏览器1_左键按下, 逻辑型
.参数 横向位置, 整数型
.参数 纵向位置, 整数型
.参数 功能键状态, 整数型

_启动窗口.发送信息 (161, 2, 0)

  

子程序名	返回值类型	公开	备 注
_精易Web浏览器1_鼠标左键被按下	逻辑型
参数名	类 型	参考	可空	数组	备 注
横向位置	整数型
纵向位置	整数型
功能键状态	整数型

_启动窗口.发送信息 (161, 2, 0)

子程序名	返回值类型	公开	备 注
_精易Web浏览器1_左键按下	逻辑型
参数名	类 型	参考	可空	数组	备 注
横向位置	整数型
纵向位置	整数型
功能键状态	整数型

_启动窗口.发送信息 (161, 2, 0)

.版本 2<br /> <br /> .子程序 _精易Web浏览器1_鼠标左键被按下, 逻辑型<br /> .参数 横向位置, 整数型<br /> .参数 纵向位置, 整数型<br /> .参数 功能键状态, 整数型<br /> <br /> _启动窗口.发送信息 (161, 2, 0)<br /> <br /> .子程序 _精易Web浏览器1_左键按下, 逻辑型<br /> .参数 横向位置, 整数型<br /> .参数 纵向位置, 整数型<br /> .参数 功能键状态, 整数型<br /> <br /> _启动窗口.发送信息 (161, 2, 0)

没有作用怎么解决

测码奔腾永无BUG

Hawk 发表于 2021-10-27 18:51
什么时候出第二章，我想学一下E语言和web怎么交互的（传递数据）。

不定时更新，你可以加群 910387038 或者 关注我的公众号获取最新消息和源码