精易论坛

标题: 【WebUI】最适合web开发者的易语言自绘方案 [打印本页]

作者: 大兔崽子 时间: 2024-9-28 20:57
标题: 【WebUI】最适合web开发者的易语言自绘方案
本帖最后由大兔崽子于 2024-10-6 15:42 编辑

老规矩先贴来源，感谢大佬的源码奉献

未闻花名webUI 验证页面 miniblink
https://125.confly.eu.org/forum.php?mod=viewthread&tid=14768919
(出处: 精易论坛)

书接上回，未闻花名的这个WebUI 的交互写法很不方便。易语言这边要想控制界面的变化。会需要写非常多的  原生JS ，
众所周知，原生JS 又臭又长。所以开发起来效率非常的不友好

于是乎，我在这个版本的基础上，进行了些许改进，  将易语言这边作为程序的后端，只用来做逻辑的处理
vue 这边则专注于前端的界面的开发，  这样就实现了前后的分离的开发模式

整个程序操作起来也是异常的流畅，而且界面开发可以使用 css 效果也是出类拔萃，下面请看VCR

代码方面，我将 webUI视图的载入和 HP 服务器的功能均分包塞进了一个程序集里面去，大多数的情况下
这俩个程序集我们都不需要有太多的修改了
业务部分的功能只需要单独去操作接口业务程序集即可

这儿程序集里面的每个方法就相当于是  提供给前端调用的接口了，
接口方法  需要接收一个文本型参数，  以及返回 json 格式的文本型数据
接收的文本型参数  则是接口传递过来的参数  参数例如：  name=123&pwd=123 或者  {"name":"123","pwd":"123"}

接口方法书写完毕后，  还需要在  业务路由绑定  方法中  ，将接口方法给添加进路由中，暴露给服务器访问。
路由中可以设置请求类型，以及接口是否需要鉴权如果是需要鉴权的情况下，
在调用接口方法之前，  程序会先调用一下  登录权限认证认证会比对登录时候的生成的token  如果不相等则返回 401
通知前端去前往登录页面

大体上介绍就是这样啦。易语言这边  就只需要专心关注  业务逻辑  而不需要关心  界面的呈现
vue 这边也可以做到跟类似其它语言做配合一样的交互开发

========================以上是优点=====================================
========================以下是缺点=====================================

似乎是  miniblink  模块的兼容性问题。在vue 的实际开发途中，  我就发现  无法使用 axios 包，以及  element-plus  无法全量导入，
（在浏览器上访问是正常的，用易语言启动的时候  就显示不正常，窗口无法显示出来，似乎有报错，但是我没有找到这个模块的输出报错的功能，这对开发相当的不友好）

不过  无法使用axios  也不是什么大问题。已经使用 fetch  进行替代了，但是不能使用 element-ui  等这些常见的 ui 框架的话，  就意味着页面都要手搓样式了。
这还是有点小小的遗憾  （现在用的UI框架是 vant  常用于移动端的开发）

  呐！废话一大堆，  最后来看成果吧

现阶段， vue 与易语言的直接交互  就只有窗口顶部的那几个  控制按钮了，（最大，最小化，关闭）  所以如果  miniblink 的兼容性如果是真的不行的话，
那只需要替换  这部分的 web浏览器载体即可，这个就有待有缘人来尝试了。

2024-9-30更新
对兼容性有要求的童鞋  可以试试这个浏览器

【更新开源】EdgeView模块易语言WebView2浏览框
https://125.confly.eu.org/forum.php?mod=viewthread&tid=14805846
(出处: 精易论坛)

我昨晚上简单的测试了一下，用了 axios 模块的 vue 项目是可以正常打开的。  兼容和稳定性看起来强了不少。
只需要将本项目里面的  hp服务器部分的代码  搬迁过去即可实现  前后端分离交互了~~
这就是  把某个功能性代码  塞进一个程序集的好处啦
2024-10-5 更新
如果有cookie 置入操作的话，  EdgeView 浏览器框架要慎用，起码我是没有用它成功置入cookie的
置入完全无效果

2024-10-6 更新
EdgeView 浏览器框架也可以置入cookie
只是他需要将要置入的cookie 的参数都正确的填写完整。
代码可以参考楼下我置顶的代码

作者: chinapk 时间: 2024-9-28 20:58
合web开发者的易语言自绘

作者: chinapk 时间: 2024-9-28 20:58
这部分的 web浏览器载体即可

作者: chinapk 时间: 2024-9-28 20:59
这部分的 web浏览器载体即可这部分的 web浏览器载体即可

