当前位置： 首页 > news >正文

网站下的源代码和自己做的区别做黄金比较专业的网站

news 2025/10/19 18:36:39
网站下的源代码和自己做的区别,做黄金比较专业的网站,网站开发交易网站,如何分析一个网站建设策划案文章目录 一. 项目简介二. 测试概要三. 测试环境四. 测试执行概况及功能测试1. 手工测试1.1 手动测试用例编写1.2 执行的部分测试用例 2. 自动化测试Selenium2.1 编写测试用例2.2 自动化测试代码 3. 测试结果 五. 发现的问题 一. 项目简介 简朴博客系统是采用前后端分离的方式…

文章目录

  • 一. 项目简介
  • 二. 测试概要
  • 三. 测试环境
  • 四. 测试执行概况及功能测试
    • 1. 手工测试
      • 1.1 手动测试用例编写
      • 1.2 执行的部分测试用例
    • 2. 自动化测试Selenium
      • 2.1 编写测试用例
      • 2.2 自动化测试代码
    • 3. 测试结果
  • 五. 发现的问题

一. 项目简介

简朴博客系统是采用前后端分离的方式来实现的，是基于 SpringFrameWork 和 MyBatis 框架实现的一个简易的博客发布网站，同时将其部署到了云服务器上。

目前博客系统主要实现了户的注册登录，文章的编写、发布，以及对自己文章的查看、修改、删除操作，个人文章列表及文章数统计这些；还可以分页显示所有作者汇总的文章列表，显示文章阅读量等。

使用 IDEA 开发，项目用到的技术有，SpringBoot， SpringMVC， MyBatis， MySQL， Redis， Lombok，HTML，CSS，JavaScript，jQuery 等。

二. 测试概要

测试对象：基于 SSM 项目的博客系统。

测试目的：校验博客项目功能是否符合自己的预期。

测试点：主要针对常用的主流程功能进行测试，如：注册、登录、汇总博客列表页、博客编辑页、个人博客列表页、导航栏组件等涉及到的功能。

测试方法和工具：主要是黑盒测试，自动化工具使用 Selenium 和 Junit。

三. 测试环境

硬件：Lenovo Yoga 14S 2021（R7-5800H/16GB/512GB/集显）。

浏览器：Google Chrome 版本 119.0.6045.160（正式版本） （64 位）。

操作系统：Windows 11。

测试工具：Selenium3 和 Junit5。

四. 测试执行概况及功能测试

1. 手工测试

1.1 手动测试用例编写

♨️注册页

在这里插入图片描述

♨️登录页

在这里插入图片描述

♨️个人博客列表页
在这里插入图片描述

♨️博客详情页

在这里插入图片描述

♨️博客编辑页
在这里插入图片描述

1.2 执行的部分测试用例

  1. 🍂登录页：界面能否正常加载，输入正确 / 错误的账号、密码是否能得到预期的响应。
    1️⃣界面能否正常加载。img
    2️⃣账号正确，密码错误。
    预期结果：弹窗提示：“出错了: 登录失败, 请重新操作! 用户名或密码错误! ”。
    实际结果如下：
    img
    3️⃣账号正确，密码为空。
    预期结果：弹窗提示：“请输入密码! ”。
    实际结果如下：
    img
    4️⃣账号正确，密码正确。
    预期结果：页面跳转至个人博客列表页。
    实际结果如下：
    img
  2. 个人博客列表页：检测界面是否符合预期，点击“查看全文”按钮是否能跳转到对应的博客详情页，点击“修改”按钮是否能跳转到博客编辑页并获取到待修改的标题和内容，点击“删除”按钮是否能成功删除文章，点击“注销”是否能退出登录。
    1️⃣界面显示符合预期。
    img
    2️⃣点击“查看全文”按钮是否能跳转到对应的博客详情页。
    预期结果：进入到对应的博客详情页，且能够正确加载文章内容。
    实际结果如下：
    img
    3️⃣点击“修改”。
    预期结果：点击修改后跳转到文章编辑页。
    实际结果如下：
    img
    4️⃣点击“删除”。
    预期结果：点击删除后文章被删除。
    实际结果如下：
    img5️⃣点击“注销”是否能退出登录。
    预期结果：点击注销后退出跳转到登录页面。
    实际结果如下：
    img

