# feiBlog

**Repository Path**: feimaopian/fei-blog

## Basic Information

- **Project Name**: feiBlog
- **Description**: 个人博客项目
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-07
- **Last Updated**: 2022-09-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Java, Vue, SpringBoot, MySQL, MyBatis

## README

# 肥猫片的博客平台（fei-blog）

## 项目介绍

fei-blog是一个**简洁的个人博客网站**，是前后端分离的SpringBoot+vue项目，前端使用了比较新的vite+vue的构建方式。项目实现了一个博客的基本功能，包括：**博客的编辑、发布、分类展示、使用md格式查看**等。通**过JWT+Shiro实现了用户的登录、注册功能以及简单的权限控制功能**。做这个项目的初衷是想体验一下真实的项目开发，由于本人水平有限，基本是边学边做，所以留下了很多小问题，以后会慢慢修。



## 项目地址

码云仓库：https://gitee.com/feimaopian/fei-blog



## 站点演示

演示站点（速度较慢）: http://106.14.144.213/



## 后端技术

|    技术    |       说明       |
| :--------: | :--------------: |
| SpringBoot |     MVC框架      |
|  MyBatis   |     ORM框架      |
|   Shiro    |     安全框架     |
|    JWT     |   JWT登录支持    |
|   Lombok   | 简化对象封装工具 |
|   Druid    |   数据库连接池   |
|  fastjson  |    Json数据化    |



## 前端技术

|     技术     |      说明      |
| :----------: | :------------: |
| Vue.js(3.x)  |    前端框架    |
|  vite(2.x)   |    构建工具    |
|  Vue-router  |    路由框架    |
| Element-plus |   前端ui框架   |
|    Axios     |  前端HTTP框架  |
| md-editor-v3 | markdown编辑器 |



## 项目环境

| 技术  |       版本       |
| :---: | :--------------: |
|  JDK  |       1.8        |
| Maven |      3.8.1       |
| MySQL |      5.7.19      |
| Node  |     16.17.0      |
|  npm  |      8.15.0      |
|  Git  | 2.37.3.windows.1 |



## 功能展示（截图）



### 主页

![image-20220920101738399](https://gitee.com/feimaopian/fei-blog/raw/master/md_picture/image-20220920101738399.png)



### 文章管理界面

![image-20220920101032333](https://gitee.com/feimaopian/fei-blog/raw/master/md_picture/image-20220920101032333.png)



### 文章编辑界面

![image-20220920101417076](https://gitee.com/feimaopian/fei-blog/raw/master/md_picture/image-20220920101417076.png)



### 文章展示页

![image-20220920101559337](https://gitee.com/feimaopian/fei-blog/raw/master/md_picture/image-20220920101559337.png)



### 留言区

  ![image-20220920100917315](https://gitee.com/feimaopian/fei-blog/raw/master/md_picture/image-20220920100917315.png)



### 登录|注册 页面

  ![image-20220920102013764](https://gitee.com/feimaopian/fei-blog/raw/master/md_picture/image-20220920102013764.png)

  ![image-20220920102151670](https://gitee.com/feimaopian/fei-blog/raw/master/md_picture/image-20220920102151670.png)