系統框架介紹 · 青鋒開源架構-springboot2.6.x+vue3-antdesign-vite

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