Our-Task——一个完整的前后端分离项目（附详细教程）
前言
Our-Task项目致力于打造一个完整的清单管理系统，只是为了把自己每天都安排地明明白白。
项目文档
Github地址
预览地址
项目已经部署在阿里云ECS上，可以在上面尝试使用，没有限制任何功能，大家随意就行（手机上显示不佳，建议大家使用电脑访问）。第一次进入可能为有点慢，请大家耐心等待：
公众号地址
项目介绍
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 |
| Redis | 分布式缓存 | https://redis.io/ |
| 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/ |
| Redis | 3.2 | https://redis.io/download |