2. 自动化测试Selenium

2.1 编写测试用例

在这里插入图片描述

2.2 自动化测试代码

🍂引入依赖：selenium，commons-io，junit，suite，engine。

<dependencies><!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java --><dependency><groupId>org.seleniumhq.selenium</groupId><artifactId>selenium-java</artifactId><version>3.141.59</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.11.0</version></dependency><!-- https://mvnrepository.com/artifact/org.junit.jupiter/junit-jupiter-api --><dependency><groupId>org.junit.jupiter</groupId><artifactId>junit-jupiter-api</artifactId><version>5.9.2</version><scope>test</scope></dependency><!-- https://mvnrepository.com/artifact/org.junit.jupiter/junit-jupiter-params --><dependency><groupId>org.junit.jupiter</groupId><artifactId>junit-jupiter-params</artifactId><version>5.9.2</version></dependency><!-- https://mvnrepository.com/artifact/org.junit.platform/junit-platform-suite --><dependency><groupId>org.junit.platform</groupId><artifactId>junit-platform-suite</artifactId><version>1.9.1</version></dependency><!-- https://mvnrepository.com/artifact/org.junit.jupiter/junit-jupiter-engine --><dependency><groupId>org.junit.jupiter</groupId><artifactId>junit-jupiter-engine</artifactId><version>5.9.1</version></dependency>
</dependencies>

🍂初始化工具类InitAndEnd。

