JEECG框架搭建
JeecgBoot是一款基于BPM的低代碼平臺!前后端分離架構 SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT,支持微服務。強大的代碼生成器讓前后端代碼一鍵生成,實現低代碼開發! JeecgBoot引領新低代碼開發模式 OnlineCoding-> 代碼生成器-> 手工MERGE, 幫助Java項目解決70%的重復工作,讓開發更多關注業務,既能快速提高效率,節省研發成本,同時又不失靈活性!一系列低代碼能力:Online表單、Online報表、Online圖表、表單設計、流程設計、報表設計、大屏設計 等等...
?以上是官方給的解釋,官方給了一個在線演示的地址,我們來看一下有沒有這么神奇,這是官方的在線演示地址:JeecgBoot 企業級低代碼平臺
在看了一遍后感覺功能還是挺齊全的,那我們也得有
1. 源碼下載
GitHub - jeecgboot/jeecg-boot: 「企業級低代碼平臺」前后端分離架構SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis,Shiro,JWT。強大的代碼生成器讓前后端代碼一鍵生成,無需寫任何代碼! 引領新的開發模式OnlineCoding->代碼生成->手工MERGE,幫助Java項目解決70%重復工作,讓開發更關注業務,既能快速提高效率,幫助公司節省成本,同時又不失靈活性?!钙髽I級低代碼平臺」前后端分離架構SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis,Shiro,JWT。強大的代碼生成器讓前后端代碼一鍵生成,無需寫任何代碼! 引領新的開發模式OnlineCoding->代碼生成->手工MERGE,幫助Java項目解決70%重復工作,讓開發更關注業務,既能快速提高效率,幫助公司節省成本,同時又不失靈活性。 - GitHub - jeecgboot/jeecg-boot: 「企業級低代碼平臺」前后端分離架構SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis,Shiro,JWT。強大的代碼生成器讓前后端代碼一鍵生成,無需寫任何代碼! 引領新的開發模式OnlineCoding->代碼生成->手工MERGE,幫助Java項目解決70%重復工作,讓開發更關注業務,既能快速提高效率,幫助公司節省成本,同時又不失靈活性。https://github.com/jeecgboot/jeecg-boot先下載他的源碼到本地,下載的源碼中有前后端兩份代碼,如圖1
?圖1
2. 環境準備
如果是新手入門并且沒有配置環境可以看一下官方環境配置文檔:開發環境準備 · JeecgBoot 開發文檔 · 看云
?圖2
?環境配置好以后先打開后臺項目,目錄如下圖3
圖3
3. 初始化數據庫
在啟動之前需要先初始化好數據庫,初始化的sql文件在jeecg-boot項目的db文件夾里,如下圖4
圖4
?里面提供了各類數據庫的初始化sql文件,根據自己的選擇使用,我這里使用的mysql,選擇jeecgboot-mysql-5.7.sql進行數據庫初始化,初始化后效果如下圖5
圖5
?
項目在pom文件里設置了默認環境是使用的dev環境,數據庫默認配置是使用的本地數據庫127.0.0.1,如下圖6
圖6
?將mysql跟redis的配置修改成自己在上面步驟初始化好的數據庫地址即可
4. 后臺項目啟動
如果想要單機啟動只需要啟動jeecg-boot-module-system模塊下的JeecgSystemApplication啟動類即可,如下圖7?
圖7
啟動項目成功后會打印出swagger地址,如圖8,訪問swagger地址查看接口文檔,如圖9
?圖7
圖8
完成以上操作后臺系統則啟動成功,接下來啟動前端項目
?5. 前端項目啟動
5.1 編譯
使用編輯器打開前端項目,也就是圖1目錄中的ant-design-vue-jeecg文件,我這里使用vs code編輯器,也可以使用IDEA或其他編輯器,直接使用cmd框也可以,只要有node環境并可以執行客戶端命令即可
使用ctrl+shift+y喚出控制臺,如下圖9
圖9
編譯項目,執行命令,等待編譯完成
npm install?等到如下圖10時即編譯成功
圖10
5.2?環境配置
前端的多環境配置是根目錄的.env.*的文件,如圖11
?圖11
5.3?啟動
啟動項目命令,如下圖12
npm run serve
圖12
啟動成功后訪問前端地址,默認為:http://localhost:3000/
登陸頁面為下圖13
?圖13
登陸成功后頁面如下圖14,
??圖14
在效果圖上對比在線演示的好像少了許多東西,因為我們是單機啟動,缺少了一部分其他模塊的引入和資源菜單,可以根據需求集成。
總結
- 上一篇: 用Nginx禁止指定IP、国外IP访问我
- 下一篇: 如何用好项目管理工具