[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)