菜单与页面设计器方案草图

目标是把“菜单、页面布局、字段显示、按钮动作、模板生成”串成一个可保存、可预览、可生成代码的设计工作台。先看 3 个落地方向,点选你更偏好的方向。

A. 集成到现有生成工作台
菜单树
图书目录
我的借阅
订单记录
页面画布
搜索区:书名 / 分类 / 状态
工具栏:新增 / 导出 / 批量删除
表格列:书名、作者、库存、状态、操作
属性面板

A. 轻量集成版(推荐先做)

在 easycode-web 的生成页中新增“页面设计”步骤,复用现有 appBlueprint、database、businessActions。实现最快,风险最低。

B. 独立低代码设计器
组件库
拖拽画布
Header
Grid / Form / Table 自由组合
Footer Actions
配置

B. 完整低代码版

独立页面设计器,支持组件库、嵌套容器、拖拽排序、响应式布局、权限和动作绑定。能力强,但一期范围会明显变大。

C. AI 蓝图 + 人工微调
AI 生成结构
菜单与页面
字段显示规则
按钮与业务动作
模板参数
人工确认
可视化微调
JSON 差异对照

C. AI 辅助配置版

让 AI 先生成页面布局 DSL,再由用户在可视化界面修正。很贴合当前 AI 任务链,但需要更强的校验和回滚。

我建议的一期边界

一期先打通闭环:设计 -> 保存 -> 预览 -> 模板生成
菜单树
页面 DSL
字段显示
按钮绑定
Velocity 生成