hhu-blog操作说明手册

作者：

前端——白**

后端——**

项目概述

我们制作了一个简单的博客系统，用户端实现了登录注册，博客信息展示，评论，新增博客功能。管理端实现用户状态控制，博客信息与评论信息删除。

• 前端技术栈：Vue，Vue Router，Vuex，axios，mavon-editor
• 后端技术栈：Spring Cloud，Mybatis，ElasticSearch，Redis，RabbitMQ

操作说明

管理端

登录页面——只有管理员可以登录，只有管理员账号。

1. 输入手机号
2. 点击“发送验证码”
3. 输入验证码
4. 点击登录

【登录页面】

用户信息管理——用户信息可以修改状态，或者删除

1. 登录后，默认跳转到用户信息管理页面，也可以点击左侧导航栏用户信息管理进入。
2. 用户信息展示在右侧主体区域。用户信息包括：ID，用户名，手机号，性别，用户状态。
3. 点击编辑按钮，选择用户状态，分别为：启用，禁止评论，禁止发贴，封号。
4. 点击删除按钮，将删除用户，进行销号。

增加分页

【用户信息管理页面】

博客信息管理——博客只可以删除

1. 点击左侧导航栏“博客信息管理”，跳转到博客信息展示页面。
2. 博客信息包括：博客标题，作者，发布时间，简介和标签。
3. 点击删除按钮，可以删除博客。

可改进部分：

发布时间详细一点

增减简介数据，而不是将content直接传入

【博客信息管理页面】

评论信息管理——评论只可以删除

1. 点击左侧导航栏“评论信息管理”，跳转到评论信息展示页面。
2. 评论信息包括：评论博客标题，评论人，评论时间和评论内容。
3. 点击删除按钮，可以删除评论。

评论时间format

【评论信息管理页面】

用户端

博客列表页——展示博客列表信息

1. 主体展示为博客信息，点击博客跳转到博客详情页
2. 主体右侧展示为站长推荐信息
3. 点击顶部“写文章’按钮，进行登录校验，如果已经登录，跳转到写文章页面，如果未登录，跳转到登录页面。
4. 如果登录，右侧头像部分会展示用户名，并且渲染退出按钮
5. 如果未登录，右侧头像部分会展示"未登录"，并且不展示退出按钮

改进：

用户头像部分ui优化——hover时出现用户详细信息，退出登录按钮在hover出来的界面上

站长推荐算法优化展示——使用view属性，将浏览量高的数据返回10条

增加搜索框，支持标题搜索，用户搜索等

增加分页展示；或者站长推荐框fixed，主体部分无限循环

【博客列表页面】

博客详情页——展示博客详细信息

1. 主体展示博客详情信息，博客标题，博客作者，发布时间以及博客详细内容
2. 主体右侧为作者简介
3. 点击顶部“写文章’按钮，进行登录校验，如果已经登录，跳转到写文章页面，如果未登录，跳转到登录页面。
4. 底部评论区，输入评论内容后按回车键发送评论信息
5. 评论信息会在底部展示

增加作者相关文章推荐

【博客详情页】

登录页面

1. 输入手机号；点击“发送验证码”；输入验证码；点击登录，跳转到博客列表页面
2. 如果没有账号，点击底部“还没有账号，立刻注册”，跳转到注册页面

【登录页面】

注册页面

1. 输入用户信息
2. 点击发送验证码
3. 输入验证码
4. 点击注册即可跳转到登录页面

【注册页面】

博客编辑页面

1. 输入博客信息，点击发布
2. 选择博客标签，确认发布即可发布成功，跳转到博客列表页面

【博客编辑页面】