A 方案细化:集成式页面设计工作台

一期不做万能低代码平台,先在现有“项目生成工作台”里新增一个可视化步骤,服务于模板生成。

页面设计器主界面
菜单与页面
图书目录
/books · 列表页
图书详情
/books/:id · 详情页
我的借阅
/my-borrows · 当前用户列表
页面画布:列表页布局
查询区:书名、分类、状态、创建时间
工具栏:新增、导出、批量删除、业务按钮
表格:封面、书名、作者、库存、状态、更新时间、行操作
分页:页码 / 每页条数 / 总数
弹窗表单:新增 / 编辑字段布局
属性面板
一期保存的核心 DSL
appBlueprint.frontendPages[].layout = {
  pageType: "list",
  tableName: "book_info",
  regions: [
    { type: "query", fields: ["title", "category", "status"] },
    { type: "toolbar", actions: ["create", "export"] },
    { type: "table", fields: ["cover", "title", "stock"] },
    { type: "form", fields: ["title", "author", "price"] }
  ]
}
生成链路
保存布局
校验字段/动作
Velocity 读取 DSL
生成 Vue 页面
1

一期只做用户前台页面

覆盖 frontendMenus / frontendPages / qing 前台模板,先把面向用户的页面生成做漂亮、做稳。

2

一期同时做前台 + 后台管理页

设计器范围更完整,但会同时牵动 qing 前台模板和 RuoYi 后台 Vue 模板,交付风险更高。