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

目前表单的架构

[lm930129]

感觉 vform 就已经很强了，表单内嵌套表单或者嵌套抽屉，很多表单设计器都是做不到的，自定义程度也非常高。

[shilianmlxg]

@lm930129 #1 大佬 vue3 还有哪些好用的业务 npm 包呢
类似 vform 之类的

[xuanmo]

@lm930129 感谢认可，我想的就是表单只作为容器，具体形式由组件决定

[xuanmo]

@shilianmlxg 没有去找过这些😂

[Retas]

官网字体是衬线体，在线运行时的网站没问题

[murmur]

你别做了，做不出来了，我们在针对一个 vue3 的低代码做二开，光二开就够头大了，还是有全部源码的

为了低开，所有的数据全 json 的，你能想到一个页面 最后都写成<form :options=xxxx></form>，然后这个 options 有上千行的痛苦么

[jedeft]

小哥执行力可以，不过不看好这类产品。给你提个想法，做一个根据后台接口文档自动生成管理界面的工具。
用户提供一套后台接口文档，比如 swagger ，可以自动产生后台管理界面。接口文档更新后，页面也可以自动跟随更新。

[gitdoit]

@murmur 复杂度并不会消失,只会以另一种形式存在吗 😄

[akakidz]

@gitdoit 真的是，我司去年搞了一版本，后面操作复杂度已经需要专门学习培训后才能用，最后的最后是根本没人愿意用😂至少网上的东西还能百度到解决方案。
我觉得这种东西，在设计初期就要考虑到面向的场景和客户，尽可能提供一个最简版，给到明确的人群去做应用，复杂度稍微高的需求 还是正常开发吧，投入的精力和回报很难形成正比

[tianzi123]

项目从头到尾一波人写没问题,如果经历过两三波人,二开三开,就是屎山了,因为接手的人压根没事情从头到尾去熟悉一遍然后去改,都是打补丁

[RainCats]

低代码初期简单易用，中期各种细节配置多到令人发指，后期，后期还没经历过

[xuanmo]

@murmur 二期会做配套的可视化设计器，第一期主要是做解析这块，因为可以独立使用

[xuanmo]

@jedeft 嗯，后期是准备做配套的设计器的，目前主要是先做的运行解析这块

[xuanmo]

@RainCats 如果纯 JSON 手动配置，确实会很头疼，如果有可视化界面，来抹平这块，还是可以的

[TomVista]

@murmur 哈哈哈哈哈哈哈哈哈哈哈哈 , 说的没错

[zhx643]

现在也在做这一块的东西，但是对于业务上比较复杂的表单（表单联动效果）来说，还是要写很多 Watch 之类的东西去控制，然后还要根据当前业务封装很多业务组件。目前是想重构一下拖拽生成的配置页和简化配置相关的东西

[alicifes]

我前司搞过这个一整套的低代码，主要是拿来给运维人员使用，拖拽组件构建表单，还有各种配置，挺麻烦的

[lyonbot]

我现在工作就是做低代码平台的，在公司里倒腾三年了，现在最大问题是 1️⃣业务不乐意付费 2️⃣乐意付费的都想要无代码全套平台 3️⃣平台的封装，使得学习门槛和调试排错很蛋疼

[xzg1993]

今天刚接触到公司一个同事做的低代码平台，感觉还不错。就在后端管理页面，创建一个表单，自动同步到数据库，之后围绕表单可以做一系列的拖拉拽，比如填写表单页面的哪些数据，用哪种方式填写。

最后点击保存，页面就生成了，移动端和 pc 端自动适配。觉得挺好用的。

[xuanmo]

@zhx643 我们联动这块都是通过可视化配置来做的，联动可以做的无代码，包含数据联动这些，我后续的联动方向也是这个方向