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

大兔崽子 · 发表于 3 小时前

本帖最后由大兔崽子于 2024-9-28 10:51 编辑

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

VX截图_20240928004426.png

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

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

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

VX截图_20240928005339.png

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

在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 弹窗，可以正常运行）
虽然千难万难，  总算是有能跑起来。
VX截图_20240928005908.png

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

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

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