# blog-boot

**Repository Path**: quarkwang1/blog-boot

## Basic Information

- **Project Name**: blog-boot
- **Description**: 【极简个人博客】是一个适用于初学者学习的博客系统，其中包含文章分类、写文章、标签管理、用户管理等基础功能，代码简洁注释完善，易上手学习。技术栈基于SpringBoot+MybatisPlus+vue+iview等更多优秀组件及前沿技术开发，注释丰富，代码简洁，开箱即用。极其适合尝试全栈开发及实战练手训练也可以当作毕业设计进行二次开发，是个轻松学习的好机会。
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2024-01-17
- **Last Updated**: 2024-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
	<h1 align="center">基于SpringBoot+vue+iview个人极简博客</h1>
</div>

## 📚项目介绍
### 个人极简博客
【个人极简博客】是一个**适用于初学者学习的博客系统**，其中包含文章分类、写文章、标签管理、用户管理等基础功能，代码简洁注释完善，易上手学习。技术栈基于**SpringBoot+MybatisPlus+vue+iview**等更多优秀组件及前沿技术开发，注释丰富，代码简洁，开箱即用。极其适合**尝试全栈开发及实战练手训练**也可以当作**毕业设计**进行二次开发，是个**轻松学习的好机会**。

<p align="center">     
    <p align="center">
    	<a href="https://cn.vuejs.org/">
            <img src="https://img.javadog.net/blog/blog-boot/2cbacee30e364a079bc858c759e35be8_tplv-k3u1fbpfcp-zoom-1.png" alt="iview">
        </a> 
        <a href="https://www.uviewui.com/">
            <img src="https://img.javadog.net/blog/blog-boot/1be593e8e6ff4596998f36c336ac5cbc_tplv-k3u1fbpfcp-zoom-1.png" alt="iview">
        </a> 
        <a href="https://shiro.apache.org/">
            <img src="https://img.javadog.net/blog/blog-boot/139b927a083d4748b5114e3c5d85b0b4_tplv-k3u1fbpfcp-zoom-1.png" alt="shiro">
        </a> 
        <a href="http://spring.io/projects/spring-boot">
            <img src="https://img.javadog.net/blog/blog-boot/09465b4cc1094e68b870996769876b8b_tplv-k3u1fbpfcp-zoom-1.png" alt="spring-boot">
        </a>
        <a href="http://mp.baomidou.com">
            <img src="https://img.javadog.net/blog/blog-boot/d85f9c1d28564a9dad89e9b662a23790_tplv-k3u1fbpfcp-zoom-1.png">
        </a>  
         <a href="http://hutool.cn/">
            <img src="https://img.javadog.net/blog/blog-boot/24ad29ffa17b45358ff0b9359ca4c05b_tplv-k3u1fbpfcp-zoom-1.png" alt="mybatis-plus">
        </a> 
        <a href="./LICENSE">
            <img src="https://img.javadog.net/blog/blog-boot/b12324744e654191adb46ed5465dc6fd_tplv-k3u1fbpfcp-zoom-1.png" alt="license Apache 2.0">
        </a>
    </p>
</p>

******

## 🎁快速链接
### 公众号：**JavaDog程序狗**
**关注公众号，发送 【blog】或【博客】，无任何套路即可获得**

