JeecgBoot是一個低程式碼開發平臺,優秀的國產開源專案,基於程式碼生成器,支援無程式碼配置化快速開發,功能非常完善,前後端分離架構,技術棧使用主流的Java + Spring Boot + MyBatis,前端使用node + Ant Design。
JeecgBoot支援線上表單開發,下面介紹如何定義樹形資料表,分分鐘完成CRUD功能頁面。
JeecgBoot最新發布版本2.2.1,支援Docker映象快速構建,Docker-compose資源編排,一鍵部署。
Docker映象構建只需執行一次,啟動執行直接跳到第六步,執行docker-compose up
1)拉取專案程式碼,Github或者Gitee。
2)配置{jeecg-boot}/application.yml,指向docker,引用MySQL和Redis容器hostname。
3)編譯後臺服務{jeecg-boot},mvn package,得到target目錄下的jar包檔案。
4)編譯Admin管理系統{ant-design-vue-jeecg},yarn run build,得到dist目錄下的釋出檔案。
5)本地構建Docker映象,docker-compose build
6)執行Docker容器例項,docker-compose up
瀏覽器開啟localhost,預設使用者admin或者jeecg,預設密碼123456
進入選單:線上開發 -> Online表單開發
1,新增表單,輸入表名和描述,配置樹形表
表型別,選擇【單表】;
是否樹,選擇【是】,然後配置新出現的兩個引數;
樹表單父ID,預設欄位名pid;
樹開表單列,指的是樹形展開時,子資料錨定在哪個資料列上,示例中使用label_data。
2,配置資料庫屬性
增加兩個資料欄位,標籤label_data,備註note,其他選項使用預設配置。
3,配置頁面屬性
勾選【表單顯示】、【列表顯示】、【是否查詢】,控制欄位出現的功能場景。
控制元件型別常用文字框、日期、下拉框等。
4,查詢配置
選擇控制元件型別,勾選是否啟用。注意配置下拉框等需要資料來源的控制元件。
5,同步資料庫
完成資料表配置後,此時【同步狀態】顯示未同步,也就是說,還沒有建立對應的資料表。
6,功能測試
新增資料,
新增子資料,
查詢資料,
匯出和匯入Excel檔案。
7,配置地址,得到菜單鏈接
圓滿快速完成了一個完整的資料表CRUD功能和頁面,支援樹形結構展示。
1,可能存在的控制元件型別配置不一致
在配置頁面屬性時,欄位”標籤“的控制元件型別應該是文字框,對應出現在新增表單資料頁面中。
查詢配置時,欄位”標籤“期望的是下拉框選擇。
2,修改資料表時,同步資料庫失敗
JeecgBoot是一個低程式碼開發平臺,優秀的國產開源專案,基於程式碼生成器,支援無程式碼配置化快速開發,功能非常完善,前後端分離架構,技術棧使用主流的Java + Spring Boot + MyBatis,前端使用node + Ant Design。
JeecgBoot支援線上表單開發,下面介紹如何定義樹形資料表,分分鐘完成CRUD功能頁面。
一,Docker一鍵部署JeecgBoot最新發布版本2.2.1,支援Docker映象快速構建,Docker-compose資源編排,一鍵部署。
Docker映象構建只需執行一次,啟動執行直接跳到第六步,執行docker-compose up
1)拉取專案程式碼,Github或者Gitee。
2)配置{jeecg-boot}/application.yml,指向docker,引用MySQL和Redis容器hostname。
3)編譯後臺服務{jeecg-boot},mvn package,得到target目錄下的jar包檔案。
4)編譯Admin管理系統{ant-design-vue-jeecg},yarn run build,得到dist目錄下的釋出檔案。
5)本地構建Docker映象,docker-compose build
6)執行Docker容器例項,docker-compose up
二,Admin後臺管理系統,配置化快速開發瀏覽器開啟localhost,預設使用者admin或者jeecg,預設密碼123456
進入選單:線上開發 -> Online表單開發
1,新增表單,輸入表名和描述,配置樹形表
表型別,選擇【單表】;
是否樹,選擇【是】,然後配置新出現的兩個引數;
樹表單父ID,預設欄位名pid;
樹開表單列,指的是樹形展開時,子資料錨定在哪個資料列上,示例中使用label_data。
2,配置資料庫屬性
增加兩個資料欄位,標籤label_data,備註note,其他選項使用預設配置。
3,配置頁面屬性
勾選【表單顯示】、【列表顯示】、【是否查詢】,控制欄位出現的功能場景。
控制元件型別常用文字框、日期、下拉框等。
4,查詢配置
選擇控制元件型別,勾選是否啟用。注意配置下拉框等需要資料來源的控制元件。
5,同步資料庫
完成資料表配置後,此時【同步狀態】顯示未同步,也就是說,還沒有建立對應的資料表。
6,功能測試
新增資料,
新增子資料,
查詢資料,
匯出和匯入Excel檔案。
7,配置地址,得到菜單鏈接
圓滿快速完成了一個完整的資料表CRUD功能和頁面,支援樹形結構展示。
三,常見問題1,可能存在的控制元件型別配置不一致
在配置頁面屬性時,欄位”標籤“的控制元件型別應該是文字框,對應出現在新增表單資料頁面中。
查詢配置時,欄位”標籤“期望的是下拉框選擇。
2,修改資料表時,同步資料庫失敗