一、项目背景
- 1.个人博客系统采用前后端分离的方法来实现,同时使用了数据库来存储相关的数据,同时将其部署到云服务器上,前端主要有四个页面构成:登录页、列表页、详情页以及编辑页,以上模拟实现了最简单的个人博客系统。其结合后端实现了以下的主要功能:注册, 登录、编辑博客、注销、删除博客等功能。
- 2.但是该项目没有设计用户注册功能,只能提前在数据库中存储用户信息后经过校验登录;并且用户头像不能自己设定,在进行前端页面的书写过程中已经将头像的图片写为静态了;而用户信息中的文章数以及分类数也没有在后端中具体实现,直接在前端页面中写为了静态的。
- 3.该个人博客系统可以实现个人用户简单的博客记录,时间、标题、内容以及发布者等都可以进行详细地查看.
二 、项目功能
该个人博客系统主要实现了以下几个功能: 登录、注销、写博客以及删除博客等功能。
1.登录功能:用户名以及密码已经在后端写入了数据库,没有实现账户注册功能,即:用户名以及密码是已经存在的、登录成功后就会跳转到列表页面。在右上角存在主页和写博客两个按钮,但是在未登录情况下按下均只会跳转到登录页面。
2.列表页面:可以在列表页查看有限数量的博客简介,其包括博客标题、发布时间以及内容概要。在左侧可以看到登录的用户以及文章数、分类数等的模块。在右上角有主页、写博客和注销三个功能:主页即列表页,写博客即博客编辑页,注销即注销用户,回到登录页面。
3.详情页面:在列表页面点击“查看全文”按钮就会跳转到详情页,此时就可以看到该篇博客的完整内容。在右上角同样有主页、写博客、删除和注销四个功能: 删除即删除该篇博客,删除之后就会跳转到列表页面,该篇博客就被成功删除。4、写客:在登录之后的任意界面点击“写博客"之后就会进入博客编辑页面,此时就可以进行博客的编写,点击“发布文章”后就可以成功发布文章,此时就会跳转到列表页
三 、功能测试
1. 测试用例
2. 实际测试的部分操作截图
<1> 正常注册
<2> 正常登录
<3> 写博客测试
<4> 修改文章
<5> 删除文章
[你好,陌生人] 这篇文章成功删除
<6> 注销,点击注销按钮,返回登陆界面
注销成功