怎么做网站的图片跳转免费开源代码网站

项目名称	博客系统	版本号	/
发布类型	分级发布	测试负责人	王磊鑫
测试完成日期	5.12	联系方式	180xxxx2809
评审人	xxx、xxx、xxx、王磊鑫、xxx、xxx	批准人	x产品
评审日期		批准日期

1. 项目背景

随着互联网时代的发展，个人博客已成为知识分享、观点表达和个人品牌建设的重要平台。本人作为一名技术爱好者，希望通过搭建个人博客，实现对技术学习的总结沉淀，并为同频用户提供有价值的内容。同时，为了深度实践全栈开发技术，决定自主设计并开发一个兼具灵活性与扩展性的个人博客系统。

1.1 测试目标及测试任务概括

测试目标

本次测试围绕个人博客系统的功能性、兼容性、性能、界面、安全性及易用性展开，旨在验证系统是否满足设计预期和用户需求。

测试任务概括

基于测试目标，本次测试覆盖以下核心任务，采用黑盒测试、白盒测试、自动化测试与手动测试结合的方法测试博客的功能正确性、性能稳定性、安全可靠性、易用性以及兼容性是否达标。

1.2 被测的系统、代码及其文档信息

gitee链接：spring-blog · 王磊鑫/JAVA - 码云 - 开源中国

2. 测试安排

模块	子模块	前端	开发	提测时间	测试	工时	排期	进度	备注
登录	登录功能	xxx	xxx	5.12	王磊鑫	0.5d	5.13	测试完成
主页	博主信息、博客列表、导航栏	xxx	xxx	5.12	王磊鑫	0.5d	5.13	测试完成
写博客	博客编辑和发布	xxx	xxx	5.12	王磊鑫	1d	5.13	测试完成
博客详情页	博客详情页	xxx	xxx	5.12	王磊鑫	0.5d	5.133	测试完成

3. 测试分类

  3.1）功能测试

  3.1.1登录测试

（1）介绍：

         输入正确的账号和密码，就进入博客列表页，点击注销返回到博客登录界面

（2）界面展示

测试场景一：输入正确的账号，错误的密码（账号：lisi, 密码：123）

预期结果：弹窗显示密码错误

实际结果：弹窗显示密码错误

测试场景二：输入错误的账号，正确的密码（账号：www，密码：123456）

预期结果：弹窗显示用户不存在

实际结果：弹窗显示用户不存在

 

测试场景三：输入错误的账号、错误的密码（账号：www，密码：121） 

预期结果：弹窗显示用户不存在

实际结果：弹窗显示用户不存在

测试场景四：输入正确的账号和密码（账号：lisi，密码：123456）

预期结果：登录成功

实际结果：登录成功

3.1.2  博客主页

（1）博客主页介绍：登录成功跳转到博客主页，显示当前用户信息（头像，ID,Github地址,文章数量和分类），已经发布的博客（博客标题，时间，内容，查看全文）

（2）测试用例

界面展示：

测试场景一：查看用户信息（头像，ID，Github，文章数量以及分类） 

预期结果：查看用户信息（头像，ID,Github,文章数量，和分类),已经发布的博客（博客标题，时间，内容，查看全文）显示正确

实际结果：查看用户头像，ID,Github和已经发布的博客（博客标题，时间，内容，查看全文)显示正确。博客数量和分类显示错误

测试场景二：点击主页

预期结果：跳转到博客主页

实际结果：跳转到博客主页

测试场景三：点击写博客

预期结果：跳转到编写博客页

实际结果：跳转到编写博客页

 

测试场景四：点击查看全文

预期结果：进入博客详情页

实际结果：进入博客详情页

测试场景五：点击github地址

预期结果：跳转到github页面

实际结果：跳转到github页面

测试场景六：点击注销

预期结果：返回登陆界面 

实际结果：返回登陆界面 

  3.1.2  博客详情页

（1）博客详情页介绍：在博客主页任意点击一篇博客的查看全文就可以跳转到博客详情页，显示这篇博客的所有内容，有编辑删除按钮，只有该博客的作者才有编辑删除的权限

（2）测试用例：

界面展示：

测试场景一：查看自己写的博客

预期结果：显示博客标题，修改时间，博客内容，有编辑删除按钮
实际结果：显示博客标题，修改时间，博客内容，有编辑删除按钮

3.1.2  博客详情页

（1）介绍：点击右上角的写博客按钮，进入博客编辑页面，可以进行写新的博客和编辑旧的博客

（2）测试用例：

界面展示：

测试场景一：输入文章标题：selenium,文章内容：软件测试，点击发布文章

预期结果：文章正确发布，跳转博客主页显示，文章数量增加

实际结果：文章正确发布，跳转博客主页显示，文章没有增加

测试场景二：未输入文章标题，填写文章内容，点击发布文章

预期结果： 发布成功，文章数量增加，跳转博客主页

实际结果： 发布成功，文章数量增加，跳转博客主页

 测试场景三：输入文章标题，未填写文章内容，点击发布文章

预期结果： 发布成功，跳转博客主页

实际结果：发布成功，跳转博客主页

功能测试结果：测试用例100%通过。

3.2）自动化测试

• 自动化测试覆盖模块：登录界面、首页、博客编辑页面、博客详情页面等。

• 自动化测试环境和工具：

        系统：win11系统，

        浏览器版本：chrome136.0.7103.93（正式版本）,

        语言：java ，

        测试工具： Selenium4.32.0 (May 02, 2025)

• 自动化代码示例：BlogAutoTest · 王磊鑫/JAVA - 码云 - 开源中国

• 自动化测试用例数量：20

• 自动化测试结果：pass：18/20, fail：2/20        

• 自动化测试问题是否修复：是

4.遗留风险

        测试时间紧张，先保证博客系统主功能没有问题，可能存在细节测试不到位等风险

5.测试结果评估

1）主功能测试通过，项目可以上线

2）项目上线后高优观察线上数据，查看线上用户操作日志，及时跟进用户反馈