项目背景

  • 博客系统采用前后端分离的架构实现。前端主要有四个页面构成:登录页、博客列表页、博客详情页、博客编辑页面,上面四个页面模拟实现了最简单的博客系统。结合后端,实现了登录、发布博客、编辑博客、删除博客、注销、强制登陆功能。
  • 该博客系统可以实现个人用户简单的博客记录,发布时间、标题展示、内容详情以及作者信息都可以进行查看。

项目功能

该博客系统主要实现了:登录、注销、写博客、删除博客等功能。
  • 登录功能:用户名以及密码已经写入数据库,没有实现注册功能,需要注册新用户需要在数据库手动添加。在登陆成功后会进入博客列表页面,登录页面右上角存在“主页”、“写博客”两个按钮;如果没有登陆就直接访问列表页会直接跳转到登陆页面。
  • 列表页面:在列表页面可以看到有限数量的博客,每一个博客包括:标题、发布时间、内容概要以及查看全文按钮;列表页左侧是用户信息,存在头像、昵称、文章以及文章分类数;列表页面右上角存在“主页”、“写博客”、“注销”三个按钮,主页就是列表页面,写博客是编辑页面,注销就是退出登录,返回登陆页面。
  • 详情页面:在列表页面点击“查看全文”按钮会跳转到博客详情页面,此时会看到博客的全文内容。在博客详情页面同样会有博客标题、发布时间等信息;同时还存在编辑、删除按钮,右上角也同样存在“主页”、“写博客”、“注销”三个按钮。点击删除按钮会在完成删除后跳转到列表页面,点击编辑按钮会进入编辑模式,左边是编辑前的样式,右边会同步显示编辑后的样式,编辑完成后点击“更新文章”按钮,会跳转到列表页面。
  • 写博客页面:点击“写博客”按钮会进入编辑页面,此时就可以进行博客编写,点击“发布文章”按钮,发布后会跳转到列表页面。

测试计划

功能测试

  • 测试用例(脑图展示)
    image

  • 实际测试执行步骤部分展示

  1. 正常登录
    image
  2. 写博客测试
    image
  3. 博客发布后进入详情页进行查看
    image
  4. 删除博客
  • 刚才2026-02-09 20:14发布的那篇文章就被删除
    image
  1. 点击“注销”按钮成功回到登录页面
    image

接口自动化测试

性能测试

  • 使用jmeter进行简单的性能测试,在这个过程中需要使用postman进行配合,获取相关请求头信息。
  • 添加http请求默认值
    image
  • 添加HTTP信息头管理器
    image
  • 模拟多组用户登录
    image

image

  • 登录接口
    image
    • 使用JSON断言判断获取到的token是否符合要求
      image
  • 列表接口

image

  • 详情页接口

image

  • 结果展示
    image

  • 使用命令Jmeter -n -t 博客系统性能测试.jmx -l test.jtl -e -o reports在终端生成测试报告
    image

  • jmeter测试结果链接

测试需要注意的点

  • 在登录成功后,会得到如下数据:
    image
  • 其中"data"中的数据在后面所有页面都需要使用,并且该data数据是动态变化的,我们可以使用正则表达式来获取并进行校验。
  • 使用jmeter性能测试,接口的url地址都是以http://47.108.157.13:8090开始,因此使用Http请求默认值进行统一设置来节省测试时间,避免重复配置。

原文地址: http://www.cveoy.top/t/topic/qFVN 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录