![](https://img.javadog.net/blog/blog-boot/d85da04f44df419ead453c965cf84ddc_tplv-k3u1fbpfcp-zoom-1.png)
******
## 🌱体验地址
### 访问地址
[个人极简博客](http://myblog.javadog.net)

> http://myblog.javadog.net

![](https://img.javadog.net/blog/blog-boot/dfebf73977834aa2bb0df22295f4a61f_tplv-k3u1fbpfcp-zoom-1.png)

![](https://img.javadog.net/blog/blog-boot/7fbf6699f08e45ebafd068a405f74749_tplv-k3u1fbpfcp-zoom-1.png)

![](https://img.javadog.net/blog/blog-boot/41f770577797433a97ed3e1cd760cab6_tplv-k3u1fbpfcp-zoom-1.png)

******
###  🍯猜你喜欢
####  文章推荐
[【项目实战】SpringBoot+uniapp+uview2打造H5+小程序+APP入门学习的聊天小项目](https://mp.weixin.qq.com/s/g7AZOWLgW5vcCahyJDEPKA)

[【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序](https://mp.weixin.qq.com/s/t_qwF_HvkdW-6TI3sYUHrA)

[【模块分层】还不会SpringBoot项目模块分层？来这手把手教你！](https://mp.weixin.qq.com/s/fpkiNR2tj832a6VxZozwDg)

[【ChatGPT】手摸手，带你玩转ChatGPT](https://mp.weixin.qq.com/s/9wEelbTN6kaChkCQHmgJMQ)

[【ChatGPT】SpringBoot+uniapp+uview2对接OpenAI，带你开发玩转ChatGPT](https://mp.weixin.qq.com/s/b19J36Eo3-ba7bHbWzoZYQ)
******

### 🍈猜你想问
####  1.如何熟练掌握全栈技术
####  2.如何将学到的知识应用实际项目

关注公众号【**JavaDog程序狗**】，任何留言提问我都会一一回复，如果有需要可以直接联系我，**有问必答**

![](https://img.javadog.net/blog/blog-boot/9f349cbd97d4470ebe031d8d31dd006f_tplv-k3u1fbpfcp-zoom-1.png)

## 🍵主要功能模块
### 🛳️模块思维导图
![](https://img.javadog.net/blog/blog-boot/5e80971a1232444185e31c668b3fcffb_tplv-k3u1fbpfcp-zoom-1.png)
******
### 🍭web前端页面
#### 首页
 用户通过域名根路径访问，如[http://myblog.javadog.net/](http://myblog.javadog.net/)，查看**首页文章列表**，以**时间轴**形式展示**已发布的文章**
 
![](https://img.javadog.net/blog/blog-boot/a034f40c60784d428e60485d894b97c8_tplv-k3u1fbpfcp-zoom-1.png)
#### 文章详情
用户通过**文章列表点击后**，跳转**文章详情**，其中包含文章标题、分类、标签、发布时间等

![](https://img.javadog.net/blog/blog-boot/177247494e1f44459d5887018bd9fcd4_tplv-k3u1fbpfcp-zoom-1.png)
******
### ⛄admin后台管理

用户访问[http://myblog.javadog.net/#/admin](http://myblog.javadog.net/#/admin)，如果**登录授权过则跳转后台**，否则跳转**登录注册页**
#### 注册
**未创建后台用户时**，填入**用户名、密码、确认密码**进行注册
![](https://img.javadog.net/blog/blog-boot/86dffa8d5a1543e69aa11129175d1c11_tplv-k3u1fbpfcp-zoom-1.png)
******
#### 登录
**已创建后台用户时**，填入**用户名、密码**进行登录

![](https://img.javadog.net/blog/blog-boot/e622361a7ce842a7bc3b7777d542f525_tplv-k3u1fbpfcp-zoom-1.png)
******
#### 首页
登陆后默认打开【admin欢迎页】，后期可根据访问量进行**首页大屏分析图**展示迭代

![](https://img.javadog.net/blog/blog-boot/34ac071273424f0a85faf39c34390f21_tplv-k3u1fbpfcp-zoom-1.png)
******
#### 文章
#####  所有文章
点击【所有文章】，展示所有**文章列表**，列表包含**标题、状态、分类、标签、访问、发布时间**等，操作列中包含**预览、编辑、删除**等按钮
![](https://img.javadog.net/blog/blog-boot/99da6f2742804dc382d4c486491b4f3c_tplv-k3u1fbpfcp-zoom-1.png)
#####  分类目录
点击【分类目录】，**左侧**展示所有表单**名称、描述**，可新增更新；**右侧**展示分类列表
![](https://img.javadog.net/blog/blog-boot/c46db0fafae44b27857f0b7b4ce1fadf_tplv-k3u1fbpfcp-zoom-1.png)
#####  写文章
点击【写文章】，其中包含**markdown编辑器，文章标题**，点击【发布】后，弹出文章设置，表单包括**文章标题、分类、标签、摘要**，可点击**发布**或者选择放置**草稿箱**

![](https://img.javadog.net/blog/blog-boot/04c1f576a78f45669dd1f0662756b5f7_tplv-k3u1fbpfcp-zoom-1.png)
#####  标签
点击【标签】，**左侧**展示表单**标签名、颜色**，可新增更新；**右侧**平铺展示标签
![](https://img.javadog.net/blog/blog-boot/366968bd53b748bfab0e3d1ed3c39d21_tplv-k3u1fbpfcp-zoom-1.png)
******
#### 用户
#####  个人资料
点击【个人资料】，左侧展示**个人信息表单包括头像、昵称、性别、出生日期、简介**，可进行更新；右侧展示**修改密码表单**包括**原始密码、新密码、确认密码，可进行密码修改**

![](https://img.javadog.net/blog/blog-boot/d6a9c9ae1f004690b3621f7acf9cc458_tplv-k3u1fbpfcp-zoom-1.png)
******

## 🦁组件
### 后端组件
| 插件 | 版本 | 用途 |
| --- | ----- |  ----- |
| jdk |  1.8 |java环境 |
| lombok | 1.18.16 |代码简化插件 |
| maven | 3.6.3 |包管理工具 |
| druid| 1.1.24 | JDBC组件 |
| hutool| 5.7.20 | Java工具类库|
| mybatis-plus| 3.4.1 | 基于 MyBatis 增强工具|
| mysql | 8.0 / 5.7 | 数据库 |

### 前端组件
| 插件 | 版本 | 用途 |
| --- | ----- |  ----- |
| vue | ^2.6.10 |渐进式的 JavaScript 框架 |
| iview|  ^4.0.2 |一套基于 Vue.js 的高质量UI 组件库 |
| vue-router | ^3.0.6 |为 Vue.js 提供富有表现力、可配置的、方便的路由 |
| vuex| ^3.2.0 | 一个专为 Vue.js 应用程序开发的状态管理模式 + 库 |
| vue-color| ^2.8.1 |  颜色选择器插件|
| moment | ^2.29.4 |js工具库 |
| axios | ^1.3.2 |一个基于promise的网络请求库 |
| core-js | ^3.27.2 |JavaScript 的模块化标准库 |
| mavon-editor | ^2.10.4 |基于 Vue 的 Markdown 编辑器组件 |

******

## 🥎代码结构图
### 后端代码
![](https://img.javadog.net/blog/blog-boot/9f3d1382c3a34a8d911206cb49a60411_tplv-k3u1fbpfcp-zoom-1.png)
### 前端代码
![](https://img.javadog.net/blog/blog-boot/3ecfa41417e94b198d8d2036c996c55e_tplv-k3u1fbpfcp-zoom-1.png)
******
## 🛠️快速启动
### 👸启动前端
1. 在blog-web项目目录下下载依赖
	```
	npm install 或者 cnpm install  
	```
 2. 依赖下载成功后，在blog-web项目目录下启动项目
	```
	npm run serve
	```
3. 启动成功
![](https://img.javadog.net/blog/blog-boot/2c0817b3d4e5460b9996205ab3e2d013_tplv-k3u1fbpfcp-zoom-1.png)
******

### 👦启动后端
 1. 开发工具内配置好，并将**maven**配置好，建议使用**阿里云镜像**
 2. 选择激活对应的环境，如本地则可使用**dev**

![](https://img.javadog.net/blog/blog-boot/28eba2406365429b9258fa61666ff373_tplv-k3u1fbpfcp-zoom-1.png)

 3. 将**blog-boot根路径**下的**/db/db_blog.sql**进行本地执行，并在application配置文件中修改数据库配置
 ![](https://img.javadog.net/blog/blog-boot/fdffb7fda0514a199f2d44958c5fb19b_tplv-k3u1fbpfcp-zoom-1.png)

![](https://img.javadog.net/blog/blog-boot/3f358ec8871c4da0bf9f9c171e66a2ae_tplv-k3u1fbpfcp-zoom-1.png)

 4. 运行启动SpringBoot项目，如见到以下日志即为启动成功
![](https://img.javadog.net/blog/blog-boot/a8d5ac828a13468d8faa957852fb5d84_tplv-k3u1fbpfcp-zoom-1.png)

******
## 🤑体验
![](https://img.javadog.net/blog/blog-boot/4bafbe9f5f434724859e42ba32589ba8_tplv-k3u1fbpfcp-zoom-1.png)

![](https://img.javadog.net/blog/blog-boot/0a9c99f124874d31a44a6eb34dbc958c_tplv-k3u1fbpfcp-zoom-1.png)

******
## 😊总结
本篇文章以**实战项目**形式进行展开，适合咱**初学者**进行实际开发体验，熟练**SpringBoot+vue**同时，也加深分层的思路。上手全栈开发，体验实操的快感。项目虽小，但五脏俱全。希望大家在学习的同时，不要忘了**点赞关注**不迷路呦。

******

##  🧧Tips
如有想拿此项目做**毕设或用于学习之外用途时**，一定**询问征求本狗意见**，开源不易，加强版权意识。

**优秀案例**
> 询问一下，略显尊重

![](https://img.javadog.net/blog/blog-boot/ee15656d503947bdab3be26b10d4f67d_tplv-k3u1fbpfcp-zoom-1.png)


![](https://img.javadog.net/blog/blog-boot/7414c03201b446d3a8b50cfe23ed096b_tplv-k3u1fbpfcp-zoom-1.jpg)

| JavaDog| 狗屋地址 |
| :----:| :----: | 
| 个人博客 | [https://blog.javadog.net](https://blog.javadog.net) | 
| 公众号 | [https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw](https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw) | 
| CSDN  | [https://blog.csdn.net/baidu_25986059](https://blog.csdn.net/baidu_25986059) | 
| 掘金 | [https://juejin.cn/user/2172290706716775](https://juejin.cn/user/2172290706716775)| 
| 知乎 | [https://www.zhihu.com/people/JavaDog](https://www.zhihu.com/people/JavaDog) | 
| 简书| [https://www.jianshu.com/u/1ff9c6bdb916](https://www.jianshu.com/u/1ff9c6bdb916) | 
| gitee|[https://gitee.com/javadog-net](https://gitee.com/javadog-net)  | 
| GitHub|[https://github.com/javadog-net](https://github.com/javadog-net)|