old springboot vue下載 - old springboot vue原始碼下載

下載

springboot2-vue3

一款基於springboot2和vue3的後台通用模板，沒有多餘的功能，只有權限管理和常用功能。前後端分離項目，代碼通過90%阿里巴巴編碼規約掃描、 findbugs

 * 本项目不再维护，请关注新版

以下指南將幫助你在本機上安裝和執行該項目，進行開發和測試。關於如何將該專案部署到線上環境，請參考部署小節。

springboot目錄下執行mvn clean package指令打包,打包後產生檔案在/target/build目錄下
- config目錄為存放的設定檔
- lib目錄為maven依賴的jar包
- static目錄存放靜態文件
- jar檔為產生的jar包(以後pom依賴不變的話可以只替換該jar包)
vue目錄下執行npm run build指令打包，打包後產生檔案在/dist目錄下
- 打包配置在.env檔和vue.config.js檔中
部署伺服器上面需要設定JDK1.8 、 mysql 8 、 redis環境
jar套件運行nohup java -jar springboot.jar &可以在後台運行並且將日誌輸出到當前目錄下nohup.out文件
部署伺服器建議配置nginx ,vue打包後放在nginx下,不配置可以放在jar包同一目錄static下面

java.lang.RuntimeException: Cannot resolve classpath entry: E:maven-repositorymysqlmysql-connector-java8.0.15mysql-connector-java-8.0.15.jar
- 出錯: 根據資料庫產生實體類
- 解決: resources/config/generator-config.xml第6行jar包路徑改成自己的jar包路徑
npm install
- 出錯: vue安裝依賴出錯，一般是node-sass
- 解決：更換淘寶鏡像或npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
/login ------请求失败-----error: Error: Cannot find module './q/Index'
- 出錯：後台建立新選單(該選單沒有下級)且權限新增該選單後，重新登入出現該錯誤
- 解決：vue專案中/src/views/index/路徑下新增該選單目錄，以及Index.vue文件

簡介
- 基於springboot範本建立的項目
基本配置
- .yml檔案可以設定相關信息
- config目錄下為常用模組配置
- filter配置了跨域、 ip過濾、參數過濾等
  - 參數過濾請求自動去除前後空格,使用了Jsoup過濾html標籤(可以自訂配置過濾等級)
權限管理
- 帶有@AdminAuthToken註解的接口，請求頭必須有token才能訪問
- 配合vue前端頁面動態渲染路由，以及隱藏顯示按鈕:按鈕儲存在$store.state.role['buttons']中(前端)
- 精確到介面等級權限，必須完善功能管理中選單或按鈕對應的對應api ,否則存在token後預設放行
封裝廠用CURD,繼承BaseService即可
- baseInsert()和baseUpdate()會自動過濾值為null的字段
- baseUpdate()請做好參數過濾，或是new一個新的實體類別進行賦值運算
根據資料庫自動產生實體類
- 運行org.mybatis.generator.plugin.MyBatisTest.main()方法
- 具體配置resources/config/generator-config.xml
日誌按天存放，具體配置在resources/config/logback-spring.xml
自動記錄admin用戶日誌， @SystemLog註解放在Controller上即可

簡介
- 基於vue cli3所建立的項目
- 介面UI: element-ui
- 網路請求: axios
  - 全域呼叫方式this.$axios({ url: '', data: {}, success(data) {} });
    - url:只需要網域之後的地址
    - success:回呼只需要處理code為200的情況
- 全域變數和方法在/src/utils目錄下
- 覆蓋element-ui樣式在/src/assets/sass/element-variables.scss 文件
- 引進iconfont字體庫
  - 覆蓋/src/assets/font/iconfont 目錄下檔案即可
  - 引用<i class="iconfont iconfont-address"></i>
- 項目中大部分都有註釋
基本配置
- 配合後端實作動態路由:功能管理表單填入path路徑，預設根路徑為/src/views/index/
- .env.production/development檔案和vue.config.js為設定檔
封裝的常用組件(具體可以參考/src/views/index/system/sysUser/ 詳細註釋)
- dialog:彈出框
  - detail: 標題+內容的方式展示數據
  - form: 表單提交, @submit只需要處理表單驗證之後的情況
  - index: 普通彈出框
- table:表格
  - 表格接受的回傳範例: {"list":[],"pageNum":1,"pageSize":10}
  - 表格資料請求tableDataRequest: { url: '', data: {} }
    - url:請求地址
    - data:額外參數，配合頂部搜尋使用
  - 表格展示tableColumns: [ {prop: 'username', label: '用户名',formatter(){ return ''; }} ]接受一個陣列---參考layui表格
    - formatter: 複雜展示，可以回傳一個dom