# 前后端分离后台管理系统模板 **Repository Path**: dxxr/pinelliaTernata ## Basic Information - **Project Name**: 前后端分离后台管理系统模板 - **Description**: 前后端分离项目 - **Primary Language**: Java - **License**: Artistic-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 0 - **Created**: 2023-03-09 - **Last Updated**: 2025-01-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 基于SpringBoot + Vue的后台管理系统模板 ### 采用技术 ![](https://img.shields.io/badge/Java-1.8-orange) ![](https://img.shields.io/badge/MySQL-5.7-brightgreen) ![](https://img.shields.io/badge/SpringBoot-2.5.14-yellow) ![](https://img.shields.io/badge/SaToken-%E6%9D%83%E9%99%90-blue) ![](https://img.shields.io/badge/MybatisPlus-3.4.2-red) ![](https://img.shields.io/badge/kaptcha-2.3.2-orange) ![](https://img.shields.io/badge/hutool-5.8.10-blue) ![](https://img.shields.io/badge/Redis-2.4.1-red) ![](https://img.shields.io/badge/vue-2.6.11-yellowgreen) ![](https://img.shields.io/badge/axios-0.27.2-orange) ![](https://img.shields.io/badge/vuex-3.6.2-brightgreen) ![](https://img.shields.io/badge/element--ui-2.15.6-blue)![](https://img.shields.io/badge/axios-0.27.2-orange) ### 技术介绍： **前端：** vue + vuex + vue-router + axios + element-ui + vue-cropper + dayjs + nprogress + vue-baidu-map + vue-image-crop-upload + vue-image-crop-upload **后端：** SpringBoot + SaToken + Swagger2 + MyBatis-Plus + MySQL + Redis + Kaptcha + Tx-Sdk + Aliyun OSS ### 开发环境 | 开发工具 | 功能作用 | | -------- | -------------- | | Idea | 后端开发工具 | | Navicat | 连接数据库工具 | | WebStorm | 前端开发工具 | | 开发环境 | 版本 | | -------- | ------ | | JDK | 1.8 | | MySQL | 5.7 | | Vue | 2.6.11 | | Redis | 6.0.5 | ### 目录结构 前端项目在`system-vue`目录 后端项目在`pinelliaTernata`目录 **前端项目主要目录结构：** ```shell system-vue ├── public ├── api -- api请求接口目录 ├── assets -- 静态资源 ├── components -- 组件 ├── constant -- 常量 ├── locales -- 语言资源 ├── router -- 路由 ├── store -- 全局缓存 ├── utils -- 工具目录 ├── pages -- Vue页面 ├── App.vue -- App.vue ├── main.js -- main.js └── permission.js -- 路由导航守卫 ``` **后端项目主要目录结构** ```shell pinelliaTernata ├─admin -- 项目启动模块 │ ├─src │ │ ├─main │ │ │ └─resources │ │ │ application.yml -- 项目配置文件 │ │ │ │ │ │ ├─common -- 项目公用的配置和工具模块 ├─controller -- 项目控制器类模块 ├─framework -- 项目框架模块 ├─generator -- 项目代码生成模块 └─system -- 项目系统方法模块 ``` ### 项目特点 - 前端样式参考开源Vue样式《vue-white-dashboard-master》并在其基础上进行自我设计和开发 - 根据页面的美观和舒适度，重写了一部分element-ui代码，更加适应主页面 - 项目采用前后端分离开发 - 后端采用分布式开发的方式，便于维护 - 项目支持动态权限分配，前端模块访问权限与后台权限实时更新 - 项目的权限认证采用的新的SaToken框架，进行业务的鉴权，和用户信息的获取，项目更加轻量级 - 使用了腾讯SDK完成了短信验证码的功能，允许用户使用手机号进行注册以及忘记密码后通过短信验证码实现登录 - 使用了阿里云OSS进行文件的上传下载 - 可以通过后端获取用户登录ip以及属地，返回给前端，前端整合的百度地图可以展示用户的位置 - 继承了Redis进行登录验证码的验证 - 项目中集成了Mybatis-Plus代码生成器，简化后续开发 - 项目无任何业务侵入，只作为一个管理系统模板进行编写，二次开发十分方便 ### 项目截图 ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180013.png) ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180037.png) ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180111.png) ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180121.png) ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180133.png) ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180143.png) ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180210.png) ![输入图片说明](.gitee/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230309180218.png)