import org.apache.commons.io.FileUtils;
import org.junit.jupiter.api.AfterAll;
import org.junit.jupiter.api.BeforeAll;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.List;public class InitAndEnd {static WebDriver webDriver;@BeforeAllstatic void SetUp() {// 创建 web 驱动webDriver = new ChromeDriver();}@AfterAllstatic void TearDown() {// 关闭 web 驱动webDriver.quit();}// 获取当前时间戳将截图按照时间保存public List<String> getTime() {// 文件夹以当天日期保存// 截图以当天日期-时间保存SimpleDateFormat sim1 = new SimpleDateFormat("yyyyMMdd");SimpleDateFormat sim2 = new SimpleDateFormat("yyyyMMdd-HHmmssSS");String dirname = sim1.format(System.currentTimeMillis());String filename = sim2.format(System.currentTimeMillis());List<String> list = new ArrayList<>();list.add(dirname);list.add(filename);return list;}// 获取屏幕截图，把所有的用例执行的结果保存下来public void getScreenShot(String str) throws IOException {List<String> list = getTime();String filename = "D:\\bit\\software_testing\\software-testing\\test-blog\\src\\main\\java\\com\\blog\\test" + list.get(0) + "\\" + str + "_" + list.get(1) + ".png";File srcfile = ((TakesScreenshot) webDriver).getScreenshotAs(OutputType.FILE);// 把屏幕截图生成的文件放到指定的路径FileUtils.copyFile(srcfile, new File(filename));}
}

🍂常用功能主流程测试：

🍁LoginSuccess.csv。

admin, admin, http://47.113.217.156:8080/myblog_list.html

🍁RegCases。

import org.junit.jupiter.api.Assertions;
import org.junit.jupiter.api.Order;
import org.junit.jupiter.params.ParameterizedTest;
import org.junit.jupiter.params.provider.CsvSource;
import org.openqa.selenium.By;import java.io.IOException;
import java.util.concurrent.TimeUnit;import static java.lang.Thread.sleep;public class RegCases extends InitAndEnd {@Order(1)@ParameterizedTest@CsvSource({"zhaoliu, 123, 123, http://47.113.217.156:8080/login.html"})void regSuccess(String username, String password, String againpassword, String login_url) throws InterruptedException, IOException {// 打开登录页webDriver.get(login_url);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 找到注册按钮并点击webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 输入注册的用户名和密码及确认密码webDriver.findElement(By.cssSelector("#username")).sendKeys(username);webDriver.findElement(By.cssSelector("#password")).sendKeys(password);webDriver.findElement(By.cssSelector("#password2")).sendKeys(againpassword);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 点击注册按钮webDriver.findElement(By.cssSelector("#submit")).click();sleep(3000);// 点击确认弹窗webDriver.switchTo().alert().accept();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 用新注册的账号进行登录// 输入账号 zhaoliuwebDriver.findElement(By.cssSelector("#username")).sendKeys(username);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 输入密码 123webDriver.findElement(By.cssSelector("#password")).sendKeys(password);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 点击登录按钮webDriver.findElement(By.cssSelector("#submit")).click();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 刚注册的账号登录后没有文章，验证是否有 “创作” 按钮String butt = webDriver.findElement(By.cssSelector("#artListDiv > h3 > a")).getText();String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);Assertions.assertEquals("创作", butt);}
}

🍁BlogCases。

import org.junit.jupiter.api.*;
import org.junit.jupiter.params.ParameterizedTest;
import org.junit.jupiter.params.provider.*;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;import java.io.IOException;
import java.util.concurrent.TimeUnit;
import java.util.stream.Stream;import static java.lang.Thread.sleep;@TestMethodOrder(MethodOrderer.OrderAnnotation.class)
public class BlogCases extends InitAndEnd {/*** 登录页：输入正确的账号，错误的密码，登录失败*/@Order(1)@ParameterizedTest@CsvSource({"admin, 123", "zhangsan, 666"})void LoginAbnormal(String username, String password) throws InterruptedException, IOException {// 打开登录页webDriver.get("http://47.113.217.156:8080/login.html");webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 输入账号和密码webDriver.findElement(By.cssSelector("#username")).sendKeys(username);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);webDriver.findElement(By.cssSelector("#password")).sendKeys(password);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 点击登录按钮webDriver.findElement(By.cssSelector("#submit")).click();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);sleep(300);//登录失败，出现弹窗//获取验证弹窗内容String text = webDriver.switchTo().alert().getText();String except = "出错了: 登录失败, 请重新操作! 用户名或密码错误！";webDriver.switchTo().alert().accept();String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);Assertions.assertEquals(except, text);}/*** 登录页：输入正确的账号，密码，登录成功*/@Order(2)@ParameterizedTest@CsvFileSource(resources = "LoginSuccess.csv")void LoginSuccess(String username, String password, String blog_list_url) throws IOException, InterruptedException {System.out.println(username + " " +  " " +password + " " +  blog_list_url);// 打开登录页webDriver.get("http://47.113.217.156:8080/login.html");webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 输入账号 adminwebDriver.findElement(By.cssSelector("#username")).sendKeys(username);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 输入密码 adminwebDriver.findElement(By.cssSelector("#password")).sendKeys(password);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 点击登录按钮webDriver.findElement(By.cssSelector("#submit")).click();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);sleep(3000);// 登录成功，跳转到个人列表页// 获取到当前页面 urlString methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);String cur_url = webDriver.getCurrentUrl();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 如果 url == http://47.113.217.156:8080/myblog_list.html，测试通过，否则测试不通过Assertions.assertEquals(blog_list_url, cur_url);}/*** 个人博客列表页：admin 账户登录后博客数量不为 0*/@Order(3)@Testvoid BlogList() throws IOException {// 打开个人博客列表页webDriver.get("http://47.113.217.156:8080/myblog_list.html");// 获取页面上所有博客标题对应的元素webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);int title_num = webDriver.findElements(By.cssSelector(".title")).size();// 如果元素数量不为 0，测试通过String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);Assertions.assertNotEquals(0 ,title_num);}/*** 个人博客列表页：查看全文* 博客详情页：* url* 博客标题* 页面 title 是 “博客详情”*/public static Stream<Arguments> Generator() {return Stream.of(Arguments.arguments("http://47.113.217.156:8080/blog_content.html","博客详情", "URL到页面: 探索网页加载的神秘过程"));}@Order(4)@ParameterizedTest@MethodSource("Generator")void BlogDetail(String expected_url, String expected_title, String expected_blog_title) throws IOException {// 打开个人博客列表页webDriver.get("http://47.113.217.156:8080/myblog_list.html");// 找到第一篇博客对应的查看全文按钮webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > a:nth-child(4)")).click();// 获取当前页面 urlwebDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);String cur_url = webDriver.getCurrentUrl();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 获取当前页面 titleString cur_title = webDriver.getTitle();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 获取博客标题String cur_blog_title = webDriver.findElement(By.cssSelector("#title")).getText();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);Assertions.assertEquals(expected_title, cur_title);Assertions.assertEquals(expected_blog_title, cur_blog_title);Assertions.assertTrue(cur_url.contains(expected_url));}/*** 博客编辑页：发布文章*/@Order(5)@Testvoid EditBlog() throws InterruptedException, IOException {// 打开个人博客列表页webDriver.get("http://47.113.217.156:8080/myblog_list.html");// 找到写博客按钮，点击webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 通过 Js 进行输入((JavascriptExecutor) webDriver).executeScript("document.getElementById(\"title\").value=\"自动化测试\"");sleep(3000);// 点击发布文章按钮webDriver.findElement(By.cssSelector("body > div.blog-edit-container > div.title > button")).click();sleep(3000);// 验证发布成功后的弹窗内容String cur_text = webDriver.switchTo().alert().getText();String expect_text = "文章添加成功! 是否继续添加文章? ";// 点击取消弹窗webDriver.switchTo().alert().dismiss();String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);Assertions.assertEquals(expect_text, cur_text);}/*** 汇总列表页：验证博客成功发布* 校验第一篇博客标题* 校验第一篇博客时间*/@Order(6)@Testvoid BlogInfoChecked() throws IOException {webDriver.get("http://47.113.217.156:8080/blog_list.html");// 获取第一篇博客标题String first_blog_title = webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > div.title")).getText();// 获取第一篇博客发布时间String first_blog_time = webDriver.findElement(By.xpath("//*[@id=\"artListDiv\"]/div[1]/div[2]")).getText();String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);// 校验博客标题是不是自动化测试Assertions.assertEquals("自动化测试", first_blog_title);// 如果时间是 2023-11-18 年发布的，测试通过Assertions.assertTrue(first_blog_time.contains("2023-11-18"));}/*** 个人列表页：删除刚刚发布的博客*/@Order(7)@Testvoid DeleteBlog() throws InterruptedException, IOException {// 打开个人博客列表页面webDriver.get("http://47.113.217.156:8080/myblog_list.html");// 点击删除按钮webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);webDriver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > a:nth-child(6)")).click();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);sleep(3000);webDriver.switchTo().alert().accept();// 删除后博客列表页第一篇博客标题不是 “自动化测试”String first_blog_title = webDriver.findElement(By.xpath("//*[@id=\"artListDiv\"]/div[1]/div[1]")).getText();// 校验当前博客标题不等于 “自动化测试”webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);Assertions.assertNotEquals(first_blog_title, "自动化测试");}//注销@Order(8)@Testvoid Logout() throws IOException {// 打开个人博客列表页面//点击注销webDriver.get("http://47.113.217.156:8080/myblog_list.html");webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);webDriver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();webDriver.switchTo().alert().accept();webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);// 校验 url 注销后进入登录页String cur_url = webDriver.getCurrentUrl();String methodName = Thread.currentThread().getStackTrace()[1].getMethodName();getScreenShot(methodName);Assertions.assertEquals("http://47.113.217.156:8080/login.html", cur_url);webDriver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);}
}

🍂RunSuite，通过 class 运行测试用例。

import org.junit.platform.suite.api.SelectClasses;
import org.junit.platform.suite.api.Suite;@Suite
@SelectClasses({RegCases.class, BlogCases.class,})
public class RunSuite {
}

3. 测试结果

测试通过，整体的主流程业务操作是没有问题的。

img

测试截图如下：

img

img

img

img

img

img

img

img

img

img

img

五. 发现的问题

🎯手工测试过程中发现的问题。

🍂问题描述：

博客汇总页在未登录的情况下，点击“我的”按钮，结果不符合预期。

预期结果：直接跳转到登录页。

实际结果：有时候会出现弹窗提示错误，关闭弹窗后也不能直接跳转到登录页，需要刷新页面才能成功跳转。

🍂原因分析：

问题的根本原因可能在于异步请求的特性和后端拦截器的重定向，异步请求是非阻塞的，即在请求发送的过程中，代码会继续往下执行而不会等待请求完成。

在拦截器中使用response.sendRedirect进行重定向时，实际上是在响应中设置了一个重定向的状态，但对于异步请求而言，这个重定向的状态可能无法被正确处理，导致浏览器不会直接跳转到登录页，因为异步请求的结果是在JavaScript中处理的，而不是在浏览器地址栏中执行的。

这就导致了在异步请求中执行重定向时，可能会产生不确定的行为，因为重定向的结果可能无法按照预期顺序执行。

🍂造成问题的代码定位：

img

img

🍂解决方案：

修改前端代码，通过 JS 在 success 回调中判断返回的 res 中的code，如果是未登录状态，则手动跳转到登录页，以此来规避异步请求中可能产生的问题，确保在未登录时能够及时跳转到登录页。

img

🎯自动化程序编写过程碰到的问题：

一些自动化操作是不能在弹窗的情况下完成操作的（比如截图），如果在测试程序执行报unexpected alert open: {Alert text : ...}这种异常，那么就是你没有将弹窗关闭掉，可以使用 accept() 方法确认弹窗或者 dismiss() 取消弹窗后再执行相关操作。

http://www.yayakq.cn/news/878819/

相关文章：

  • 简约 网站 设计充值代理平台
  • 中国空间站建造完成网站广告如何做
  • 网站建设福建wordpress知更鸟
  • 博物馆网站 建设方案内蒙古建设厅官网站
  • v2ex 网站建设上海广告公司排名前十强
  • 导购分享网站模板广州建设工程造价信息网
  • 静态网站开发网站做外贸c2c网站有哪些
  • ftp跟网络连接Wordpress网站路径优化
  • 网站建设更新不及时杭州网站建设方案推广
  • 建设网站需要几部分靖江做网站哪家好
  • 一般做网站是用什么程序做的50强网站建设公司
  • 推荐几个高端大气上档次网站免费的设计网站有哪些
  • 个人博客网站开发背景论文免费源码资源
  • 如何搭建自己的网站手机制作网站软件下载
  • 网站空间根目录百度投诉中心电话
  • 怎么提升网站排名舆情监控系统
  • 专业网站开发报价取代wordpress
  • 科技类公司网站设计网站服务器建设合同范本
  • 微网站 举例网络网站维护费怎么做会计分录
  • 如何做网站安全加固北京 网站建设 公
  • 网站策划公司前端电商网站设计论文
  • 深圳网站建设好网站备案添加APP备案
  • 建设一个新的网站需要准备什么网站基础三要素
  • 网站建设公司发展网站文章好几天不收录
  • 湖北创研楚商网站建设销售人员阿土伯 是做网站的吗
  • html网站登录界面模板下载企业做网站还是做平台好
  • 中建西部建设网站创建个人微信公众号
  • 网站备案一般由谁来做内容营销的核心
  • 什么网站做风险投资网页设计专业考研科目
  • 策划书网站东莞网站建设企慕