目前在做的事情(组件库 + 低代码)

轩陌

分类: 生活 0 28

背景

这是一篇迟来的文章,因为去年出过一件事情,可以算人生的一次低谷,导致延误了许久;

一直以来,都希望做一套完整组件库,刚好有两个比较好的契机:

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

关于为什么要做这件事

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

目前的进度

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

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

技术栈:Vue3 + TS。

整体发展方向

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

相关组件

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

目前表单的架构

  • 18人 Love
  • 1人 Haha
  • 0人 Wow
  • 1人 Sad
  • 1人 Angry
vue3 组件库

作者简介: 轩陌

打赏

生命的意义在于折腾,一直努力成长中,期待梦想实现的那刻。

共 28 条评论关于 “目前在做的事情(组件库 + 低代码)”

Loading...