AgileBoot – 手把手一步一步帶你Run起全棧項目(SpringBoot+Vue3)
- 2022 年 10 月 13 日
- 筆記
- Java編程之路, mybatis, springboot, 前端
AgileBoot是筆者在業餘時間基於ruoyi改造優化的前後端全棧項目。
關於AgileBoot的詳細介紹：//www.cnblogs.com/valarchie/p/16777336.html
學習一個項目首先的第一步就是把項目給run起來。 為了便於大家把項目Run起來~ 寫個啟動說明
準備工作
請確保您的機子上安裝好了JDK，Docker，npm。 什麼？？ 你還沒有安裝？ 沒事下面有幾個安裝小教程。
本項目僅需要Mysql和Redis這兩個組件，下面依次用Docker安裝Mysql以及Redis
手把手 Mysql Docker 安裝
創建本地數據存儲目錄
比如你想把docker內的Mysql數據，存在你的宿主機的話，需要在你宿主機創建一個目錄。
假設你的工作目錄是 D:/workspace 那就創建一個 D:/workspace/mysql/data 目錄。
注意上面的D:/workspace/mysql/data 將作為啟動docker的命名參數。
拉取Mysql的鏡像
docker pull mysql:版本號
docker pull mysql:8
啟動Mysql容器
docker run -d -v D:/workspace/mysql/data:/var/lib/mysql -it --name mysql8 -p 33067:3306 -e MYSQL_ROOT_PASSWORD=12345 mysql:8 --default-authentication-plugin=mysql_native_password
注意 以上
- -v 參數後面 D:/workspace/mysql/data:/var/lib/mysql 斜體部分是你剛才創建的本地數據目錄
- -p 33067:3306 斜體部分是你宿主機映射的埠，也就是你訪問docker時所用的埠
- -e MYSQL_ROOT_PASSWORD=12345 斜體部門是你的初始密碼 對應的帳號是root
- –name mysql8 斜體是你給容器的命名
進入Mysql容器內
docker exec -it mysql8 /bin/bash
執行mysql命令
mysql -uroot- p
填入我們剛才的初始密碼 12345
由於Mysql8出於安全考慮 默認不允許外部連接直接訪問。所以需要打開許可權。
use mysql
alter 'root'@'%' identified with mysql_native_password by '12345';
flush privileges;
創建資料庫agileboot
drop database if exists `agileboot`;
create database `agileboot` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;
導入sql文件
navicat直接導入 後端項目中sql文件夾下的資料庫腳本 agileboot_xxxxxx.sql文件
或者mysql命令打開agileboot庫，複製腳本文件內容直接執行即可。
手把手 Redis Docker 安裝
拉取Redis的鏡像
docker pull redis:版本號
docker pull redis:7-alpine
如果版本號過期的話，可以置空，會拉取最新的鏡像，下面的啟動命令可以去除掉 :7-alpine
啟動Redis容器
docker run -d --name myredis -p 36379:6379 redis:7-alpine --requirepass "12345"
注意 以上
- -p 36379:6379 斜體部分是你宿主機映射的埠，也就是你訪問docker時所用的埠
- –requirepass “12345” 斜體部門是你的初始密碼
- –name myredis 斜體是你給容器的命名
準備工作完畢，請確保您的Mysql和Redis都已經啟動成功
後端項目
git clone //github.com/valarchie/AgileBoot-Back-End
如果拉取比較慢的話，可以到碼雲的地址：//gitee.com/valarchie/AgileBoot-Back-End
IDEA導入後端項目
找到 AgileBooAdminApplication 直接點擊run
出現以下字樣即啟動成功。
____ _ _ __ _ _
/ ___| | |_ __ _ _ __ | |_ _ _ _ __ ___ _ _ ___ ___ ___ ___ ___ / _| _ _ | || |
\___ \ | __|/ _` || '__|| __| | | | || '_ \ / __|| | | | / __|/ __|/ _ \/ __|/ __|| |_ | | | || || |
___) || |_| (_| || | | |_ | |_| || |_) | \__ \| |_| || (__| (__| __/\__ \\__ \| _|| |_| || ||_|
|____/ \__|\__,_||_| \__| \__,_|| .__/ |___/ \__,_| \___|\___|\___||___/|___/|_| \__,_||_|(_)
|_|
前端項目
git clone //github.com/valarchie/AgileBoot-Front-End
如果拉取比較慢的話，可以到碼雲的地址：//gitee.com/valarchie/AgileBoot-Front-End
VsCode打開該項目
安裝依賴
npm install
啟動項目
npm run dev
出現以下字樣即啟動成功
vite v2.6.14 dev server running at:
> Local: //127.0.0.1:80/
ready in 7167ms.
一切順利的話 打開 //127.0.0.1 地址即可
如果遇到什麼啟動問題的話，請大家留言評論。
交流群：1398880
