JEECG框架搭建
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ù)需求集成。
總結
 
                            
                        - 上一篇: 用Nginx禁止指定IP、国外IP访问我
- 下一篇: 如何用好项目管理工具
