JeecgBoot是一款基于BPM的低代碼平臺！前后端分離架構 SpringBoot 2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服務。強大的代碼生成器讓前后端代碼一鍵生成，實現(xiàn)低代碼開發(fā)！ JeecgBoot引領新低代碼開發(fā)模式 OnlineCoding-> 代碼生成器-> 手工MERGE， 幫助Java項目解決70%的重復工作，讓開發(fā)更多關注業(yè)務，既能快速提高效率，節(jié)省研發(fā)成本，同時又不失靈活性！一系列低代碼能力：Online表單、Online報表、Online圖表、表單設計、流程設計、報表設計、大屏設計 等等...

?以上是官方給的解釋，官方給了一個在線演示的地址，我們來看一下有沒有這么神奇，這是官方的在線演示地址：JeecgBoot 企業(yè)級低代碼平臺

在看了一遍后感覺功能還是挺齊全的，那我們也得有

1. 源碼下載

GitHub - jeecgboot/jeecg-boot: 「企業(yè)級低代碼平臺」前后端分離架構SpringBoot 2.x，SpringCloud，Ant Design&Vue，Mybatis，Shiro，JWT。強大的代碼生成器讓前后端代碼一鍵生成，無需寫任何代碼! 引領新的開發(fā)模式OnlineCoding->代碼生成->手工MERGE，幫助Java項目解決70%重復工作，讓開發(fā)更關注業(yè)務，既能快速提高效率，幫助公司節(jié)省成本，同時又不失靈活性。「企業(yè)級低代碼平臺」前后端分離架構SpringBoot 2.x，SpringCloud，Ant Design&Vue，Mybatis，Shiro，JWT。強大的代碼生成器讓前后端代碼一鍵生成，無需寫任何代碼! 引領新的開發(fā)模式OnlineCoding->代碼生成->手工MERGE，幫助Java項目解決70%重復工作，讓開發(fā)更關注業(yè)務，既能快速提高效率，幫助公司節(jié)省成本，同時又不失靈活性。 - GitHub - jeecgboot/jeecg-boot: 「企業(yè)級低代碼平臺」前后端分離架構SpringBoot 2.x，SpringCloud，Ant Design&Vue，Mybatis，Shiro，JWT。強大的代碼生成器讓前后端代碼一鍵生成，無需寫任何代碼! 引領新的開發(fā)模式OnlineCoding->代碼生成->手工MERGE，幫助Java項目解決70%重復工作，讓開發(fā)更關注業(yè)務，既能快速提高效率，幫助公司節(jié)省成本，同時又不失靈活性。https://github.com/jeecgboot/jeecg-boot先下載他的源碼到本地，下載的源碼中有前后端兩份代碼，如圖1

?圖1

2. 環(huán)境準備

如果是新手入門并且沒有配置環(huán)境可以看一下官方環(huán)境配置文檔：開發(fā)環(huán)境準備 · JeecgBoot 開發(fā)文檔 · 看云

?圖2

?環(huán)境配置好以后先打開后臺項目，目錄如下圖3

圖3

3. 初始化數(shù)據(jù)庫

在啟動之前需要先初始化好數(shù)據(jù)庫，初始化的sql文件在jeecg-boot項目的db文件夾里，如下圖4

圖4

?里面提供了各類數(shù)據(jù)庫的初始化sql文件，根據(jù)自己的選擇使用，我這里使用的mysql，選擇jeecgboot-mysql-5.7.sql進行數(shù)據(jù)庫初始化，初始化后效果如下圖5

圖5

?

項目在pom文件里設置了默認環(huán)境是使用的dev環(huán)境，數(shù)據(jù)庫默認配置是使用的本地數(shù)據(jù)庫127.0.0.1，如下圖6

圖6

?將mysql跟redis的配置修改成自己在上面步驟初始化好的數(shù)據(jù)庫地址即可

4. 后臺項目啟動

如果想要單機啟動只需要啟動jeecg-boot-module-system模塊下的JeecgSystemApplication啟動類即可，如下圖7?

圖7

啟動項目成功后會打印出swagger地址，如圖8，訪問swagger地址查看接口文檔，如圖9

?圖7

圖8

完成以上操作后臺系統(tǒng)則啟動成功，接下來啟動前端項目

?5. 前端項目啟動

5.1 編譯

使用編輯器打開前端項目，也就是圖1目錄中的ant-design-vue-jeecg文件，我這里使用vs code編輯器，也可以使用IDEA或其他編輯器，直接使用cmd框也可以，只要有node環(huán)境并可以執(zhí)行客戶端命令即可

使用ctrl+shift+y喚出控制臺，如下圖9

圖9

編譯項目，執(zhí)行命令，等待編譯完成

npm install

?等到如下圖10時即編譯成功

圖10

5.2?環(huán)境配置

前端的多環(huán)境配置是根目錄的.env.*的文件，如圖11

?圖11

5.3?啟動

啟動項目命令，如下圖12

npm run serve

圖12

啟動成功后訪問前端地址，默認為：http://localhost:3000/

登陸頁面為下圖13

?圖13

登陸成功后頁面如下圖14,

??圖14

在效果圖上對比在線演示的好像少了許多東西，因為我們是單機啟動，缺少了一部分其他模塊的引入和資源菜單，可以根據(jù)需求集成。

總結

以上是生活随笔為你收集整理的JEECG框架搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。