起因：個(gè)人開(kāi)發(fā)過(guò)程經(jīng)常會(huì)使用到Vue3+SpringBoot技術(shù)棧來(lái)開(kāi)發(fā)項(xiàng)目，每次在項(xiàng)目初始化時(shí)都需要涉及一些重復(fù)的整理工作，于是結(jié)合一些個(gè)人覺(jué)得不錯(cuò)的前后端模板進(jìn)行整合，打通一些大多數(shù)項(xiàng)目都需要的實(shí)現(xiàn)的基礎(chǔ)功能，以便于快速開(kāi)發(fā)項(xiàng)目。代碼已按個(gè)人力所能及的規(guī)范編寫，如有不足多多見(jiàn)諒~
一.功能預(yù)覽
為了提高模板的通用性與精簡(jiǎn)性，只實(shí)現(xiàn)一些基礎(chǔ)的功能：
- 登錄 \ 注冊(cè)
- 密碼修改 \ 重置
- 用戶管理（增刪改分頁(yè)）
- 個(gè)人信息查看 \ 修改
- 頭像上傳
(1) 登錄
登錄、注冊(cè)、修改密碼、重置密碼表單后端已實(shí)現(xiàn)基礎(chǔ)的格式校驗(yàn)。
(2) 注冊(cè)
驗(yàn)證碼方面都是采用郵箱驗(yàn)證碼，可根據(jù)個(gè)人需要進(jìn)行配置或者修改。參考博客：
- 手機(jī)驗(yàn)證碼
-
郵箱驗(yàn)證碼
(3) 重置密碼
(4) 主頁(yè)
(5) 用戶管理
基礎(chǔ)的增刪改查功能，包括圖片上傳（admin角色狀態(tài)展示）
(6) 修改密碼
(7) 個(gè)人信息
(8) 編輯個(gè)人信息
二.必備配置
上述預(yù)覽效果必要配置項(xiàng)：
- 前端
- 使用如下指令安裝依賴包即可
# 1. 安裝依賴包
pnpm install
# 2. 啟動(dòng)項(xiàng)目
pnpm dev
- 后端
- 根據(jù)
/sql目錄下的/create_table.sql創(chuàng)建表 - 修改
application.yml文件中的MySQL數(shù)據(jù)庫(kù)連接、Redis數(shù)據(jù)庫(kù)連接 - 修改
/utils/CodeUtils.java中的郵箱配置 - 阿里云oss配置
- 根據(jù)
三.代碼說(shuō)明
-
代碼地址：https://gitee.com/fspStudy/quick-develop-template.git （前后端項(xiàng)目放在了同一個(gè)父目錄中，可以根據(jù)需要分別管理）
-
前端模板基于Pure Admin 進(jìn)行二次開(kāi)發(fā)，可以參考一下原始模板。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-633126.html
-
后端模板基于b站程序員魚(yú)皮編程導(dǎo)航中的通用版本模板進(jìn)行二次開(kāi)發(fā)。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-633126.html
到了這里，關(guān)于Vue3+SpringBoot快速開(kāi)發(fā)模板的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
