一、后端環境準備
1.1、下載地址
gitee 下載地址
1.2、環境要求
- JDK 17
1.3、項目啟動
-
克隆項目
git clone https://gitee.com/youlaiorg/youlai-boot.git
-
數據庫初始化
執行?youlai_boot.sql?腳本完成數據庫創建、表結構和基礎數據的初始化。
-
修改配置
application-dev.yml?修改MySQL、Redis連接為本地配置;
-
啟動項目
執行?YoulaiBootApplication.java?的 main 方法完成后端項目啟動;
訪問接口文檔地址?http://localhost:8989/doc.html?驗證項目啟動是否成功。
能看到如下界面,說明后端啟動成功:
二、前端環境準備
2.1、下載地址
gitee 下載地址
2.2、環境要求
- 開發工具:VSCode
- 運行環境:Node ≥ 18(其中 20.6.0 版本不可用)
2.3、項目啟動
摘自官網
# 克隆代碼
git clone https://gitee.com/youlaiorg/vue3-element-admin.git# 切換目錄
cd vue3-element-admin# 安裝 pnpm
npm install pnpm -g# 設置鏡像源(可忽略)
pnpm config set registry https://registry.npmmirror.com# 安裝依賴
pnpm install# 修改前端項目 .env.development 文件
VITE_APP_API_URL=http://127.0.0.1:8989 # 本地 開啟# 啟動運行
pnpm run dev
?點擊驗證碼,能進入后端?com.youlai.boot.shared.auth.controller.AuthController#getCaptcha 斷點中,就證明前后端啟動成功,可以愉快地玩耍拉~~