Vue3 低代码方向交流

[xuanmo]

背景

一直以来，都希望做一套完整组件库，结合以下两点：

1. Vue 3 正式版已经发布；
2. 刚好现在公司在做的产品，迎来新版从零迭代，主要负责表单低代码平台建设，从中让我受益匪浅，学到很多东西，比起之前我实现的 Vue 2 版表单，功能强大太多，也让我做在做设计时，有了不一样的构思和想法；

关于为什么要做这件事

1. 首先是从零开发一套组件库，可以接触到平时工作业务代码不一样的东西，本质上和写业务的思考也是不一样的，写组件库不用考虑很多业务逻辑，逻辑偏独立、公用，更能锻炼自己，业务组件则需要考虑很多业务相关的逻辑；
2. 目前比较感兴趣的方向是低代码，公司的产品是低代码平台相关，功能做的很强大，自己想做一下设计器这块的架构、也把自己的一些想法实现出来；
3. 也做了 6 年多的前端了，自己也应该有点不一样的东西和答卷，再加上做了 2 年多表单，对这块的也有一些不一样的理解，结合低代码 + 组件库来实现；
4. 也希望通过开源能认识更多朋友。

目前的进度

从 2022 年 4 月开始，从技术选型、整体架构、方案确定、一期需要完成的功能，立项到现在，已经完成 27 个组件，移动端表单也已经能够覆盖日常大部分需求；

目前更多的细节是没有完善的，一期还是以功能为主，按照目前的构思，要做的东西有很多，只能分阶段进行，欢迎有兴趣的朋友加入;

技术栈：Vue3 + TS 。

整体发展方向

1. 一期主要实现基础组件、布局、表单解析等组件（这部分不区分 PC 、H5 ），移动端实现表单字段组件，设计器能够满足现有组件的搭建；
2. 二期主要是开发更多的组件，完善生态；
3. 三期的规划是等 1 、2 做完。

相关组件

1. 组件库官网：https://www.xuanmo.xin/-/dl-ui
2. GitHub：https://github.com/D-xuanmo/dl-ui
3. 数据校验插件：https://github.com/D-xuanmo/validator
4. 在线运行时：https://run.xuanmo.xin

目前表单的架构

[xuanmo]

@lyonbot 我也是，我主要做表单生态这块，但是我觉得表单不仅仅是表单，他可以是任意的，我们产品就是配套的低代码

[xuanmo]

@xzg1993 和我们差不多，也是这样的，建表开始，都是不写代码，除非对样式定制要求高的，需要写点 css ，低代码毕竟是通用的，如果业务也要定制，那就是需要埋点进行二开

[RainCats]

@xuanmo 阿不，我参与过一个低代码平台是初始阶段，也参与过一个中期阶段的，配置都是界面上的，但细节太多了，复杂度很高，对新手不友好

[clue]

低代码只适用于特定、同质化的领域, 比如 问卷调查、运营活动这样的
否则你会发现, 配置化的东西灵活度不如代码, 还有额外的学习成本, 毕竟需求复杂度在那里, 你的配置化压缩信息也是有极限的

我个人更看好语法糖、工具/hooks 类的提取优化

[brazz]

请问可以实现以下功能吗？

[brazz]

1 、支持自定义配置工作流的流程模型，支持文件导入流程图，支持在线设计流程图（可视化拖拽布局）
2 、支持通过拖动表单元素生成相应的工作流表单，覆盖 Element UI 所有的表单组件
3 、支持自定义用户分组，可用于工作流的审批分组
4 、支持新建、取消流程等操作，高亮流程图、审批时间线
5 、支持通过、不通过、转发、委派、退回等操作
6 、支持移动端使用（ uniapp ）

[jy02534655]

@murmur 低代码这块要看针对人群，如果是面向开发人员，你在生成 options 之后，通过 options+Velocity 这种模板语言去生成源码就好很多，只要模板配的好，理论上可以生成任何类型的代码，这样可玩性就高很多了。比如 http://home.pig4cloud.com:38081/#/login?redirect=/&params={} 这个里面就是这种玩法

[jy02534655]

低代码平台应该有设计器、解析器、出码模块
面向非研发人员，提供简单易用的设计器，在设计后通过解析器解析了就直接可用
面向研发人员，用户可以自行配置出码模板，通过设计器设计后通过出码模块直接生成对应代码，代码风格可控，易于修改。

[xuanmo]

@jy02534655 是的，低代码都是有配套设计器、解析器的，也支持业务自己写组件，平台只是做赋能，至于组件有什么配置，怎么样实现由组件定，平台需要考虑自身的通用能力

[murmur]

@brazz 这种东西不建议自己开发，直接去买套什么泛微蓝凌来用，别人的流程引擎可以爆锤开源的版本

[lujiaosama]

@gitdoit 然后还引入了额外的学习成本. 看到最后不如直接上手改.

[test4zhou]

没必要死磕所谓低代码。被吹得神乎其神，然而用起来“神”的方面仅限于没有复杂业务的增删改查，稍微加点复杂业务的话，使用难度非常高，且后期维护成本太夸张了。个人开发过且使用过第三方的所谓低代码，那学习成本、维护成本有点都不低，，，

[web1996]

模板商城，插件商城的模式会不会是另外一条路。

[v2li32]

拖拽生成 人看的代码 然后 复制粘贴使用。 或者配合后端的 swagger 直接接口也绑定上。 都生成 json+组件这种的 头大。。

[xuanmo]

@web1996 搞物料平台，大家一起开发，可玩性就高了

[xuanmo]

@v2li32 设计器都是配套和后端一起的，不是生成代码在去拷贝，这种模式相当于纯前端，失去低代码的意义了