# YuanBlog

**Repository Path**: wlf213/yuan-blog

## Basic Information

- **Project Name**: YuanBlog
- **Description**: YuanBlog，一个博客
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2024-02-07
- **Last Updated**: 2025-10-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: quasar, Vue, SpringBoot3

## README

# YuanBlog

#### 介绍
YuanBlog，一个博客

#### 软件架构

Vue3 Vite Quasar

SpringBoot3 MyBatisPlus SaToken


#### 部署环境

mysql8.0+

Jdk17+

Redis

七牛云对象存储


#### 本地开发


先把项目克隆到本地，此项目为多个项目，不建议直接用IDEA直接克隆并打开，因为根目录不是一个标准的maven项目。

##### 基础准备

- 新建数据库yuan-blog，运行项目根目录中doc中的sql语句。

##### 后端

- IDEA打开yuan-server文件夹。可以看到有四个模块，`admin`,`core`,`gen`,`web`，我们首要主要关注`admin`,和`web`模块。
- 分别修改`admin`和`web`模块下的配置文件`application.yml` ,`spring.profiles.active= my` 改为`spring.profiles.active= local`
- 分别修改`admin`和`web`模块下的修改`application-local.yml`中的数据库连接配置以及redis连接配置。
- 发邮件相关配置可暂时不配置。
- 运行对应的SpringBoot启动类即可运行

##### 前端

- Vscode打开yuan-web文件夹。
- 执行命令`pnpm i`
- `pnpm run dev` 启动项目即可
- - Vscode打开yuan-admin文件夹。
- 执行命令`pnpm i`
- `pnpm run dev` 启动项目即可


**PS: 遇到问题直接把此页面拉到底部**



#### 预览地址

[博客页面--http://web.wangijun.com:8005/#/](http://web.wangijun.com:8005/#/)

博客登录用户：001@1.com/000000

[后台管理--http://admin.wangijun.com:8005/](http://admin.wangijun.com:8005/)

后台管理登录默认有用户。

#### 预期布局

- yuan-server
    - core -- 共用依赖
    - web -- yuan-web对应后台，独立打包运行
    - admin -- yaun-admin对应后台，独立打包运行
    - ...未完待续
- yaun-web --门户
- yuan-admin --后台管理中心
- ....未完待续

#### 图片预览

##### 博客图片预览

![](./images/web/01.png)

![](./images/web/02.png)

![](./images/web/03.png)

![](./images/web/04.png)

![](./images/web/05.png)

![](./images/web/06.png)

![](./images/web/07.png)

![](./images/web/08.png)

![](./images/web/09.png)

![](./images/web/10.png)

![](./images/web/11.png)

![](./images/web/12.png)

![](./images/web/13.png)

![](./images/web/14.png)





##### 后台管理图片预览

![](./images/admin/01.png)

![](./images/admin/02.png)

![](./images/admin/03.png)

![](./images/admin/04.png)

![](./images/admin/05.png)

![](./images/admin/06.png)

![](./images/admin/07.png)

![](./images/admin/08.png)

![](./images/admin/09.png)

![](./images/admin/10.png)

![](./images/admin/11.png)



#### 更多

更多疑问可提issues,