一個知識回顧性質的SSM+Maven的前後端分離專案
阿新 • • 發佈：2021-06-24
目錄
1. 專案介紹
這是一個使用SSM+maven的前後端分離的知識回顧性專案
1.1. 後端目錄結構
employee-master //model ├── employee-common //model │ ├── pom.xml │ └── src │ └── main │ └── java │ └── com │ └── employee │ └── cn │ ├── http //前端返回 │ │ ├── AxiosResult.java //返回前端結果 │ │ └── AxiosStatus.java //返回前端攜帶狀態 │ ├── page //分頁 │ │ └── PageBean.java //分頁 │ └── utils //工具 │ ├── SmsUtils.java //傳送簡訊 │ └── UploadUtil.java //圖片上傳到阿里雲 ├── employee-entity //model │ ├── pom.xml │ └── src │ └── main │ └── java │ └── com │ └── employee │ └── cn │ └── entity //實體類 │ ├── Employee.java //員工類 逆向工程建立 │ └── EmployeeExample.java //sql查詢工具 逆向工程建立 ├── employee-mapper //model │ ├── pom.xml │ └── src │ └── main │ ├── java │ │ └── com │ │ └── employee │ │ └── cn │ │ └── mapper //mapper │ │ └── EmployeeMapper.java //mapper代理 逆向工程建立 │ └── resources │ ├── com │ │ └── employee │ │ └── cn │ │ └── mapper │ │ └── EmployeeMapper.xml // mapper介面對應的xml 逆向工程建立 | ├── applicationContext-mapper.xml // sping mapper層配置檔案 │ ├── db.properties // 資料庫連線資訊 │ └── log4j.properties // log4j日誌載入配置檔案 ├── employee-service // model │ ├── pom.xml │ └── src │ └── main │ ├── java │ │ └── com │ │ └── employee │ │ └── cn │ │ └── service │ │ ├── EmployeeService.java //員工service層介面 │ │ └── impl │ │ └── EmployeeServiceImpl.java //員工service層實現類 │ └── resources │ └── applicationContext-service.xml //spring service層配置檔案 ├── employee-web //model │ ├── pom.xml │ └── src │ └── main │ ├── java │ │ └── com │ │ └── employee │ │ └── cn │ │ ├── controller // controller層 │ │ │ ├── CommonController.java // 登入頁面和檔案上傳的controller │ │ │ ├── EmployeeController.java //employee的增刪改查及其他的contorller │ │ │ └── MyFilter.java //自定義過濾器 , 解決跨域問題 , 棄用 │ │ ├── exception // 自定義異常 │ │ │ ├── ApiException.java //特定情況下丟擲的自定義異常 │ │ │ └── myExceptionHandler.java //自定義異常接收器 │ │ ├── interceptor // 過濾器 │ │ │ └── LoginInterceptor.java // 登入過濾器 │ ├── resources │ │ ├── redis-config.properties //redis配置檔案 │ │ └── SpringMVC.xml //springmvc配置檔案 │ └── webapp │ └── WEB-INF │ └── web.xml //web配置檔案 └── pom.xml
1.2. 前端目錄結構
頁面 ├── css //css │ ├── AdminLTE.min.css │ ├── bootstrap.min.css │ ├── dialog.css │ ├── font-awesome.min.css │ ├── index.css │ ├── loginRegister.css │ ├── zpageNav.css │ └── _all-skins.min.css ├── fonts //fonts │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ ├── fontawesome-webfont.woff2 │ └── FontAwesome.otf ├── js //js │ ├── adminlte.min.js │ ├── axios.min.js │ ├── bootstrap.min.js │ ├── jquery.min.js │ ├── vue.min.js │ └── zpageNav.js ├── myjs //自定義js │ ├── employeeAxios.js │ ├── index.js │ ├── login.js │ └── loginAxios.js ├── index.html //資料頁面 └── login.html //登入頁面
2. 使用技術介紹
- 後端
- SSM
- Maven 版本管理
- MyBatis 資料庫管理
- Redis 臨時資料儲存
- web 3.x
- tomcat 8.x
- JDK1.8
- 前端
- css
- js
- axios
3. 原始碼地址
- 後端地址
- 前端地址
4. 所用到的知識點
知識點內容較多 , 單獨寫在別的地方
5. 遇到的bug
-
報錯 : Request method 'GET' not supported
-
報錯 : java.lang.ClassNotFoundException: redis.clients.jedis.util.Pool
-
[tomcat報錯 : 無法啟動元件StandardEngine[Catalina].StandardHost[localhost].StandardContext[]
6. 總結
專案本身較簡陋 , 很多內容沒有做 , 比如前後端的表單校驗 , 整體來說有個能梳理知識的機會很不錯