AgileBoot - 手把手一步一步带你 Run 起全栈项目(SpringBoot+Vue3)

2022-10-13 10:46:41 +08:00
 ngduncent

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

1367 次点击
所在节点    程序员
3 条回复
golangLover
2022-10-14 13:45:18 +08:00
支持一下。如果能再加上读写分离 mq 之类就更好了。还有为什么会用 hutu 而不用 apache common 呢
ngduncent
2022-10-17 15:20:11 +08:00
@golangLover 这个项目主要的初衷是做一款适合 小项目 或者外包的脚手架, 致力于质量和代码规范性。 功能方面可能会考量得比较少,会谨慎添加功能。 使用 hutool 的原因,是因为 hutool 用起来更傻瓜一点。对国人算比较友好吧
ngduncent
2022-10-17 15:21:07 +08:00
@golangLover 代码质量方面,严谨方面, 肯定还是 apache common 包 更好。 使用方面的话。。 hutool 更 easy 一点

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/886561

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX