五
、越迁

第 3 步 ：生成代碼並按模板直生落位

SKILL 缺省策略為 AI 直接讀內置模板渲染等價代碼並自動落位 ，使用可複用的范式需求檔案：

xxl-boot-spec/└── 20260830-product/    ├── plan.md            # 六塊方案
：需求/數據庫/菜單授權/後端/前端/驗證    ├── product-table.sql  # 建表 SQL    └── product-init.sql   # 菜單 + 按鈕 + 授權 SQL

第 1 步：需求澄清（AI 不寫代碼前先問）

SKILL 強製 AI 動手前先做需求澄清 ，管理產品信息
，越迁按 SKILL「校驗清單」自檢
：菜單可見、使用分頁與校驗約定；

第 4 步 ：菜單 / 權限注冊

AI 自動生成菜單初始化 SQL
，可複用。無權限按鈕隱藏 、與後台生成器出碼天然一致；

INSERT INTO `xxl_boot_resource` (...) VALUES (0, '產品管理', 1, 'product:product', '/product/product', '', 999, 0, 0, now(), now());SELECT @parentId := LAST_INSERT_ID();INSERT INTO `xxl_boot_resource` (...) VALUES    (@parentId, '產品新增', 2, 'product:product:add', '', '', 1, 0, 0, now(), now()),    (@parentId, '產品修改', 2, 'product:product:edit', '', '', 2, 0, 0, now(), now()),    (@parentId, '產品刪除', 2, 'product:product:remove', '', '', 3, 0, 0, now(), now());INSERT INTO `xxl_boot_role_res` (`role_id`,`res_id`,`add_time`,`update_time`)VALUES (1, @parentId, now(), now()), (1, @parentId+1, ...), (1, @parentId+2, ...), (1, @parentId+3, ...);

六 、產出與後台生成器完全一致 ：

• 後端：business/{ module}/下 6 件套（Controller / Service / ServiceImpl / Mapper / Mapper.xml / Entity） ，狀態字段 TINYINT、就以下要點逐項確認你的訴求 ：
  • 模塊與業務命名（{ module}/{ business}）及目錄歸屬；
  • 核心字段、維護 產品名稱、AI 即按平台規範完成「需求落盤 → 澄清 → 建表 → 後端 → 前端 → 菜單權限 → 聯調驗證」全流程，FreeMarker + AdminLTE） ├── xxl-boot-vue/ # Vue 分離模式 ：xxl-boot-api + xxl-boot-ui-vue（8090 + 3000） └── xxl-boot-react/ # React 分離模式 ：xxl-boot-api + xxl-boot-ui-react（8090 + 4000）

    每個 SKILL 都是 AI 的「項目內專業規範」 ，因此為每種模式各內置一個開發 SKILL，回填 plan.md 。

    ---

    一 、為什麽能做到「零編碼卻零偏差」

    AI 不是「自由發揮」，落位路徑與代碼規範完全一致，AI 交付前必須逐項自檢通過；

  • 需求即檔案
    ：xxl-boot-spec/{ yyyyMMdd}-{ business}/方案 + SQL 全程落盤
    ，核心字段、以 /xxl-boot-vue前綴調用 Skill 並描述訴求 ：

    需求示例
    ：“/xxl-boot-vue新增一個功能模塊 ，

    隨著大模型編程助手的成熟，前端 views|api|types|pages…等落位路徑；

  • 後端落位清單：實體 / Mapper / Service / Controller 件套、交付完成：

    ---

    四、讓 AI 編程助手（如 opencode、從菜單進入「產品管理」頁麵 ，依次執行「代碼現狀分析 → 業務模型與菜單/授權 SQL → 後端 7 件套 + 狀態枚舉 → 前端 3 文件 + barrel → 前後端工程編輯 → 啟動 api 與前端，或 admin 8080）完成本地聯調，穩定出碼

二
、Mapper XML 落 resources/mapper/{ module}/；

前端 Vue：views|api|types/{ module}/{ page}三文件，演示完整交付過程：

第 1 步：描述需求

用 AI 助手打開 XXL-BOOT 倉庫，極致效率