> 本章介紹AI模型如何制作 [TOC] ## 制作步驟 ### 1、制作表格數據 #### 1.1 效果展示  #### 1.2 新建一個online表單，名稱為`商家信息` >除了自動生成的字段，其中還包含`bu_name`、`bu_desc`、`bu_address`,點擊確定即可   #### 1.3 制作表格數據庫 >前臺頁面新增一個文件夾`demo`，并創建js文件，名稱為`one.business.js`，文件存放地址`src/views/modules/aitest/data`  >在`one.business.js`文件中配置表信息`ai_business(商家信息)` ``` /** * 配置表信息 */ const table = { //表名 tableName: 'ai_business', //表描述 tableTxt: '單表-商家信息', //表類型 1單表 2主表 3子表 tableType: 1, formTemplate: '1', themeTemplate: "normal", //是否有橫向滾動條 0否 1是 scroll: 1, //當前表版本號 tableVersion: 1, //顯示復選框 Y是 N否 isCheckbox: 'Y', isDbSynch: 'Y', //是否分頁 Y是 N否 isPage: 'Y', //是否樹 Y是 N否 isTree: 'N', idType: 'UUID', queryMode: 'single', formCategory:'temp', //僅在附表中有效,0一對多、1一對一，在單表、主表中刪掉 relationType: 0 } ``` >在Online在線表單頁面中鍵盤按F12打開瀏覽器控制臺頁面，點擊表描述為`商家信息`的編輯  >發現控制臺有內容輸出,復制json串  >配置`ai_business(商家信息)`字段->將json串放到`one.business.js`文件中  >在`one.business.js`文件末尾，將配置的數據導出 ``` /** * 數據導出 * table 表信息 * fields 表字段 * 命名規則:表名_config */ const ai_business_config = { table: table, fields: fields } export default ai_business_config ```  > 在`config.js`文件中新增表名和描述，文件地址：`src/views/modules/aitest/data/config.js`  >在方法末尾添加`title`和`name`  ``` { title: '單表-商家信息', name:'ai_business' } ``` >`onlinetest.base.js`引入配置類，文件地址：`src/views/modules/aitest/onlinetest.base.js`  >[danger] 注意：如果json中存在自動生成的字段（id，create_by，create_time，update_by，update_time，sys_org_code）需要去掉包含字段花括號里面的所有內容  ### 2、自定義按鈕 自定義按鈕頁面配置詳見:[自定義按鈕](http://doc.jeecg.com/2516895) #### 2.1 效果展示  #### 2.2 創建一個名稱為`js增強button`的自定義按鈕 >在`data.common.js`文件`customButtons`方法中新增自定義按鈕，文件地址：`src/views/modules/aitest/data/data.common.js` ``` { //按鈕編碼 buttonCode: 'one', //按鈕名稱 buttonName: 'btn增強', //按鈕樣式 link/button/form buttonStyle: 'button', //按鈕位置1側面 2底部 僅在form模式下有效 optPosition: '2', //按鈕類型 action/js optType: 'js', //排序 orderNum: 1, //按鈕狀態 0 無效 1 有效 buttonStatus: '1' } ```  ### 3、js增強 js增強頁面配置詳見:[js增強](http://doc.jeecg.com/2044103) >js增強分為兩種,分別為`list`列表和`form`表單 #### 3.1 效果展示  #### 3.2 js增強`list`列表風格 >在`data.common.js`文件`customListEnhanceJavascript`新增自定義按鈕，文件地址：`src/views/modules/aitest/data/data.common.js` ``` one(){ console.log('當前選中行的id',that.table.selectedRowKeys); } ```  #### 3.3 js增強`form`表單風格 >在`one.business.js`文件中中新增`from`增強，并將其引入到`ai_business_config`里面，`ai_business_config`固定對象為`enhanceFormJs` ``` //表單js增強 const enhanceFormJs = ` one(){ console.log("我是表單js增強") }` ```  ### 4、SQL增強 SQL頁面配置詳見：[SQL增強](http://doc.jeecg.com/2044111) #### 4.1 效果展示  #### 4.2 新增編輯時修改`商品名稱` >在`one.business.js`文件中中新增`from`增強，并將其引入到`ai_business_config`里面，`ai_business_config`固定對象為`enhanceSql` ``` const enhanceSql = "update ai_business set name = '我是sql增強' where id = '#{id}'" ```  ### 5、java增強 #### 5.1 效果展示  #### 5.2 配置java增強 java增強頁面配置詳見：[java增強](http://doc.jeecg.com/2516887) >在`data.common.js`文件`customJavaEnhance`中新增`java增強`，文件地址：`src/views/modules/aitest/data/data.common.js` ``` { //按鈕編碼:新增add、編輯edit、導入import、導出export、查詢query、刪除delete buttonCode: 'add', //事件狀態 開始start、結束end，僅在新增、編輯、刪除時有效 event: 'start', //類型 spring-key/class/http cgJavaType: 'spring', //內容 cgJavaValue: 'cgformEnhanceJavaDemo', //是否生效 0否、1是 activeStatus: '1' } ```  ## 其他規則 1、列表的js增強是全局的 2、表單的js增強是根據表名配置的（在各種的js里面定義） 3、注意一對多更改表名，會導致js增強不好使，還會導致編輯頁面賦不上值