[TOC]
# 功能介绍
![](https://img.kancloud.cn/04/99/0499fcfc9623a4a2a3dc37e735191ee8_564x476.png)
# 项目使用
## 项目下载
下载地址:[青锋开源架构-springboot2.6.x+vue3-antdesign-vite](https://gitee.com/msxy/qingfeng-springboot-vue3-antdesign-vite)
![](https://img.kancloud.cn/f1/17/f1172778be22dbc05f8963366ac746ba_1386x754.png)
qingfeng-ant-vite\_vue3为前端项目。
下载后对项目进行解压。
## 后端项目运行
### idea下载安装
我们使用的IDEA编程器进行代码编写,
idea的下载地址:[https://www.jetbrains.com/idea/download/#section=windows](https://www.jetbrains.com/idea/download/#section=windows)
![](https://img.kancloud.cn/a5/6f/a56fdc22a0d03afe18b19f0aa1fc84a8_642x352.png)
### 打开项目目录
![](https://img.kancloud.cn/f2/91/f29102e340253bcb4aec95099d854977_692x497.png)
![](https://img.kancloud.cn/c4/74/c4746454c64222c6831cb9a2734955df_801x746.png)
### 配置maven
点击 file-setting ,打开设置弹框,搜索maven,如下图:选择本地安装的maven进行配置。
maven的安装参考:[https://www.yuque.com/qingfengaibiancheng/arvmg8/vhqn11](https://www.yuque.com/qingfengaibiancheng/arvmg8/vhqn11)
![](https://img.kancloud.cn/97/6c/976c59d80806ed8ca7cf9274cc6503d9_998x711.png)
### 配置jdk环境
点击:
![](https://img.kancloud.cn/13/90/139099a6d2555b200eaba04b3662722a_590x344.png)
支持1.8的环境,高版本的环境-目前尚未测试。
![](https://img.kancloud.cn/08/67/0867bcfab8e35d18e6e3d443da805732_998x711.png)
### 项目运行
![](https://img.kancloud.cn/44/ec/44ecc38ea49e5421cef29f51e3713a92_642x339.png)
或者通过右键:
![](https://img.kancloud.cn/75/11/7511f4a17f229e8754a41da84e2354c4_1272x739.png)
## 前端项目运行
项目下载后,进入qingfneg-antd-vite-vue3 根目录,进行项目初始化安装,运行:
`npm install` 或者 `npm i`
安装完成后,执行运行命令:
`npm run dev`
![](https://img.kancloud.cn/b5/ff/b5ff772b57ac1dd7ad8acd716ed49a39_534x217.png)
启动完成后,在浏览器中输入:[http://localhost:3000/](http://localhost:3000/)
![](https://img.kancloud.cn/ea/6c/ea6c6c7d592485675862cab1fb981aa4_1920x931.png)
账号密码:admin/123456 登录系统
![](https://img.kancloud.cn/88/96/889604d49879d24308f2d158604702a0_1920x931.png)
- 青锋项目介绍
- 系统框架介绍
- 搭建开发环境
- 涵盖技术
- 构建后台框架
- springboot项目构建
- mvnw介绍
- 整合mybatis-plus
- mybatisplus知识点
- SQL日志打印工具p6spy
- mybatis-plus分页
- mybatis-plus多数据源使用
- mybatis-plus乐观锁
- springboot全局异常
- 整合拦截器/过滤器
- 实现业务功能模块
- 数据结构设计
- 框架完善-工具类-注释、验证
- 业务模块实现介绍
- 整合springsecurity权限控制
- Spring-Security-OAuth2简介
- springboot整合springsecurity
- springsecurity实现访问权限控制
- 整合登录图形验证码
- springboot整合Sentinel-实现验证码限流
- 架构权限功能说明
- 菜单、功能权限的讲解
- 数据权限的讲解
- Quartz动态定时器整合
- 整合quartz动态定时器
- quartz动态定时案例介绍
- 代码生成器
- freemarker模板引擎常用语法
- 代码生成器功能设计
- 代码生成器实现方式
- Vue前端教程
- 快速开始
- 项目组成介绍
- layouts布局组件介绍
- 动态锁屏介绍
- IndexedDB 浏览器数据库-参考
- Axios基础知识
- Axios请求的封装
- 静态路由和菜单
- 动态路由和权限控制
- 功能权限与指令
- 系统登录和token刷新
- Vuex状态管理使用说明
- Vue3之setup讲解及使用
- 架构功能拓展
- 整合swagger接口文档
- 接口授权签名认证
- 集成prometheus+Grafana监控
- 请求调用链路追踪