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

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

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

1. 源碼下載

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

?圖1

2. 環(huán)境準(zhǔn)備

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

?圖2

?環(huán)境配置好以后先打開(kāi)后臺(tái)項(xiàng)目，目錄如下圖3

圖3

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

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

圖4

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

圖5

?

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

圖6

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

4. 后臺(tái)項(xiàng)目啟動(dòng)

如果想要單機(jī)啟動(dòng)只需要啟動(dòng)jeecg-boot-module-system模塊下的JeecgSystemApplication啟動(dòng)類即可，如下圖7?

圖7

啟動(dòng)項(xiàng)目成功后會(huì)打印出swagger地址，如圖8，訪問(wèn)swagger地址查看接口文檔，如圖9

?圖7

圖8

完成以上操作后臺(tái)系統(tǒng)則啟動(dòng)成功，接下來(lái)啟動(dòng)前端項(xiàng)目

?5. 前端項(xiàng)目啟動(dòng)

5.1 編譯

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

使用ctrl+shift+y喚出控制臺(tái)，如下圖9

圖9

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

npm install

?等到如下圖10時(shí)即編譯成功

圖10

5.2?環(huán)境配置

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

?圖11

5.3?啟動(dòng)

啟動(dòng)項(xiàng)目命令，如下圖12

npm run serve

圖12

啟動(dòng)成功后訪問(wèn)前端地址，默認(rèn)為：http://localhost:3000/

登陸頁(yè)面為下圖13

?圖13

登陸成功后頁(yè)面如下圖14,

??圖14

在效果圖上對(duì)比在線演示的好像少了許多東西，因?yàn)槲覀兪菃螜C(jī)啟動(dòng)，缺少了一部分其他模塊的引入和資源菜單，可以根據(jù)需求集成。

總結(jié)

以上是生活随笔為你收集整理的JEECG框架搭建的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。