---

前言

一、项目背景

1.个人博客项目通过“前后端分离”的方式，这种方式的特点是服务器不关注页面内容，而只是给网页端提供数据；网页端通过ajax的方式和服务器之间交互数据，网页拿到数据之后再根据数据的内容渲染到页面上。从而通过前后端分离的方式来实现博客系统的编写和各种博客系统功能的实现。

2.前端主要有四个页面构成：登录页、列表页、详情页以及编辑页，以上模拟实现了最简单的个人博客系统。其结合后端实现了以下的主要功能：登录、编辑博客、注销、删除博客、以及强制登录等功能。

3.该个人博客项目系统可以实现个人用户简单的博客记录，时间、标题、内容以及发布者等都可以进行详细地查看。

---

二、项目功能

个人博客项目系统主要实现了以下几个功能：登录、注销、编写博客、删除博客等功能。

---

1. 博客登录页：用户名和密码已经通过后端写入了数据库，即：用户名以及密码是已经存在的，没有实现账户注册功能。登录成功后就会跳转到博客列表的页面。在右上角存在主页和写博客两个按钮，但是在未登录情况下按下均只会跳转到登录页面。
2. 博客列表页：在右上角有主页、写博客和注销三个功能：主页即列表页，写博客即博客编辑页，注销即注销用户，回到登录页面。可以在列表页查看有限数量的博客简介，其包括博客标题、发布时间以及内容概要。
3. 博客详情页：在列表页面点击“查看全文”按钮就会跳转到详情页，此时就可以看到该篇博客的完整内容。右上角有主页、写博客、删除和注销四个功能：删除即删除该篇博客，删除之后就会跳转到列表页面，该篇博客就被成功删除。
4. 博客编辑页：登录之后的在界面点击“写博客”后就会进入到博客编辑页面，此时就可以进行博客的编写，点击“发布文章”后可以成功发布文章，此时就会跳转到博客列表页。

---

三、测试用例

3.1 个人博客项目测试用例设计

3.1.1 博客登录页测试用例设计

博客登录页测试用例分析：
针对博客登录页面可以从界面测试和登录功能测试两个方面进行编写。需要对页面的布局进行判断是否合理；并且对登录功能的各种情况做出详细全面的分析。

---

3.1.2 博客列表页测试用例设计

博客列表页测试用例分析：
针对博客列表页面可以从界面测试和登录功能测试两个方面进行编写。对页面的布局首先判断是否完整；还应该针对是否登录的状态进行全面的分析。

---

3.1.3 博客详情页测试用例设计

博客详情页测试用例分析：
针对博客详情页面可以从登录功能测试方面进行编写。

应该判断用户是否登录，登录正常内容要正确显示；未登录则应该看是否强制跳回登录页面

---

3.1.4 博客编辑页测试用例设计

博客编辑页测试用例分析：
博客编辑页最为复杂，需要测试能否从其他页面能正常打开；还要讨论博客的编辑情况是否正确。如果是未登录状态则会强制回到登录页面。

---

3.2 个人博客项目测试用例设计总览图

---

总结