精易论坛

标题: 易语言WebUI教程 —— 入门简介 [打印本页]

作者: 测码奔腾永无BUG 时间: 2021-10-25 21:11
标题: 易语言WebUI教程 —— 入门简介

近期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。

作者: 怡君大哥 时间: 2021-10-26 00:07

作者: AnyPopup 时间: 2021-10-26 01:15
如果可以还是得直接上cef，mb这东西越玩越操心

作者: 测码奔腾永无BUG 时间: 2021-10-26 01:19

AnyPopup 发表于 2021-10-26 01:15
如果可以还是得直接上cef，mb这东西越玩越操心

那也得等我先把CEF全部搞明白才行

作者: AnyPopup 时间: 2021-10-26 01:31

测码奔腾永无BUG 发表于 2021-10-26 01:19
那也得等我先把CEF全部搞明白才行

作者: qq2518 时间: 2021-10-26 17:38
学习了。感谢分享

作者: Hawk 时间: 2021-10-27 18:47
超级支持，超级支持，超级支持，几时出第二章，玩想学一下易语言和 webui 怎么交互的（传数据）。

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

作者: 测码奔腾永无BUG 时间: 2021-10-27 23:41

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

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

作者: chungbin 时间: 2021-12-10 14:37
.版本 2

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

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

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

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

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

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

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

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

没有作用怎么解决

作者: superlu 时间: 2021-12-20 16:31
12.20 来看有然后的了吗？

作者: 咸鱼鲲 时间: 2022-4-26 19:00
66666666666666666666666

作者: genius神才 时间: 2022-6-29 22:02
学习了，非常感谢楼主

作者: 陽陽陽 时间: 2022-11-16 11:42
我一般都用我的可视化前端，做这个的原因我坦白了：
我太懒，懒得记style，然后就写了一个，写着写着就弄成了这样，然后就想混参与奖

作者: duisir 时间: 2023-11-19 11:54
6666666666666666666666666666666666666666666666666

作者: duisir 时间: 2024-1-1 20:19
6666666666666666666666666666666666666666666666

作者: By未命名 时间: 2024-4-11 13:48
哈哈，只建了个大门，后面主体小区房子都不搞了？工程烂尾了么？

作者: whdwit 时间: 2024-9-25 09:42
不错，不错

欢迎光临精易论坛 (https://125.confly.eu.org/)