作者: 唯爱男神林俊杰 时间: 2024-9-28 21:06
下来看看

作者: 章若楠 时间: 2024-9-28 21:08
最适合web开发者的易语言自绘方案

作者: bingJ 时间: 2024-9-28 21:12
后自己一点点学习着仿写的，效果不算特别好

作者: 王不饿 时间: 2024-9-28 21:14
套cef 现在的项目一般体积都很大这点体积不算啥了吧..例如我的项目体积就很大~~~

作者: 没事瞎琢磨 时间: 2024-9-28 21:16
看看中奖率

作者: 没事瞎琢磨 时间: 2024-9-28 21:17
在学习一下

作者: 亿万 时间: 2024-9-28 21:18
感谢分享，很给力！~

作者: 没事瞎琢磨 时间: 2024-9-28 21:18
没有缘放弃了

作者: jysoft2022 时间: 2024-9-28 21:19
谢谢分享给我中！

作者: jysoft2022 时间: 2024-9-28 21:20
我来领个奖！谢谢

作者: jysoft2022 时间: 2024-9-28 21:21
今天运气不佳!

作者: 君九 时间: 2024-9-28 21:33
WebUI

作者: hhf4977 时间: 2024-9-28 21:34
感谢分享

作者: 特权 时间: 2024-9-28 21:40
WebUI】最适合web开发者的易语言自绘方案 [

作者: 灵海雪缘 时间: 2024-9-28 21:41

作者: 1226852858 时间: 2024-9-28 21:43
WebUI套壳cef比较好。

作者: hyz5203344 时间: 2024-9-28 21:51
感谢分享

作者: 是荒年呀 时间: 2024-9-28 21:53
感谢分享

作者: qinfeng0214 时间: 2024-9-28 22:02
如果不能很好的支持element-plus这一类第三方库,感觉还不如使用electron这一类

作者: yljgame520 时间: 2024-9-28 22:07
膜拜大佬

作者: 文西哥 时间: 2024-9-28 22:12
感谢大佬的无私奉献

作者: 大兔崽子 时间: 2024-9-28 22:13

qinfeng0214 发表于 2024-9-28 22:02
如果不能很好的支持element-plus这一类第三方库,感觉还不如使用electron这一类

这就涉及到一个技术栈的问题了，就好比我，比较熟练的就是易语言 + vue 如果换 electron 的话会有学习成本。可能要填不少坑才能实现现在的功能

作者: 大兔崽子 时间: 2024-9-28 22:14

1226852858 发表于 2024-9-28 21:43
WebUI套壳cef比较好。

cef 是什么也是一个浏览器框架吗？有易语言的版本么。

作者: 你来我深情相拥 时间: 2024-9-28 22:17
66666666666666666

作者: qinfeng0214 时间: 2024-9-28 22:18

大兔崽子发表于 2024-9-28 22:13
这就涉及到一个技术栈的问题了，就好比我，比较熟练的就是易语言 + vue 如果换 electron 的话 ...

首先感谢大佬做的贡献,期待大佬或者其他大佬会出更简单的易语言+vue结合开发.感谢大佬的贡献,大吉大利.

作者: 彡Ksjsd风云 时间: 2024-9-28 22:24
最后来看成果吧

作者: 大鹏520 时间: 2024-9-28 22:33
支持开源666

作者: fengyishen 时间: 2024-9-28 22:39
感谢分享，下载看看。

作者: 1347379245 时间: 2024-9-28 22:44
感谢分享

作者: AliGod 时间: 2024-9-28 22:58
感谢分享，很给力！~

作者: 四叔 时间: 2024-9-28 23:06
666666666661111

作者: youya 时间: 2024-9-28 23:33
感谢大佬分享

作者: 撒加 时间: 2024-9-28 23:36
感谢大佬分享

作者: 小小中的小白白 时间: 2024-9-29 00:08
我看看是什么样子的

作者: pipicool 时间: 2024-9-29 00:15
学习一下

作者: weihua2018 时间: 2024-9-29 00:26
牛这个好看啊

作者: pipicool 时间: 2024-9-29 00:30
那为何不直接用WEB就好，还要用易语言做啥，有点不理解

作者: 易神 时间: 2024-9-29 00:46
谢谢分享

作者: fengyewl 时间: 2024-9-29 00:47
牛这个好看啊

作者: 温暖的舌骨 时间: 2024-9-29 02:06

作者: 温暖的舌骨 时间: 2024-9-29 02:07
感谢分享~~

作者: 599929114 时间: 2024-9-29 02:26
下载学习一下

作者: wool6 时间: 2024-9-29 03:45
感谢分享~~

作者: 2022huan 时间: 2024-9-29 05:15
现阶段， vue 与易语言的直接交互就只有窗口顶部的那几个控制按钮了

作者: 15930887162 时间: 2024-9-29 05:56
下载看看啦。。。。

作者: 大金刚弟弟 时间: 2024-9-29 06:47
下载看看啦。。。

作者: yuan71058 时间: 2024-9-29 07:20
下载看看啦。。。

作者: 查过 时间: 2024-9-29 07:21
全都是大佬~

作者: 鱼雨遇玉羽 时间: 2024-9-29 07:24
看一下能不能用

作者: 豆豆灰常开心 时间: 2024-9-29 07:25
感谢您对论坛的支持！

作者: renhe2018 时间: 2024-9-29 07:39
还挺不错的嘛要。

作者: zzh233 时间: 2024-9-29 07:41
适合会易语言又会网页的作者

作者: jzfxly 时间: 2024-9-29 07:56
谢谢分享。

作者: inat 时间: 2024-9-29 08:07
感谢,看起来不错的,缺点一般也可以忽略..

作者: year1970 时间: 2024-9-29 08:10
感谢分享

作者: mytiger 时间: 2024-9-29 08:12
感谢分享~!

作者: yangdoudou 时间: 2024-9-29 08:42
支持开源~！感谢分享

作者: 天雨时晴 时间: 2024-9-29 08:42
感谢分享

作者: wmv520 时间: 2024-9-29 08:43
感谢分享，很给力！~

作者: 星空Allstar 时间: 2024-9-29 08:50
谢谢楼主分享

作者: chenliben 时间: 2024-9-29 08:53
感谢分享

作者: Fate 时间: 2024-9-29 08:54

感谢分享

作者: chenliben 时间: 2024-9-29 08:54
不错支持了

作者: chenliben 时间: 2024-9-29 08:55
感谢分享，很给力！

作者: fyh505099 时间: 2024-9-29 08:57
路过支持一下!

作者: Channge 时间: 2024-9-29 08:59
回帖回帖回帖回帖回帖回帖回帖回帖回帖回帖回帖999

作者: 君九 时间: 2024-9-29 09:03
不错支持了

作者: 君九 时间: 2024-9-29 09:03
谢谢楼主分享

作者: 重新归零 时间: 2024-9-29 09:10
感谢分享～～～～

作者: zuoyang 时间: 2024-9-29 09:16
最后来看成果吧

作者: w589321 时间: 2024-9-29 09:17
看看看看。

作者: sinewtec 时间: 2024-9-29 09:25
感谢分享，很给力！~

作者: sqg88 时间: 2024-9-29 09:36
开源分享之驱动读写键鼠保护隐藏源码

作者: 偶尔有点帅 时间: 2024-9-29 09:42
很好的东西

作者: A举个栗子 时间: 2024-9-29 09:44
开源精神必须支持~

作者: ctry78985 时间: 2024-9-29 09:48
感谢分享

作者: 小小W 时间: 2024-9-29 09:50
Thanks for sharing~Very powerful~~

作者: 美味萝卜 时间: 2024-9-29 09:50
感谢分享

作者: wjswzj0 时间: 2024-9-29 09:52
感谢分享，很给力！~

作者: imoling 时间: 2024-9-29 10:07
开源精神必须支持~

作者: imoling 时间: 2024-9-29 10:07
~开源精神必须支持~！

作者: wuxinglong71 时间: 2024-9-29 10:12
感谢分享，很给力！~

作者: 闪电 时间: 2024-9-29 10:23
很需要这个

作者: 布鲁惠斯 时间: 2024-9-29 10:23
感谢分享，很给力！~

作者: 汉族 时间: 2024-9-29 10:31
互交在写的好界面很好

作者: shen110 时间: 2024-9-29 10:50
套壳cef比较好。性能更好。缺点：体积大

作者: web188 时间: 2024-9-29 11:04
感谢分享赞一个！

作者: jysoft2022 时间: 2024-9-29 11:12
看看运气阿

作者: 为谁把酒林风 时间: 2024-9-29 11:20
66666666666666666666666666

作者: 一指温柔 时间: 2024-9-29 11:24
感谢分享

作者: 一指温柔 时间: 2024-9-29 11:25
感谢分享，很给力！~

作者: jtucar 时间: 2024-9-29 13:10
感谢分享，很给力！~

作者: a277244390 时间: 2024-9-29 13:15
好评 +6好评 +6

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