248 lines
12 KiB
Markdown
248 lines
12 KiB
Markdown
<p align="center">
|
||
<img alt="logo" src="ruoyi-ui/public/favicon.ico">
|
||
</p>
|
||
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Blog</h1>
|
||
<h4 align="center">基于RuoYi-Vue 平台开发的博客网站</h4>
|
||
<p align="center">
|
||
<a target="_blank" href="https://www.cnblogs.com/Ning-Blog/">
|
||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTA4IiBoZWlnaHQ9IjIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IuWNmuWuouWbrTogU21pbGVUb0NvZGUiPjx0aXRsZT7ljZrlrqLlm606IFNtaWxlVG9Db2RlPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSIxMDgiIGhlaWdodD0iMjAiIHJ4PSIzIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjcikiPjxyZWN0IHdpZHRoPSI0MyIgaGVpZ2h0PSIyMCIgZmlsbD0iIzU1NSIvPjxyZWN0IHg9IjQzIiB3aWR0aD0iNjUiIGhlaWdodD0iMjAiIGZpbGw9IiM0YzEiLz48cmVjdCB3aWR0aD0iMTA4IiBoZWlnaHQ9IjIwIiBmaWxsPSJ1cmwoI3MpIi8+PC9nPjxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJWZXJkYW5hLEdlbmV2YSxEZWphVnUgU2FucyxzYW5zLXNlcmlmIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBmb250LXNpemU9IjExMCI+PHRleHQgYXJpYS1oaWRkZW49InRydWUiIHg9IjIyNSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj7ljZrlrqLlm608L3RleHQ+PHRleHQgeD0iMjI1IiB5PSIxNDAiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiBmaWxsPSIjZmZmIiB0ZXh0TGVuZ3RoPSIzMzAiPuWNmuWuouWbrTwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iNzQ1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSI1NTAiPlNtaWxlVG9Db2RlPC90ZXh0Pjx0ZXh0IHg9Ijc0NSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgZmlsbD0iI2ZmZiIgdGV4dExlbmd0aD0iNTUwIj5TbWlsZVRvQ29kZTwvdGV4dD48L2c+PC9zdmc+" ></img>
|
||
</a>
|
||
<a target="_blank" href="https://gitee.com/Ning310975876/ruo-yi-vue-blog/blob/master/LICENSE">
|
||
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzgiIGhlaWdodD0iMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0ibGljZW5zZTogTUlUIj48dGl0bGU+bGljZW5zZTogTUlUPC90aXRsZT48bGluZWFyR3JhZGllbnQgaWQ9InMiIHgyPSIwIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmJiIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9InIiPjxyZWN0IHdpZHRoPSI3OCIgaGVpZ2h0PSIyMCIgcng9IjMiIGZpbGw9IiNmZmYiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNyKSI+PHJlY3Qgd2lkdGg9IjQ3IiBoZWlnaHQ9IjIwIiBmaWxsPSIjNTU1Ii8+PHJlY3QgeD0iNDciIHdpZHRoPSIzMSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzk3Y2EwMCIvPjxyZWN0IHdpZHRoPSI3OCIgaGVpZ2h0PSIyMCIgZmlsbD0idXJsKCNzKSIvPjwvZz48ZyBmaWxsPSIjZmZmIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iVmVyZGFuYSxHZW5ldmEsRGVqYVZ1IFNhbnMsc2Fucy1zZXJpZiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgZm9udC1zaXplPSIxMTAiPjx0ZXh0IGFyaWEtaGlkZGVuPSJ0cnVlIiB4PSIyNDUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjM3MCI+bGljZW5zZTwvdGV4dD48dGV4dCB4PSIyNDUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjM3MCI+bGljZW5zZTwvdGV4dD48dGV4dCBhcmlhLWhpZGRlbj0idHJ1ZSIgeD0iNjE1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIyMTAiPk1JVDwvdGV4dD48dGV4dCB4PSI2MTUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIGZpbGw9IiNmZmYiIHRleHRMZW5ndGg9IjIxMCI+TUlUPC90ZXh0PjwvZz48L3N2Zz4"></img>
|
||
</a>
|
||
</p>
|
||
|
||
|
||
## 介绍
|
||
|
||
基于**RuoYi-Vue**前后端分离基础平台开发的**博客网站**。
|
||
|
||
**支持多种编辑器：** Markdown 编辑器 CherryMarkdown ； 富文本编辑器 Quill、 Tinymce，支持标签分类检索，支持移动端和小程序
|
||
|
||
在线文档1：[https://310975876.github.io/docsify/](https://310975876.github.io/docsify/)
|
||
在线文档2：[https://ning310975876.gitee.io/docsify/](https://ning310975876.gitee.io/docsify/)
|
||
|
||
👍👍 感谢若依❤️❤️
|
||
|
||
**RuoYi-Vue** 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。
|
||
|
||
## 快速了解
|
||
|
||
Blog是基于RuoYi-Vue平台开发
|
||
RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架。
|
||
|
||
- RuoYi 官网地址：<a target="_blank" href="http://ruoyi.vip">http://ruoyi.vip(opens new window)</a>
|
||
- RuoYi 在线文档：<a target="_blank" href="http://doc.ruoyi.vip/ruoyi-vue">http://doc.ruoyi.vip/ruoyi-vue(opens new window)</a>
|
||
- RuoYi 源码下载：<a target="_blank" href="https://gitee.com/y_project/RuoYi-Vue">https://gitee.com/y_project/RuoYi-Vue(opens new window)</a>
|
||
- RuoYi 在线提问：<a target="_blank" href="https://gitee.com/y_project/RuoYi-Vue/issues">https://gitee.com/y_project/RuoYi-Vue/issues(opens new window)</a>
|
||
- RuoYi 博客：<a target="_blank" href="https://www.oschina.net/p/ruoyi">https://www.oschina.net/p/ruoyi(opens new window)</a>
|
||
|
||
## 系统需求
|
||
|
||
- JDK >= 1.8
|
||
- MySQL >= 5.7
|
||
- Maven >= 3.0
|
||
- Node >= 12
|
||
|
||
## 技术选型
|
||
|
||
1、系统环境
|
||
|
||
- Java EE 8
|
||
- Servlet 3.0
|
||
- Apache Maven 3
|
||
|
||
2、主框架
|
||
|
||
- Spring Boot 2.2.x
|
||
- Spring Framework 5.2.x
|
||
- Spring Security 5.2.x
|
||
|
||
3、持久层
|
||
|
||
- Apache MyBatis 3.5.x
|
||
- Hibernate Validation 6.0.x
|
||
- Alibaba Druid 1.2.x
|
||
|
||
4、视图层
|
||
|
||
- Vue 2.6.x
|
||
- Axios 0.21.x
|
||
- Element 2.15.x
|
||
|
||
## 内置功能
|
||
|
||
1. 用户管理：用户是系统操作者，该功能主要完成系统用户配置。
|
||
2. 部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。
|
||
3. 岗位管理：配置系统用户所属担任职务。
|
||
4. 菜单管理：配置系统菜单，操作权限，按钮权限标识等。
|
||
5. 角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。
|
||
6. 字典管理：对系统中经常使用的一些较为固定的数据进行维护。
|
||
7. 参数管理：对系统动态配置常用参数。
|
||
8. 通知公告：系统通知公告信息发布维护。
|
||
9. 操作日志：系统正常操作日志记录和查询；系统异常信息日志记录和查询。
|
||
10. 登录日志：系统登录日志记录查询包含登录异常。
|
||
11. 在线用户：当前系统中活跃用户状态监控。
|
||
12. 定时任务：在线（添加、修改、删除)任务调度包含执行结果日志。
|
||
13. 代码生成：前后端代码的生成（java、html、xml、sql）支持CRUD下载 。
|
||
14. 系统接口：根据业务代码自动生成相关的api接口文档。
|
||
15. 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
|
||
16. 缓存监控：对系统的缓存查询，删除、清空等操作。
|
||
17. 在线构建器：拖动表单元素生成相应的HTML代码。
|
||
18. 连接池监视：监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈。
|
||
|
||
## 新增功能
|
||
|
||
1. 内容管理：管理博客网站所有内容。
|
||
2. 文章管理：管理博客文章内容。
|
||
3. 随笔管理：管理博客随笔内容。
|
||
4. 分类管理：对博客分类的管理。
|
||
5. 标签管理：对博客标签的管理。
|
||
6. 留言管理：管理博客网站留言信息。
|
||
7. 评论管理：管理博客评论信息。
|
||
8. 文件管理：管理博客网站所有上传文件信息。
|
||
|
||
## 演示图
|
||
|
||
<table>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/首页.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/随笔.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/留言.jpg"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/文档首页.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/文档详情.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/博客详情.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/评论.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/文章管理.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/markdown编辑器.jpg"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/draw.io.jpg"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/分类管理.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/标签管理.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/留言管理.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/评论管理.jpg"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/文件管理.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/图片预览.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/后台首页1.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/后台首页2.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/附件管理.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/资源列表.png"/></td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
## 开发
|
||
|
||
```bash
|
||
# 克隆项目
|
||
git https://gitee.com/Ning310975876/ruo-yi-vue-blog.git
|
||
|
||
# 进入项目目录
|
||
cd ruoyi-ui
|
||
|
||
# 安装依赖
|
||
npm install
|
||
|
||
# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
|
||
npm install --registry=https://registry.npm.taobao.org
|
||
|
||
# 启动服务
|
||
npm run dev
|
||
```
|
||
|
||
浏览器访问 http://localhost:80
|
||
|
||
## 发布
|
||
|
||
```bash
|
||
# 构建测试环境
|
||
npm run build:stage
|
||
|
||
# 构建生产环境
|
||
npm run build:prod
|
||
```
|
||
|
||
|
||
|
||
----------
|
||
|
||
|
||
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Blog小程序（移动端可适配）</h1>
|
||
|
||
移动端地址：<a target="_blank" href="https://gitee.com/Ning310975876/photo-graphy-uniapp">https://gitee.com/Ning310975876/photo-graphy-uniapp</a>
|
||
|
||
**Blog文章分享/个人信息展示** 移动端 **博客网站**。
|
||
|
||
基于 RuoYi APP 移动端框架开发，一份代码多终端适配，同时支持APP、小程序、H5！
|
||
|
||
- 小程序体验
|
||
|
||
<img height="200" width="543" src="ruoyi-ui/public/systemImg/WeChatApplet.jpg" alt="小程序演示"/>
|
||
|
||
**演示图**
|
||
|
||
<table>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/欣然有你摄影列表页.jpg"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/欣然有你首页推荐.jpg"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/欣然有你详情页.jpg"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/欣然有你数据统计页.jpg"/></td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
|
||
----------
|
||
|
||
|
||
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">Blog移动端（旧版）</h1>
|
||
|
||
移动端地址：<a target="_blank" href="https://gitee.com/Ning310975876/ruo-yi-vue-blog-uniapp">https://gitee.com/Ning310975876/ruo-yi-vue-blog-uniapp</a>
|
||
|
||
**RuoYi-Vue-Blog** 移动端 **博客网站**。
|
||
|
||
基于 uniapp 开发，一份代码多终端适配，支持H5+支付宝小程序+微信小程序+APP
|
||
|
||
**演示图**
|
||
|
||
<table>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端首页.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端详情文章.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端详情评论.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端随笔.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端个人中心1.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端编辑资料.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端关于我们.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端应用设置.png"/></td>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端留言.png"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td><img src="ruoyi-ui/public/systemImg/移动端登录.png"/></td>
|
||
</tr>
|
||
|
||
</table>
|