AgileBoot

2022-10-13 12:06:27

AgileBoot是筆者在業餘時間基於ruoyi改造優化的前後端全棧專案。

關於AgileBoot的詳細介紹:https://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

注意 以上

  1. -v 引數後面 D:/workspace/mysql/data:/var/lib/mysql 斜體部分是你剛才建立的本地資料目錄
  2. -p 33067:3306 斜體部分是你宿主機對映的埠,也就是你存取docker時所用的埠
  3. -e MYSQL_ROOT_PASSWORD=12345 斜體部分是你的初始密碼 對應的賬號是root
  4. --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"

注意 以上

  1. -p 36379:6379 斜體部分是你宿主機對映的埠,也就是你存取docker時所用的埠
  2. --requirepass "12345" 斜體部分是你的初始密碼
  3. --name myredis 斜體是你給容器的命名

準備工作完畢,請確保您的Mysql和Redis都已經啟動成功

後端專案

git clone https://github.com/valarchie/AgileBoot-Back-End

如果拉取比較慢的話,可以到碼雲的地址:https://gitee.com/valarchie/AgileBoot-Back-End

IDEA匯入後端專案

找到 AgileBooAdminApplication 直接點選run

出現以下字樣即啟動成功。

  ____   _                _                                                           __         _  _ 
 / ___| | |_  __ _  _ __ | |_   _   _  _ __    ___  _   _   ___  ___  ___  ___  ___  / _| _   _ | || |
 \___ \ | __|/ _` || '__|| __| | | | || '_ \  / __|| | | | / __|/ __|/ _ \/ __|/ __|| |_ | | | || || |
  ___) || |_| (_| || |   | |_  | |_| || |_) | \__ \| |_| || (__| (__|  __/\__ \\__ \|  _|| |_| || ||_|
 |____/  \__|\__,_||_|    \__|  \__,_|| .__/  |___/ \__,_| \___|\___|\___||___/|___/|_|   \__,_||_|(_)
                                      |_|                                                             

前端專案

git clone https://github.com/valarchie/AgileBoot-Front-End

如果拉取比較慢的話,可以到碼雲的地址:https://gitee.com/valarchie/AgileBoot-Front-End

VsCode開啟該專案

安裝依賴

npm install

啟動專案

npm run dev

出現以下字樣即啟動成功

  vite v2.6.14 dev server running at:

  > Local: http://127.0.0.1:80/

  ready in 7167ms.

一切順利的話 開啟 http://127.0.0.1 地址即可

如果遇到什麼啟動問題的話,請大家留言評論。

交流群:1398880