LowCodeUI

LowCodeUI

今天跟大家讲讲我这么多年从事前端，觉得在公司里，前端最终的表现形式之一：ServerUI，也叫LowCodeUI。相信很多人对于现在前端行业，各种技术栈都有所了解：React、Vue、Angular典型的三大框架，目前吹的多的。serverless，paas,，faas，然后就是在久一点：requirejs，seajs等等。目前我们一切的开发，开始都是着手于工程化（脚手架），简单点的，直接就HTML、CSS、JS（前端不管啥技术，最终编译表现形式也就这三种）；这里要跟大家提醒一点：在以前，一问前端需要学什么，回答：“HTML\CSS\JS”，这没，放到现在耶没错，但是我想提醒大家的是，如果你是做了5年+前端的同学，你可以换个思维考虑（这里的限定场景为：前端常规开发，至于“常规”各家公司定义不同，可理解为公司前端经常做的事）：“HTML\CSS\JS是基于浏览器内核运行的，那么前端是不是应该以“浏览器”为中心向外扩散，从而壮大前端在公司职责和技术上的扩展，也就是跟浏览器一切相关的技术，都是前端应该了解并掌握和运用到公司业务上的。”以前想到前端，就会想HTML\CSS\JS，甚至三大框架等等，但是我现在想到前端，我直接想到的是以浏览器为中心，向外扩展的一切技术点。这是两种不同的思维扩展，也就是这种扩展，我创作出了ServerUI理念。

注意：

以下只是个人分享点，能吸收多少看个人，但是懂得我说的意思，我相信在座各位技术上的实现都会没问题的。

解决问题：

1. 可视化
2. 元件化
3. 可视元件化
4. 服务器
5. 版本控制
6. 不同环境切换
7. git权限管理
8. 兼容各种框架组件（比如：React、Vue、Angular）
9. 效率提升

架构图：

Serverui用户操作层（可视化层+微服务）

1. 应用层（权限、使用）
2. 设计层（使用、部署、权限-git权限原理）
3. 元件库（元件服务+个人工作空间数据）

Server-数据库

1. 开发、测试、uat、灰度、生产“可视化数据”都在这。
2. 应用层、设计、个人数据（工作空间数据）

元件库（存储元件源码地方（公共/集团/项目/个人（个人数据暂时存贮在serverui库中）））

1. 元件源码存放
2. 提供源码拉取服务

cnpm(私有源)

1. 存储公司所有模块、组件、元件等等源码
2. 外网无法访问
3. 支持内部install下载源码，进行使用

view

1. 对平台做好的页面进行渲染展示
2. 提供对serverui数据库的访问接口（拿取渲染数据集）
3. 支持iframe

serveruihtml

1. 可对本地化项目代码支持无缝穿插
2. 通过import即可加载平台渲染数据集，并渲染到本地化代码中

总结

      以上是我ServerUI(LowCodeUI)整体思路，这种架构，在我工作种已经落地实现，其实这是我在看Serverless，git，可视化，Fass，paas，包括前端现在各种框架后，综合了一些现有优点，主要解决，公司对于前端，组件、模块、元件、可视化拖拽，在线编写代码，同时又解决服务器、各种环境等等诸多问题集一身的解决方案。以上只是我架构上的整体思路，里面很多的实现细节，包括了很多市场上已经成熟的方案，当然也有自己编写的加载器（serveruihtml），可以实现线上和本地无缝的穿插代码，当然目前serverui还只是初步阶段，不过已经收到很好的开发效率方面的反应，不管是在小程序、h5、PC等等，甚至native方面有很好的表现形式，其实我相信看懂架构的同学感觉跟serverless很像，前面有也说了，有serverless的影子，但是对于目前市场serverless的落地，在很多公司里是没办法展开的，但是这种思路是值得借鉴的，我这里的serverless是没有基于数据层的，而且对于不是大厂的同学（除非有云），我不建议把UI和Data放到一起，因为随着时代和技术的不断提升，两个领域的东西有很多，如果只是混在一起，只会让实用度和操作上变难，这里的根据大家有兴趣的可以参考市场“低代码平台”，往往没有像各个厂家说的那么简单容易，往往简单的耶不需要，难得，又很难实现甚至操作复杂。所以，我一直任务，一定要把UI和Data分开做架构和系统。各司其职，类似于常常说得前后端分离。

不知道，各位同学能听懂多少，最后我想说，前端要想继续往前走，需要各个年段得人去推动，同时，我们要一起思考，现在和以前我们得工作方式和思路是否有变化，是否前进了，前端得自动化和在线生成等等，抛开人工得工作方式肯定是要变的，并且会有新的工作模式适用于前端，只有让我们传统的开发模式不断的变，才能前进。这里有点吹过头了，，，，，哈  但是本人就是这么想的 。。。。。

demo：设计器

如果想交流的，可以@me邮箱：459269440@qq.com 

这邮箱用的比较多，也就抽空会看，没回复的，也就看看缘分了哈，，，，哈哈哈

未经允许，请勿转载