「项目前言」从配置程序员到动手造轮子:我用Vue3+NestJS复刻低代码平台的初衷

大家好,我是 elk,好久不见!距离上一篇文章发布已经过去 4 个月,这段时间因为频繁出差,学习与输出的节奏被打乱了不少,也逐渐松懈了下来。直到最近,才重新找回写东西的动力。

这次想开启一个全新的文章系列,主题是低代码平台。我目前参与的项目正是基于公司自研的低代码平台搭建的。不过我得先说明,我属于业务组,而非平台组------也就是大家常调侃的"配置程序员"。

坦白说,在这个项目中,真正手写代码的机会并不多。日常需求大多通过低代码配置就能完成,偶尔会涉及到"高开"(高度定制化开发)或"高低结合"的场景。整体下来,有时会有点迷失感,不知道自己在技术层面到底有多少成长,甚至更新简历时都不太确定该写点什么😂。

先聊聊我们公司的"非主流"低代码平台

于是,我萌生了一个想法:基于目前接触的业务场景,自己动手实现一个简易版的低代码平台。技术栈计划用 Vue 3 + NestJS------虽然当前项目还在用 Vue 2,但个人还是想趁这个机会接触些新的东西。

我们用的这个低代码平台,和市面上常见的可视化拖拽型不太一样。我刚接触时也花了些时间理解。它的核心模块主要分为四个部分:

  • 元数据管理:通过前端界面创建数据表、配置字段信息,后端再执行相应的 DDL 语句。
  • 列表管理:选择数据源(数据表)创建列表,配置布局、按钮、格式化、筛选等功能。
  • 表单管理:同样选择数据源创建表单,绑定预设控件并配置属性。
  • 事务管理:通过内置代码编辑器编写逻辑,可调用封装好的工具方法,处理列表或表单中的数据,常用于实现自定义业务逻辑。

为什么非要自己造一遍轮子?

至于低代码这个方向还有没有"搞头"?我也说不太准,但既然已经身处这个浪潮中,不如就沉下心来,边做边学。

对我来说:不是为了造一个能商用的产品,而是为了搞懂背后的逻辑

作为每天都在"用"低代码的人,我一直有很多疑问:元数据怎么和数据库联动?列表的字段配置是怎么转化为页面渲染的?事务管理里的脚本是怎么和表单数据交互的?只靠用平台,这些问题永远得不到答案。

所以这个系列的核心目标很简单:

  • 搞懂低代码平台的核心架构逻辑,打破"只会用不会造"的壁垒;
  • 实战Vue3+NestJS技术栈,把理论知识落地成可运行的项目;
  • 用文章记录整个过程------包括踩过的坑、卡壳的瞬间,也包括突然想通的顿悟时刻。

最后必须坦白:我在低代码领域完全是个新手,接下来的探索大概率会走很多弯路。如果屏幕前的你有相关经验,或者对这个系列有什么建议(比如某个模块的技术选型、实现思路),欢迎在评论区留言指点!

下一篇文章,我会先梳理复刻计划的技术架构,从元数据管理模块开始动手------敬请期待~

相关推荐
彩票管理中心秘书长3 分钟前
Git 归档与补丁命令大全(完整详解版)
前端
RePeaT4 分钟前
【Nginx】前端项目部署与反向代理实战指南
前端·nginx
阿虎儿20 分钟前
56条软件工程开发定律
程序员
索木木1 小时前
ShortCut MoE模型分析
前端·html
MXN_小南学前端1 小时前
Vue3 + Spring Boot 工单系统实战:用户反馈和客服处理的完整闭环(提供gitHub仓库地址)
前端·javascript·spring boot·后端·开源·github
轮子大叔2 小时前
CSS基础入门
前端·css
踩着两条虫2 小时前
强强联合!VTJ.PRO 正式接入 DeepSeek V4,AI 编码能力再跃升
前端·vue.js·ai编程
程序员鱼皮2 小时前
Git WorkTree 是什么?凭什么能让 AI 编程效率翻倍?
git·ai·程序员·编程·ai编程
Lily.C2 小时前
DOMPurify 前端富文本 XSS 防护使用指南
前端
一叶渡江2 小时前
深挖 iOS 16 以下 flex column-reverse 滚动失效问题
前端