这类项目很多,本项目可以给想研究Vue3技术栈的伙伴提供一个参考示例
- 前端:Vue3 + Vite5 + Vue-Router + Pinia + Ant Design Vue 4.X
- 移动端:uniapp (vue3版本) + uni-ui + (同时支持APP、小程序、H5)
- 后端:SpringBoot + Sa Token + Mybatis-plus + 多种数据库
官方提供了指导文档,可以一步一步本地搭建学习:
SmartAdmin 文档
1. 后端基于java技术栈:springboot+mybatis-plus
数据库mysql,我本地mysql8:
作者提供了mysql的脚本,可以直接执行导入数据库:
另外需要redis,本地把玩直接命令行即开即用:
接着就修改后端配置:主要是数据库配置
后端2个工程,sa-base是父工程主要作为项目基础依赖封装,启动工程在sa-admin:
默认profile为dev开发环境,这里改对应的yaml配置,修改数据库密码为你本地的设置
redis端口默认6379,如果有变动相应修改,修改配置要重新编译打包!!!!
mvn clean install
启动sa-admin工程:
mvn -pl :sa-admin spring-boot:run
http://localhost:1024/swagger-ui/index.html#/
后端api接口文档:
2. 前端工程:
nodejs环境,本地版本:
web工程有js和ts两个版本,以js为例:
cd javascript-ant-design-vue3
npm install
安装前端npm依赖包,也可以用yarn
然后启动前端工程:
打开浏览器地址:
输入对应管理员密码: