作品三：低代码填报系统
在线体验
一、定位与价值
| 视角 | 说明 |
|---|---|
| 业务 | 表单驱动的 填报、汇总、流转，减少重复 CRUD 页面开发 |
| 角色 | 业务人员配置字段与校验规则；研发聚焦组件与接口规范 |
| 集成 | 与同域 大屏 / PWA / RBAC 共用网关与账号体系（依部署而定） |
对应仓库：projects/low-code（前端低代码编排 + NestJS 后端）。
二、技术架构（概念）
text
设计器 / 渲染器（Vue 3）
↓ REST / WS（填报进度、协作可选）
NestJS（api-lowcode 前缀）
↓
MySQL（表单定义、实例数据）
Redis（会话、限流等按实现选配）- 全局 API 前缀：与 Nginx
/api-lowcode/、Compose 环境变量API_GLOBAL_PREFIX对齐。 - 实时：业务需要时可挂 Socket.IO（路径
/lowcode-socket.io/），与网关反代一致。
三、技术栈（摘录）
| 层级 | 技术 |
|---|---|
| 前端 | Vue 3、TypeScript、Vite、表单/表格-heavy 场景组件 |
| 后端 | NestJS、DTO 校验、模块化 Controller |
| 部署 | 前端静态 /low-code/；后端容器内 Nest 进程 |
四、产品 / 工程关注点
| 维度 | 说明 |
|---|---|
| Schema | 表单 JSON Schema 或后端模型单一事实来源，避免前后漂移 |
| 权限 | 填报可见字段、提交权、审批链与 RBAC 系统衔接 |
| 性能 | 大表单分步、字段懒渲染、列表虚拟滚动 |
| 审计 | 关键操作日志与版本追溯（按业务深度实施） |
五、边界说明
「低代码」程度取决于实现深度：从 配置化表单 到 可视化拖拽设计器 跨度很大；本仓库侧重 可运行闭环与网关集成，便于演示与二次扩展。