关于UI，我有个大胆的想法

大兔崽子

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



这UI 是用web端画的，颜值是真的很顶，而且还有好看的动效

论自绘的话。 我感觉 还得是web端  更自由  更高效。

于是乎，我顿时生出一个大胆的想法。   把易语言 作为后端，前端就用vue 好了。 他们之间的交互就 用api交互，
于是乎 ，拿着楼上大佬的代码 玩了一晚上了。   他原本的写法是  通过易语言  去控制原生js  来实现调用页面上的功能。
这样操作其实也不错。  但是 也是有弊端的，  比如。login 方法。  实际的逻辑  是放在易语言里面的。  
这会导致。 在vue 中无法单独跑项目结果。
开发时候  需要  俩头改。 效率会低很多，而且，使用易语言 去操作 js  来操作界面。  这个效率真心不高。
比如下面这段代码：


充斥着很多原生的js的操作。  这需要俩头看类名   而且 丢失了 vue 最大的优点。  数据的双向绑定
如果是改成vue 这边来操作页面。  通过接口交互的话，  代码将变成下面的样子

在vue 中，只需要对 数据 进行赋值，就能完成对页面UI的改变了。  这点，对于交互来说，非常的友好。

所以，我的想法是。   使用  vue 来完成界面的开发 和前端的交互，   然后  易语言这边  使用 HP-Socket  来启一个服务器端， 供前端进行访问 做交互操作

这样，如果是单体应用 就不需要服务器了。  也能做到界面漂漂亮亮的


==========================以上都是优点==========================================
======================以下就是缺点了=============================
经过一晚上的实际把玩。  我还只是 初步的  将vue 部分 和 易语言 展示部分做好了。  hp-socket 服务端 还没能塞进去。（不过这个问题不大。 论坛上已经有很多成熟的 hp作为服务端的例子了）

我发现 miniblink 模块，兼容性似乎不太行。  我在vue 中 导入了  axios（网络交互的包），element-plus（ui界面包）  
然后就发现 axios 会导致 易语言 启动不起来界面。  element-plus  则是会一闪而过的 弹出报错。  还是我对着屏幕录视频  才发现这个错误是什么（发现也没用。没解决）

最终，使用了 浏览器自带的 fetch   替代了 axios ，使用 vant 替代了  element-plus ，（不过 vant 貌似也有问题， 无法全导入，目前是按需导入， 导入了button 和 toast 弹窗，可以正常运行）
虽然千难万难，  总算是有能跑起来。



综上所述，   miniblink   是浏览器内核版本不足吗？  还是什么原因，  有没有大佬可以推荐 推荐 替代的浏览器部分的方案呢..   

时间原因 ，太晚了  等过2天 。  把hp-socket  也塞进去后，  再 发一版完整些的源码给大家伙玩玩。     有兴趣的小伙伴可以关注一下噢~~

最后再夸夸。
这个UI做的真好看！！！
这个UI做的真好看！！！
这个UI做的真好看！！！

blaze_et

看起来真好看。

嫂子

大兔崽子 发表于 2024-10-28 15:29
项目小的话。 那确实占用大（随便一个空的项目就有30M左右了，纯易语言项目  都是1M的样子），  但如果项 ...

复杂界面的效率很差。
还有一个是 渲染有一点不兼容。
前几年chrome的渲染明显有问题，字体发虚之类的

大兔崽子

憨憨问号 发表于 2024-10-28 15:30
这就是大佬么（膜拜QAQ）

并不是大佬呢，只是觉得 再转头去学自绘，太花费精力了。但是又不甘于放弃对美好UI的追求
   这儿是最后的成果演示  

【WebUI】最适合web开发者的易语言自绘方案
https://bbs.125.la/forum.php?mod=viewthread&tid=14835913
(出处: 精易论坛)

大兔崽子

我爱黑暗 发表于 2024-10-28 00:13
界面停漂亮 就看起来好像很难的鸭子

难不难 那就要看有没有 web前端开发的经验了。  如果是有的话。  那做起来还是挺快的。  如果是不会这方便的开发的话，  上手还是有点点难度。（web前端有太多 太多 UI框架。很多常见的功能 基本都是  拿框架的组件 拼接拼接 就做好界面了）

憨憨问号

这就是大佬么（膜拜QAQ）

大兔崽子

嫂子 发表于 2024-10-27 13:55
缺点：
占用大
效率低

项目小的话。 那确实占用大（随便一个空的项目就有30M左右了，纯易语言项目  都是1M的样子），  但如果项目大  功能模块多的话，  实际上 它后续的体积增长 不会太大的。    带来的优势就是  现代化的界面和交互体验。  就论交互这方面来说。   简直是太棒了，效率低其实也不见得。  就像web端常见的  前后端开发一样。  易语言只是用来做业务的逻辑处理了。  甚至是 做做增删改查就行了。   而且 接口都是 本地接口 没有带宽的限制

我爱黑暗

界面停漂亮 就看起来好像很难的鸭子

嫂子

缺点：
占用大
效率低
渲染也存在一定的兼容问题
优点：
会前端的写UI简单，可以多端统一

nunu0530

支持开源~！感谢分享

jiangjiang123

666666666666666666