# vueBlog

**Repository Path**: xuehaoking/vue-blog

## Basic Information

- **Project Name**: vueBlog
- **Description**: 前后端分离的博客项目
后端为springboot ,mybatis-plus ,shiro, jwt, redis, hibernate validatior, lombok
前端为vue ,element-ui, axios 
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-21
- **Last Updated**: 2023-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vueBlog

#### 介绍
前后端分离的博客项目

后端为springboot ,mybatis-plus ,shiro, jwt, redis, hibernate validatior, lombok

前端为vue ,element-ui, axios css es6 

中间件：git maven npm node.js webpack  

博客的目前发布，个人博客修改，删除，浏览已开发完毕，后续会开发功能：订阅，点赞，分享，收藏。目前项目还未上线，业务开发不断，努力完善各项功能。

“博客”（Blog或Weblog）一词源于“Web Log（网络日志）”的缩写，是一种十分简易的傻瓜化个人信息发布方式。让任何人都可以像免费电子邮件的注册、写作和发送一样，完成个人网页的创建、发布和更新。如果把论坛（BBS）比喻为开放的广场，那么博客就是你的开放的私人房间。可以充分利用超文本链接、网络互动、动态更新的特点，在你“不停息的网上航行”中，精选并链接全球互联网中最有价值的信息、知识与资源；也可以将你个人工作过程、生活故事、思想历程、闪现的灵感等及时记录和发布，发挥您个人无限的表达力；更可以以文会友，结识和汇聚朋友，进行深度交流沟通。

一个好的博客交流网站能够吸引一些志同道合的朋友，发表心得，交流经验。有时候我们在遇到各项困难时，在一些博客论坛能够获得解决方法的思路或者启发思想。

#### 软件架构
软件架构说明


#### 安装教程

1.复制gitee项目的地址

2.打开idea 方法一：VCS-->projiect from vesion control-->Git 粘贴url后，点击test出现Connection successfull，说明连接成功

3.前端项目vue的位置：https://gitee.com/xuehaoking/blog-web-vue

#### 使用说明

1. 作为一个项目骨架，权限也是我们不能忽略的，Shiro配置简单，使用也简单，所以使用Shiro作为我们的的权限。
考虑到项目可能需要部署多台，这时候我们的会话等信息需要共享，Redis是现在主流的缓存中间件，也适合我们的项目。
然后因为前后端分离，所以我们使用jwt作为我们用户身份凭证。

2. 常用的是Mybatis，易上手，方便维护。但是单表操作比较困难，特别是添加字段或减少字段的时候，比较繁琐，所以这里我推荐使用Mybatis Plus（https://mp.baomidou.com/），为简化开发而生，只需简单配置，即可快速进行 CRUD 操作，从而节省大量时间。

3.  整合shiro、jwt 考虑到后面可能需要做集群、负载均衡等，所以就需要会话共享，而shiro的缓存和会话信息，我们一般考虑使用redis来存储这些数据，所以，我们不仅仅需要整合shiro，同时也需要整合redis。在开源的项目中，我们找到了一个starter可以快速整合shiro-redis，配置简单，这里也推荐大家使用。
而因为我们需要做的是前后端分离项目的骨架，所以一般我们会采用token或者jwt作为跨域身份验证解决方案。所以整合shiro的过程中，我们需要引入jwt的身份验证过程。

4.对参数 进行一些参数正确性的效验，这些小样出现在业务代码中，多次出现if效验数据使得业务代码显得臃肿，Hibernate validator框架解决这些问题，可以实现参数的效验，让业务代码和小样逻辑分开，不在编写重复的效验逻辑.

5.mavon-editor mavon-editor是一款基于vue的markdown编辑器，比较适合博客系统。

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

###效果展示
![登陆页](image/image.png)
![输入图片说明](image/headerimage.png)
![博客列表](image/detailsimage.png)
![添加](image/addimage.png)
![详情页](image/openimage.png)
![编辑](image/editimage.png)

#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)