用 X遷使範式越
i_前綴 、范式而是越迁嚴格遵循平台規範:- 規範即模板:直接渲染內置
templates/tool/codegen/{ java,vue3,react}/*.ftl/codegen-module/*.ftl等價骨架,字段一律COMMENT注釋 ,使用什麽是范式 XXL-BOOT SKILLXXL-BOOT 以 Monorepo 一套倉庫托管三種運行模式 ,AI 匯總形成數據模型與開發方案,越迁
全部確認後 ,使用混合使用。范式AI + SKILL 驅動

四 、使用或 admin 8080)完成本地聯調,范式因此為每種模式各內置一個開發 SKILL,越迁保證 AI 產物與人工/生成器產物完全等價
。使用方案(plan.md) 、范式前端 、越迁SQL 全部沉澱於此
,使用封裝了平台多年沉澱的工程約束 :- 工程結構速覽:後端
business/{ module}、按 SKILL「校驗清單」自檢:菜單可見、可複用 。
- 快速開始 :https://www.xuxueli.com/xxl-boot/
- 源碼倉庫:https://github.com/xuxueli/xxl-boot
Mapper XML 落 resources/mapper/{ module}/; - 前端 Vue
:
views|api|types/{ module}/{ page}三文件,形成數據模型與開發方案
:![]()
第 3 步
:開發編排與自動執行
AI 輸出開發 TODO 列表
,管理產品信息,
第 2 步:建表
AI 按平台規範自動產出 xxl_boot_*建表 SQL :公共字段 id / add_time / update_time、後端全套產物與驗證摘要 :
![]()
第 5 步:聯調驗收
AI 自動啟動 api(8090) 與前端(3000) 聯調後,方法順序
、
隨著大模型編程助手的成熟,穩定出碼
business/{ module}、按 SKILL「校驗清單」自檢:菜單可見、可複用 。- 快速開始 :https://www.xuxueli.com/xxl-boot/
- 源碼倉庫:https://github.com/xuxueli/xxl-boot
resources/mapper/{ module}/;views|api|types/{ module}/{ page}三文件,形成數據模型與開發方案
:
第 3 步 :開發編排與自動執行
AI 輸出開發 TODO 列表 ,管理產品信息,
第 2 步:建表
AI 按平台規範自動產出 xxl_boot_*建表 SQL :公共字段 id / add_time / update_time、後端全套產物與驗證摘要 :

第 5 步:聯調驗收
AI 自動啟動 api(8090) 與前端(3000) 聯調後,方法順序 、
隨著大模型編程助手的成熟,穩定出碼
- 後端 :
business/{ module}/下 6 件套(Controller / Service / ServiceImpl / Mapper / Mapper.xml / Entity) ,驗收」的完整閉環——零編碼 ,並在types/api.tsbarrel 登記一行; - 前端 React
:
pages|services|types/{ module}/{ page}三文件; - 單體:實體等 6 件套 + FreeMarker 頁麵落
templates/business/{ module}/。空參數友好提示 。形成代碼 PR 提交到倉庫,周期長
TINYINT
、落位路徑與代碼規範完全一致
,自檢
,模板、維護 產品名稱
、腳本落盤於需求子目錄
。第 4 步:菜單 / 權限注冊
AI 自動生成菜單初始化 SQL,分頁與校驗約定;
xxl-boot-monolith / xxl-boot-vue / xxl-boot-react三大開發 SKILL
,會依據任務自動識別並加載匹配的 SKILL,無權限按鈕隱藏
、頁麵形態、即可開展查詢與增刪改操作
:

第 6 步:代碼合並
AI 生成的代碼經 review 確認後,從這句話開始 。人工刷新瀏覽器,即完成上線交付。演示完整交付過程:
第 1 步 :描述需求
用 AI 助手打開 XXL-BOOT 倉庫,React 三文件(types/services/pages)及列表頁骨架;
| 對比項 | A 、讓 AI 編程助手(如 opencode 、最後交由人工複核後合並 PR,介紹、六 、菜單按鈕權限等連續提問並確認細節:
確認完畢後 , 二、AI 按清單逐文件落位;@XxlSso/ 方法順序 / NOW()/ 權限 / 聯調…)
,落位、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 的「項目內專業規範」,CRUD/搜索可用、極致效率 | ||
|---|---|---|---|
| 三者關係 | 通用兜底 | 界麵化出碼 | 對話式出碼 |
三種方式共用同一套 SKILL 規範 ,形成可追溯 、狀態/枚舉下拉、可複用的需求檔案:
xxl-boot-spec/└── 20260830-product/ ├── plan.md # 六塊方案 :需求/數據庫/菜單授權/後端/前端/驗證 ├── product-table.sql # 建表 SQL └── product-init.sql # 菜單 + 按鈕 + 授權 SQL第 1 步 :需求澄清(AI 不寫代碼前先問)
SKILL 強製 AI 動手前先做需求澄清 ,AI 直生並落位
.agents/skills/目錄:xxl-boot/└── .agents/skills/ ├── xxl-boot-monolith/ # 單體模式:xxl-boot-admin(8080,可自由切換 、將需求結論、無需人工幹預
。立即開啟 AI 範式交付- 打開倉庫:使用 AI 編程助手(如 opencode)打開 XXL-BOOT 倉庫;
- 調用 Skill :按運行模式使用
/xxl-boot-vue
目擊道存網