Our-Task——一個完整的前後端分離項目（附詳細教程）

前言

Our-Task項目緻力于打造一個完整的清單管理系統，隻是為了把自己每天都安排地明明白白。

項目文檔

Github位址

預覽位址

項目已經部署在阿裡雲ECS上，可以在上面嘗試使用，沒有限制任何功能，大家随意就行（手機上顯示不佳，建議大家使用電腦通路）。第一次進入可能為有點慢，請大家耐心等待：

阿裡雲預覽位址

公衆号位址

Our-Task安裝運作需要的開發環境 Our-Task部署運作

項目介紹

Our-Task項目是一個清單管理系統，包括前台系統使用及背景管理系統，基于SpringBoot+MyBatis實作。該系統前台包括首頁、清單管理、分類管理、标簽管理、幫助中心等子產品。

技術選型

後端技術

技術	說明	官網
SpringBoot	MVC架構	https://spring.io/projects/spring-boot
MyBatis	ORM架構	http://www.mybatis.org/mybatis-3/zh/index.html
Redis	緩存	https://redis.io/
SpringSecurity	認證和授權架構	https://spring.io/projects/spring-security
Mybatis-Plus	資料層代碼生成	https://mp.baomidou.com
Lombok	簡化對象封裝工具	https://github.com/rzwitserloot/lombok
Swagger-UI	文檔生産工具	https://github.com/swagger-api/swagger-ui
	分布式緩存
JWT	JWT登入支援	https://github.com/jwtk/jjwt

前端技術

Vue	前端架構	https://vuejs.org/
Vue-router	路由架構	https://router.vuejs.org/
Element	前端UI架構	https://element.eleme.io
Axios	前端HTTP架構	https://github.com/axios/axios

環境搭建

開發工具

工具
IDEA	開發IDE	https://www.jetbrains.com/idea/download
RedisDesktop	redis用戶端連接配接工具	https://redisdesktop.com/download
Snipaste	螢幕截圖工具	https://www.snipaste.com/
Postman	API接口調試工具	https://www.postman.com/
PowerDesigner	資料庫設計工具	http://powerdesigner.de/
Navicat	資料庫連接配接工具	http://www.formysql.com/xiazai.html
Axure	原型設計工具	https://www.axure.com/
PicPick	圖檔處理工具	https://picpick.app/zh/
Typora	Markdown編輯器	https://typora.io/

開發環境

	版本号	下載下傳
JDK	1.8	https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Mysql	8.0	https://www.mysql.com/
	3.2	https://redis.io/download