智能低代码平台产品系统

1. 立项原因：旨在解决什么产品问题
我做了六年低代码平台，看到的核心问题是：企业级 SaaS 产品要服务不同客户，每个客户的业务字段、表单结构、页面配置都不一样。传统做法是“一个客户一套定制开发”，交付成本高、迭代慢、维护难。低代码平台的出现，是为了让业务人员通过拖拽配置就能搭页面，减少对定制开发的依赖。
但我在实际使用和开发中发现，传统低代码平台仍然有一个门槛：配置本身需要人懂业务、懂字段、懂表单结构。业务人员面对空白画布，仍然不知道该拖什么组件、配什么字段。而 2023 年之后，大模型的能力已经可以理解自然语言，我就想验证一个方向：能不能让用户用一句话描述需求，AI 自动生成表单结构，低代码平台负责渲染和编辑。 这个项目就是为了验证“AI + 低代码”这个方向，把“配置门槛”再降低一层。
2. 行业场景，业务背景
场景是企业级商品档案管理。企业需要维护商品档案，每个品类的商品字段不一样：手机要品牌、型号、存储容量、颜色；服装要尺码、材质、季节；食品要保质期、产地、规格。传统做法是开发人员为每个品类写一套表单，或者在低代码平台里手动配置。我的项目把这个过程变成：用户通过多轮对话描述商品品类和关键参数，AI 提取参数、生成 Schema，低代码平台渲染出可编辑的表单，配套的商品中心负责预览和列表展示。
这个场景的行业背景是：企业级 SaaS 产品普遍面临“多客户、多品类、多字段”的定制化压力，低代码是降本手段，而 AI 是进一步降低低代码使用门槛的手段。我的项目是把这两层能力串起来的一个完整验证。

低代码平台（lowcode）：拖拽生成表单、表单编辑、Schema 协议与渲染引擎、动态组件库。
· AI 对话生成模块：多轮对话、参数提取、Prompt 约束、Schema 生成、校验与降级兜底。
· 商品中心（product）：Nuxt3 SSR 预览，展示低代码平台生成的所有页面，重点优化大数据量列表渲染。
· Node.js 服务端：页面和表格的增删改查、AI 对话生成 Schema 的接口、会话与参数存储。

1. 我负责哪些任务
独立开发者，从 0 到 1 完成全链路：
低代码平台前端架构与实现：Schema 协议设计、渲染引擎、动态组件库、拖拽编辑；
AI 集成：多轮对话流程、Prompt 设计、参数提取、校验与降级兜底；
商品中心：Nuxt3 SSR 预览、大数据量列表渲染优化；
Node.js 服务端：API 设计、数据库建模、AI 接口集成；
部署上线：阿里云轻量应用服务器部署，可在线演示。
2. 项目使用了哪些技术栈，架构，实现上的亮点、难点
技术栈：Vue3 + Pinia + Nuxt3 + TypeScript + Express + Knex + SQLite3 + 通义千问（OpenAI 兼容接口）。
架构：Monorepo 结构，分 lowcode、product、shared 三个包，用 pnpm workspace 管理，包之间用 workspace:* 协议引用；条件编译在构建阶段分离两端的专属代码。
亮点与难点：
Schema 扁平化：把树形嵌套结构改成邻接表，节点查找从 O(n) 遍历降为 O(1) 哈希查找，更新单个节点不需要遍历整棵树；配合状态分离（currentPage 管结构、currentModel 管数据），字段变化不触发整棵树重渲染。
Canvas 虚拟滚动：大数据量表格用 Canvas 绘制 + 虚拟滚动，配合 FloatEdit 浮动编辑框实现可编辑，
Worker 数据层：数据用 fflate 压缩，通过 Transferable Objects 零拷贝传到主线程，配合轮询等待保证可视区域数据没到就不重绘，快速拖动也不白屏。
AI 输出可控化：四层Schema 约束、Prompt 约束、流程约束、模板映射，保证 AI 输出能被渲染引擎直接消费。