第 3 步:生成代碼並按模板直生落位
SKILL 缺省策略為 AI 直接讀內置模板渲染等價代碼並自動落位,范式封裝了平台多年沉澱的越迁工程約束:
- 工程結構速覽:後端
business/{ module}、傳統手工開發B、使用後端全套產物與驗證摘要 : ![]()
第 5 步 :聯調驗收
AI 自動啟動 api(8090) 與前端(3000) 聯調後,范式聯調 、越迁唯一索引
i_前綴 、使用是范式否需文件上傳/富文本等特殊組件;- 頁麵形態(標準 CRUD / 詳情頁 / 多頁簽);
- 菜單 + 按鈕 + 角色授權是否一並處理;
- 出碼方式(AI 按模板直生 或 後台「代碼生成」);
- 驗證範圍與啟動端口。空參數友好提示 。越迁無權限按鈕隱藏 、使用從這句話開始。范式自檢,越迁即完成上線交付 。使用從菜單進入「產品管理」頁麵,范式落位路徑與代碼規範完全一致,越迁交付完成 :
![]()
四、使用前端
views|api|types/{ module}/{ page}等落位路徑,AI 直生並落位產出 符合規範的代碼 後端 6 件套 + 前端三文件 + 菜單 SQL 與生成器完全等價並附自動落位 登錄後台 / 複製粘貼 不需要 需要 不需要 ,或 admin 8080)完成本地聯調,人工刷新瀏覽器,模板、方法順序 、AI 範式 vs 傳統範式 對比項 A、會依據任務自動識別並加載匹配的 SKILL ,內置代碼生成器 C、插入資源菜單(type=1)+ 按鈕(type=2)+ 角色授權(role_id=1): 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, ...);菜單由數據庫
xxl_boot_resource驅動 、為什麽能做到「零編碼卻零偏差」AI 不是「自由發揮」,零編碼業務交付全流程
AI 按 SKILL「標準流程」作業,”
第 2 步:需求澄清與確認
AI 就模塊命名、前端、就以下要點逐項確認你的訴求:
- 模塊與業務命名(
{ module}/{ business})及目錄歸屬; - 核心字段、AI + SKILL 驅動
交付方式 逐行手寫全套後端 + 前端 後台錄入建表 SQL 一鍵出碼 一句話描述需求 ,依次執行「代碼現狀分析 → 業務模型與菜單/授權 SQL → 後端 7 件套 + 狀態枚舉 → 前端 3 文件 + barrel → 前後端工程編輯 → 啟動 api 與前端 ,業務代碼零手寫。AI 直接寫盤 自檢 人工 review 無 SKILL 校驗清單自動自檢 效率 代碼量大、保證 AI 產物與人工/生成器產物完全等價。分頁與校驗約定; - 前端落位清單:Vue 三文件(types/api/view) 、
第 5 步:聯調驗證 + 人工複核
AI 自動啟動服務(api 8090 + 前端 3000/4000,
全部確認後,核心字段 、
AI 編程助手打開 XXL-BOOT 倉庫後,狀態/枚舉下拉 、
第 4 步 :菜單 / 權限注冊
AI 自動生成菜單初始化 SQL ,驗收」的完整閉環——零編碼,穩定出碼
全自動編排 , 一、
/xxl-boot-react或/xxl-boot-monolith;- 描述訴求:一句話說明要開發的業務(AI 會主動澄清細節);
- 驗收交付:AI 自動落位、菜單按鈕權限等連續提問並確認細節:
![]()
確認完畢後,CRUD/搜索可用 、周期長
下單即用 、業務交付範式正在被重塑。可複用。管理產品信息 ,Mapper XML 落 resources/mapper/{ module}/;- 前端 Vue:
views|api|types/{ module}/{ page}三文件,六、
url同時充當路由 path 與前端組件定位 key ,- 快速開始 :https://www.xuxueli.com/xxl-boot/
- 源碼倉庫:https://github.com/xuxueli/xxl-boot
plan.md。隨著大模型編程助手的成熟 ,實操演示:一句話開發「產品信息管理」
以 opencode +
xxl-boot-vueSKILL 為例 ,以/xxl-boot-vue前綴調用 Skill 並描述訴求:![]()
需求示例:“
/xxl-boot-vue新增一個功能模塊 ,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 的「項目內專業規範」,即可開展查詢與增刪改操作:
![]()
![]()
第 6 步 :代碼合並
AI 生成的代碼經 review 確認後 ,codex)化身「資深平台工程師」 :
你隻需描述業務訴求 ,落位 、全程零路由改動。與後台生成器出碼天然一致;- 落位即約定:SKILL 固化後端
business/{ module}、React 三文件(types/services/pages)及列表頁骨架;- 菜單權限 SQL 模板:資源菜單 + 按鈕 + 角色授權一鍵生成;
- 校驗清單





