# blog-yaling-admin

**Repository Path**: coderyaling/blog-yaling-admin

## Basic Information

- **Project Name**: blog-yaling-admin
- **Description**: 实现了一个简单的个人博客系统，前端技术栈为 Vue + ElementUI + Echarts 系统分为前台展示和后台管理两个部分
- **Primary Language**: Java
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: http://coderfy.top
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2023-03-19
- **Last Updated**: 2024-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, 博客, Echarts, JavaScript

## README

# YALING 博客
![输入图片说明](public/image-readme/yaling-%E9%80%8F%E6%98%8E%E6%A8%AA%E5%90%911.png)
## 博客上线地址
欢迎访问我的博客！[http://coderfy.top](http://coderfy.top)
## 项目介绍
实现了一个简单的个人博客系统，前端技术栈为 Vue + ElementUI + Echarts 系统分为前台展示和后台管理两个部分，后台有首页，博客管理，撰写博客，用户管理，权限管理，分类管理，标签管理，专题管理，问答管理，推荐管理，网站参数管理，操作日志，资源管理，监控中心，评论管理，系统管理，个人中心，图片管理。

- 大部分功能是我个人进行开发的，因能力有限，其中很多技术都是一边学习一边使用的，可以说蘑菇博客也是一个我用来练习技术点的一个项目。
- 使用Vue + ElementUi 来打造一套自己的、基于较新的的技术栈、前后端分离的前端管理系统。
- [yaling](http://coderfy.top)中的一些文章，很多都来自我平时的学习笔记
## 项目技术
| 技术 | 说明 | 官网 |
| --- | --- | --- |
| Vue.js | 前端框架 | [https://vuejs.org/](https://vuejs.org/) |
| Vue-router | 路由框架 | [https://router.vuejs.org/](https://router.vuejs.org/) |
| Vuex | 全局状态管理框架 | [https://vuex.vuejs.org/](https://vuex.vuejs.org/) |
| Element | 前端ui框架 | [ https://element.eleme.io](https://element.eleme.io/) |
| Axios | 前端HTTP框架 | [ https://github.com/axios/axios](https://github.com/axios/axios) |
| Echarts | 图表框架 | [www.echartsjs.com](https://www.echartsjs.com) |
| CKEditor | 富文本编辑器 | [https://ckeditor.com/](https://ckeditor.com/) |
| Highlight.js | 代码语法高亮插件 | [https://github.com/highlightjs/highlight.js](https://github.com/highlightjs/highlight.js) |
| mavon-editor | Markdown编辑器 | [http://www.mavoneditor.com/](http://www.mavoneditor.com/) |
| vue-cropper | 图片裁剪组件 | [https://github.com/xyxiao001/vue-cropper](https://github.com/xyxiao001/vue-cropper) |
| vue-image-crop-upload | vue图片剪裁上传组件 | [https://github.com/dai-siki/vue-image-crop-upload](https://github.com/dai-siki/vue-image-crop-upload) |
| vue-emoji-comment | Vue Emoji表情评论组件 | [https://github.com/pppercyWang/vue-emoji-comment](https://github.com/pppercyWang/vue-emoji-comment) |
| SortableJS | 功能强大的JavaScript 拖拽库 | [http://www.sortablejs.com/](http://www.sortablejs.com/) |
| vue-side-catalog | 目录导航栏 | [https://github.com/yaowei9363/vue-side-catalog](https://github.com/yaowei9363/vue-side-catalog) |
| showdown | 用Javascript编写的Markdown 到Html转换器 | [https://github.com/showdownjs/showdown](https://github.com/showdownjs/showdown) |
| turndown | 用JavaScript编写的HTML到Markdown转换器 | [https://github.com/domchristie/turndown](https://github.com/domchristie/turndown) |

## 项目开源地址
博客后端：[https://gitee.com/coderyaling/blog-yaling-admin.git](https://gitee.com/coderyaling/blog-yaling-admin.git)
_本项目将长期更新与维护，欢迎拉取和star！_
## 功能完善情况

- [x] 首页基本信息
- [x] 博客管理
- [x] 撰写博客
- [x] 用户管理
- [x] 分类管理
- [x] 权限管理
- [x] 菜单管理
- [x] 专题管理
- [x] 标签管理
- [x] 个人中心
- [x] 图片管理
- [x] 系统参数管理
- [x] 网站配置
- [x] 推荐管理
- [ ] 监控中心
- [x] 评论管理
- [x] 问答管理
- [x] 操作日志
## 项目预览
**后台管理系统首页**：Echarts博客后台数据展示，日期活动图展示文章贡献度。分类和标签分布饼状图，待办事项。Echarts 中的折线图清晰的展示网站访问量。
![输入图片说明](%E9%A6%96%E9%A1%B5-1.jpg)
![输入图片说明](%E9%A6%96%E9%A1%B5-2.jpg)
**后台博客管理**：可直接修改博客的信息，点击展开栏可修改博客的首图，点击修改按钮可跳转到博客撰写页面修改博客的标题和内容。可通过多选点击添加专题可将文章移入指定专题
![输入图片说明](public/image-readme/%E6%96%87%E7%AB%A0%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0.jpg)
**登录注册**
![输入图片说明](public/image-readme/%E7%9F%AD%E4%BF%A1%E6%B3%A8%E5%86%8C.jpg)
![输入图片说明](public/image-readme/%E7%9F%AD%E4%BF%A1%E7%99%BB%E5%BD%95.jpg)
![输入图片说明](public/image-readme/%E5%AF%86%E7%A0%81%E7%99%BB%E5%BD%95.jpg)
**其他页面预览**
![输入图片说明](public/image-readme/%E6%A0%87%E7%AD%BE%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E8%8F%9C%E5%8D%95%E5%A4%9A%E7%BA%A7%E5%88%86%E7%B1%BB.jpg)
![输入图片说明](public/image-readme/%E8%8F%9C%E5%8D%95%E7%AE%A1%E7%90%86%E5%8F%8A%E5%A2%9E%E6%94%B9.jpg)
![输入图片说明](public/image-readme/%E5%8F%82%E6%95%B0%E7%AE%A1%E7%90%86.jpg)
![操作日志](public/image-readme/%E6%93%8D%E4%BD%9C%E6%97%A5%E5%BF%97.jpg)
![输入图片说明](public/image-readme/%E5%BD%93%E5%89%8D%E7%94%A8%E6%88%B7%E4%B8%AA%E4%BA%BA%E4%BF%A1%E6%81%AF.jpg)
![输入图片说明](public/image-readme/%E5%A4%9A%E7%A7%8D%E4%BA%91%E5%AD%98%E5%82%A8%E9%85%8D%E7%BD%AE.jpg)
![输入图片说明](public/image-readme/%E5%88%86%E7%B1%BB%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E5%85%B3%E4%BA%8E%E6%88%91%E8%AF%A6%E6%83%85.jpg)
![输入图片说明](public/image-readme/%E5%85%B3%E6%B3%A8%E6%88%91%E4%BB%AC.jpg)
![输入图片说明](public/image-readme/%E8%A7%92%E8%89%B2%E6%A0%91%E7%8A%B6%E5%88%86%E9%85%8D%E6%9D%83%E9%99%90%E5%8F%8A%E8%8F%9C%E5%8D%95%E6%9D%83%E9%99%90.jpg)
![输入图片说明](public/image-readme/%E8%AF%84%E8%AE%BA%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E5%89%8D%E5%8F%B0%E5%AF%BC%E8%88%AA%E6%A0%8F%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E6%A0%91%E7%8A%B6%E6%9D%83%E9%99%90%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public![输入图片说明](public/image-readme/%E7%B3%BB%E7%BB%9F%E9%85%8D%E7%BD%AE.jpg)/image-readme/%E6%B7%BB%E5%8A%A0-%E4%BF%AE%E6%94%B9%E5%88%86%E7%B1%BB.jpg)
![输入图片说明](public/image-readme/%E6%B7%BB%E5%8A%A0-%E4%BF%AE%E6%94%B9%E9%97%AE%E7%AD%94.jpg)
![输入图片说明](public/image-readme/%E6%B7%BB%E5%8A%A0-%E4%BF%AE%E6%94%B9%E4%B8%93%E9%A2%98.jpg)
![输入图片说明](public/image-readme/%E5%9B%BE%E7%89%87%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E5%9B%BE%E7%89%87%E7%B1%BB%E5%9E%8B.jpg)
![输入图片说明](public/image-readme/%E6%8E%A8%E8%8D%90%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E7%BD%91%E7%AB%99%E9%85%8D%E7%BD%AE.jpg)
![输入图片说明](public/image-readme/%E9%97%AE%E7%AD%94%E5%88%97%E8%A1%A8.jpg)
![输入图片说明](public/image-readme/%E5%BC%82%E5%B8%B8%E6%97%A5%E5%BF%97.jpg)
![输入图片说明](public/image-readme/%E7%94%A8%E6%88%B7%E5%88%97%E8%A1%A8%E5%8F%8A%E5%A2%9E%E6%94%B9.jpg)
![输入图片说明](public/image-readme/%E7%94%A8%E6%88%B7%E6%97%A5%E5%BF%97.jpg)
![输入图片说明](public/image-readme/%E4%B8%93%E9%A2%98%E7%AE%A1%E7%90%86.jpg)
![输入图片说明](public/image-readme/%E4%B8%93%E9%A2%98%E5%88%97%E8%A1%A8.jpg)
![输入图片说明](public/image-readme/%E8%B5%84%E6%BA%90%E7%AE%A1%E7%90%86.jpg)