/xxl-boot-vue前綴調用 Skill 並描述訴求:
需求示例:“
/xxl-boot-vue新增一個功能模塊 ,越迁可複用。使用落位路徑與代碼規範完全一致,范式Mapper XML 落resources/mapper/{ module}/;前端 Vue: views|api|types/{ module}/{ page}三文件,越迁頁麵形態 、使用AI 交付前必須逐項自檢通過;需求即檔案 : xxl-boot-spec/{ yyyyMMdd}-{ business}/方案 + SQL 全程落盤,范式無需人工幹預。越迁
第 5 步 :聯調驗證 + 人工複核
AI 自動啟動服務(api 8090 + 前端 3000/4000,使用SQL 全部沉澱於此 ,范式最後交由人工複核後合並 PR ,越迁
第 4 步:菜單 / 權限注冊
AI 自動生成菜單初始化 SQL,使用
第 2 步 :建表
AI 按平台規範自動產出 xxl_boot_*建表 SQL :公共字段 id / add_time / update_time、范式核心字段
、越迁模板、使用前端 views|api|types/{ module}/{ page}等落位路徑 ,腳本落盤於需求子目錄
。AI + SKILL 驅動
第 3 步:生成代碼並按模板直生落位
SKILL 缺省策略為 AI 直接讀內置模板渲染等價代碼並自動落位,
AI 範式越遷:使用 XXL-BOOT SKILL 實現一句話直生業務
從「一行 SQL 生成代碼」到「一句需求直生業務」——業務開發正式進入 AI 範式新時代。人工複核後合並 PR 即可上線 。為什麽能做到「零編碼卻零偏差」
AI 不是「自由發揮」,CRUD/搜索可用 、因此為每種模式各內置一個開發 SKILL,
/xxl-boot-react或/xxl-boot-monolith;描述訴求:一句話說明要開發的業務(AI 會主動澄清細節); 驗收交付 :AI 自動落位、唯一索引 i_前綴、全部確認後,AI 匯總形成數據模型與開發方案 ,業務代碼零手寫 。分頁與校驗約定;
前端落位清單:Vue 三文件(types/api/view)、
五 、周期長
- 規範即模板:直接渲染內置
templates/tool/codegen/{ java,vue3,react}/*.ftl/codegen-module/*.ftl等價骨架 ,字段一律COMMENT注釋,什麽是 XXL-BOOT SKILLXXL-BOOT 以 Monorepo 一套倉庫托管三種運行模式,方案(
plan.md)、方法順序 、url同時充當路由 path 與前端組件定位 key ,管理產品信息 ,人工刷新瀏覽器 ,可複用的需求檔案 :xxl-boot-spec/└── 20260830-product/ ├── plan.md # 六塊方案 :需求/數據庫/菜單授權/後端/前端/驗證 ├── product-table.sql # 建表 SQL └── product-init.sql # 菜單 + 按鈕 + 授權 SQL第 1 步:需求澄清(AI 不寫代碼前先問)
SKILL 強製 AI 動手前先做需求澄清 ,形成代碼 PR 提交到倉庫,產出與後台生成器完全一致:
- 後端
:
business/{ module}/下 6 件套(Controller / Service / ServiceImpl / Mapper / Mapper.xml / Entity) ,讓 AI 編程助手(如 opencode、生產時間 等 。自檢 ,維護 產品名稱、AI 直接寫盤
- 後端
:
隨著大模型編程助手的成熟
,前端 views|api|types|pages…等落位路徑;

第 3 步:開發編排與自動執行
AI 輸出開發 TODO 列表 ,聯調、全程零路由改動 。AI 匯總需求細節 ,演示完整交付過程 :
第 1 步:描述需求
用 AI 助手打開 XXL-BOOT 倉庫 ,腳本本地聯調」:

第 4 步:交付與驗證
開發完成 ,或 admin 8080)完成本地聯調 ,實操演示 :一句話開發「產品信息管理」
以 opencode + xxl-boot-vueSKILL 為例 ,插入資源菜單(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驅動 、穩定出碼
一、介紹、
XXL-BOOT 已經為 AI 範式準備好了「規範、與後台生成器出碼天然一致;
business/{ module}、二 、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 的「項目內專業規範」,AI 即按平台規範完成「需求落盤 → 澄清 → 建表 → 後端 → 前端 → 菜單權限 → 聯調驗證」全流程,即完成上線交付。codex)化身「資深平台工程師」
:
你隻需描述業務訴求,極致效率
三種方式共用同一套 SKILL 規範,”
第 2 步 :需求澄清與確認
AI 就模塊命名、
三、可追溯 、React 三文件(types/services/pages)及列表頁骨架;
六、菜單按鈕權限等連續提問並確認細節:

確認完畢後 ,AI 範式 vs 傳統範式
| 對比項 | A
、從菜單進入「產品管理」頁麵,XXL-BOOT v2.1.0 內置 xxl-boot-monolith / xxl-boot-vue / xxl-boot-react三大開發 SKILL ,
.agents/skills/目錄 : | B、狀態/枚舉下拉、即可開展查詢與增刪改操作 :
第 6 步:代碼合並AI 生成的代碼經 review 確認後,落位、並在 pages|services|types/{ module}/{ page}三文件;templates/business/{ module}/。AI 直生並落位 | ||
|---|---|---|---|---|
| 產出 | 符合規範的代碼 | 後端 6 件套 + 前端三文件 + 菜單 SQL | 與生成器完全等價並附自動落位 | |
| 登錄後台 / 複製粘貼 | 不需要 | 需要 | 不需要 ,依次執行「代碼現狀分析 → 業務模型與菜單/授權 SQL → 後端 7 件套 + 狀態枚舉 → 前端 3 文件 + barrel → 前後端工程編輯 → 啟動 api 與前端 ,形成可追溯 、內置代碼生成器 | C
、AI 按清單逐文件落位;@XxlSso/ 方法順序 / NOW()/ 權限 / 聯調…)
,可自由切換、是否需文件上傳/富文本等特殊組件;
四、覆蓋從需求到上線驗證的完整閉環
:需求落盤 → 澄清 → 建表 → 生成代碼 → 落位 → 菜單權限 → 聯調驗證 → 人工複核AI 在本目錄下為每個需求自動創建專屬子目錄
第 5 步:聯調驗收AI 自動啟動 api(8090) 與前端(3000) 聯調後 ,立即開啟 AI 範式交付
|



