代码拉取完成,页面将自动刷新
一个基于 Spring Boot 2.4.0 、 Mybatis-plus、 JWT、Spring Security、Redis、Vue的前后端分离的基础权限系统项目截图
|-- 后端项目
|-- java
| |-- com
| |-- waiterxiaoyy
| |-- common // 公共组件
| | |-- dto
| | |-- exception // 统一异常处理
| | |-- lang // 定义统一数据格式
| |-- config // 配置类
| |-- controller // 控制器
| |-- entity // 实体类
| |-- mapper
| |-- security // 安全处理,包括jwt鉴定,权限处理,拦截器
| |-- service // 业务处理层
| |-- utils // 工具类
|-- resources
|-- application.yml // 全局配置
|-- mapper
|-- 前端项目
|-- package-lock.json
|-- package.json
|-- vue.config.js
|-- src
|-- App.vue
|-- axios.js // 统一request设置
|-- globalFun.js // 全局方法
|-- main.js
|-- mock.js // 前端假数据
|-- settings.js
|-- assets
| |-- logo.png
| |-- css
| |-- icons
| |-- img
|-- components
| |-- common // header、bar等处理,已实现标签页
| |-- page
| |-- SvgIcon
| |-- user
|-- router // 已实现动态路由
|-- store
|-- utils
|-- views // 页面存放
前端项目 | 后端项目 |
---|---|
git clone项目到本地 | git clone项目到本地 |
使用idea或者vscode打开项目 | 使用idea打开项目 |
打开终端,执行:npm install | 执行maven引入,在数据库管理平台引入数据库vueadmin,启动redis |
install完成后,执行:npm run dev | 在application.yml中修改数据库账号和密码 |
启动成功后,访问:http://localhost:8080 | 启动项目,接口前缀:http://localhost:8081 |
注意:后台项目需要引入redis、Lombok插件
这里提供一些基础教程供刚入门的同学
1、JDK:1.8+ 安装教程:https://www.runoob.com/java/java-environment-setup.html 2、Redis 3.0+ 安装教程:https://www.runoob.com/redis/redis-install.html 3、Maven 3.0+ 安装教程:https://www.runoob.com/maven/maven-setup.html 4、MYSQL 5.7 安装教程:https://www.runoob.com/mysql/mysql-install.html 5、Node v10+ (最好使用 12,高版本可能会有问题) 安装教程:https://www.runoob.com/nodejs/nodejs-install-setup.html
部分截图
微信 | 支付宝 |
---|---|
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。