# blog-developer

**Repository Path**: closes/blog-developer

## Basic Information

- **Project Name**: blog-developer
- **Description**: 博客的开发
- **Primary Language**: Java
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2020-11-22
- **Last Updated**: 2022-06-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# blog-developer

## 分为多个博客项目（从易到难）

 #### eblog(第一个博客项目)

##### 前言

  当前项目为一个简易的前后端分离项目，麻雀虽小，可谓五脏俱全：包括了基本的：单点登录、博客的增删改查，用户权限控制。

##### 功能展示

###### 主界面：

![image-20201126112112598](https://closes.oss-cn-shenzhen.aliyuncs.com/img/image-20201126112112598.png)

###### 登录

   用户名：changan 密码：111111

![image-20201126112445671](https://closes.oss-cn-shenzhen.aliyuncs.com/img/image-20201126112445671.png)

###### 创建博客

![image-20201126112804594](https://closes.oss-cn-shenzhen.aliyuncs.com/img/image-20201126112804594.png)

###### 博客详情

![image-20201126133747062](https://closes.oss-cn-shenzhen.aliyuncs.com/img/image-20201126133747062.png)

###### 博客编辑与删除

![image-20201126133902637](https://closes.oss-cn-shenzhen.aliyuncs.com/img/image-20201126133902637.png)

![image-20201126133926725](https://closes.oss-cn-shenzhen.aliyuncs.com/img/image-20201126133926725.png)

##### 技术支持

###### 后端

- SpringBoot
- mybatis plus
- shiro
- lombok
- redis
- hibernate validatior
- jwt
- swagger

###### 前端

- vue
- element-ui
- axios
- mavon-editor
- markdown-it
- github-markdown-css

###### 环境

   mysql 5.5.58

   JDK 8

   Maven 3.0.5

   IDEA

   SpringBoot 2.2.6.RELEASE

   Vue 12.16.3

   分项目 vueblog-vue 中需要手动安装下列插件

   ```npm
# 安装淘宝npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# vue-cli 安装依赖包
cnpm install --g vue-cli

# 切换到项目根目录
cd vueblog-vue
# 安装element-ui
cnpm install element-ui --save

#安装axios
cnpm install axios --save
#安装mavon-editor
cnpm install mavon-editor --save

#解析MD文档的插件
# 安装用于解析md文档的插件
cnpm install markdown-it --save
# md样式
cnpm install github-markdown-css
   ```

​    

##### 简单使用

1、创建一个名为:vueblog的数据库

   新建两个表:m_blog、m_user （easyBlog\eblog\sql目录下有这两个表的sql   语句）

​    注意：mysql版本 5.5.58

2、启动redis 

   下面是redis的配置（application.yml），主机若是windows 则可以填127.0.0.1:6379; 阿里云填云服务器对应的IP;                 						linux填写Linux的IP。

   注意：不配置Redis,项目启动不起来

   ![image-20201126140040690](https://closes.oss-cn-shenzhen.aliyuncs.com/img/image-20201126140040690.png)

3、分别启动 vueblog、vueblog-vue 这两个子项目

3、登录

   默认登录的用户名：changan 密码：111111

4、博客CRUD

   Shiro内置的过滤器被换为Jwt,通过JwtToken来进行前后端跨域的身份认证。

   博客权限做的还算不错，对于当前项目来说足够用了。