项目背景
博客系统采用前后端不分离的方法来实现，同时使用了数据库来存储相关的数据，且已将其部署到云服务器上。前端主要有五个页面构成：登录页，文章列表页，文章详情页，文章编辑（修改）页和文章发布页。以上模拟实现了最简单的博客系统。其实现了以下的主要功能：登录、新增文章、对自己文章的删改查、查看他人文章、注销登录并使用Jwt完成了令牌登录校验等功能。
但该项目没有注册账号，点赞文章，筛选文章等功能，且用户没法自行设置头像
项目功能
该博客系统主要实现了以下几个功能：登录、注销、回到主页（文章列表页）、写文章、修改/删除自己的文章、查看文章详情、且支持MD编辑器。
- 登录功能：由于没有注册功能，用户名以及密码只能在数据库写死，直接输入给出的用户名和密码登录即可。但是在未登录（如：Token过期）情况下按下点击任意按钮或刷新页面均会跳转到登录页面。
- 注销功能：用户在任意界面点击右上角“注销”按钮，回到登录页面。
- 回到主页（文章列表页）功能：用户在任意界面点击右上角“主页”按钮，进入文章列表页。
- 写博客功能：用户在任意界面点击右上角“写文章”按钮，进入写文章页面。
- 修改/删除博客功能：用户在查看自己写的文章时会显示“编辑”和“删除”按钮，点击“编辑”按钮会进入编辑页面，点击“更新文章”按钮会提示“修改成功”，再点击“确认”按钮后会自动跳转至文章列表页并展示更新的内容；点击“删除”按钮会提示“删除成功”，再点击“确认”按钮后会自动跳转至文章列表页，且刚才查看的文章已不再展示。
- 查看博客功能：用户在文章列表页可以看到每篇文章下面都有“查看全文>>”按钮，点击该按钮进入文章详情页，页面包括文章作者信息，文章第一次发布的时间等。
功能测试
①登录功能测试
由于没有实现注册功能，所以我们的用户名和密码都是在数据库里写死的，所以只能用系统原始的数据进行登录
执行步骤: 访问网站-> 输入用户名及密码 ->单击"提交"
测试过程部分截图：
输入用户名为空：
输入不存在的用户：
②发布博客功能测试
不填写标题，发布失败：
③删除文章功能测试
从前端看的话，如果我们登录的用户并不是该篇博客的作者，是不会显示 编辑 和 删除 这两个按钮的，但是此处可以进行思维扩展：我们也是可以通过其他工具去向后端发送请求执行删除文章操作的，此处就发现了一处bug。
可以看到此处我们登录的是 lisi 用户，在前端展示和我们预期的一样，隐藏了编辑和删除按钮，但是当我们用Postman进行后端接口测试的时候却发现了问题：
我们用 lisi 账户登录后所携带的令牌去删除作者是 zhangsan 的博客，后端居然请求成功了，再到数据库里查看数据，发现博客已经被逻辑删除了，这样的情况相当于我拿着自己家的钥匙开了别人家的门，所以此处肯定是不安全的，应该进行代码层面上的逻辑校验
④功能测试总结：
用户登录测试用例表
| 用例名称 | 用户登录功能 |
|---|---|
| 测试目的 | 测试用户能通过系统给定的的用户名和密码进行登录 |
| 测试前提 | 用户处于博客系统登录页 |
| 测试流程 | 1)进入登录页面 2)输入事先准备的测试数据（用户名和密码） |
| 预期结果 | 输入正确的用户名和密码时，成功跳转至博客列表页，反之则弹出相应的错误对用户进行提示 |
| 实际结果 | 与预期结果基本一致 |
发布文章测试用例表
| 用例名称 | 发布文章功能 |
|---|---|
| 测试目的 | 测试用户能通过在登陆后进行博客的编写及发布 |
| 测试前提 | 用户已登录 |
| 测试流程 | 1)登录博客系统 2)进入博文编辑页 3)输入事先准备的测试数据 (博文内容) 4)单击发布博文 |
| 预期结果 | 如果输入了标题内容，就能进行发布，反之则发布失败，对用户进行弹窗提示 |
| 实际结果 | 与预期结果基本一致，提示信息需要补全 |
删除文章测试用例表
| 用例名称 | 删除文章功能 |
|---|---|
| 测试目的 | 测试用户在登录后能够删除自己的文章 |
| 测试前提 | 用户已登录，并且已经发表该文章 |
| 测试流程 | 1)登录博客系统 2)进入个人主页 3)单击查看全文4)单击删除博文 2. 使用postman工具调用删除博文接口 |
| 预期结果 | 用户只能对自己的博客进行删除操作 |
| 实际结果 | 与预期结果不一致，此处代码逻辑需进行更改 |
自动化测试
现采用Selenium搭配Junit一些Api对博客系统设计UI自动化测试用例,
主要针对核心功能： 用户登录、博文的查看及删除、用户注销登录 功能进行测试
自动化代码 码云：
由于该项目很早前就部署在服务器上了，并且服务器配置实在过低，会导致我们在进行自动化时有些资源很难加载完全，但经过很多遍测试发现在执行自动化测试的时候只要代码逻辑正确，代码还是能够跑的通的
本次自动化测试主要执行以下逻辑：用户错误登录->用户正确登录->用户发表博客->用户查看博客->用户删除博客用户注销
①前置准备
//工具类封装
public class Utils {public static WebDriver driver;public static WebDriver createDriver(){if (driver == null){//浏览器配置WebDriverManager.edgedriver().setup();EdgeOptions options = new EdgeOptions();//允许访问所有链接options.addArguments("--remote-allow-origins=*");options.setPageLoadStrategy(PageLoadStrategy.NORMAL);driver = new EdgeDriver(options);//设置隐式等待WebDriver.Timeouts wait = driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(5));}return driver;}public Utils(String url){driver = createDriver();driver.get(url);}}package tests;import common.Utils;
import org.openqa.selenium.Alert;
import org.openqa.selenium.By;
import org.openqa.selenium.UnhandledAlertException;import java.io.IOException;
//博客测试类
public class BlogTest extends Utils {private static String blog_system = "http://120.26.87.94:8080/blog_list.html";public BlogTest() {super(blog_system);}/*** 失败登录* @throws IOException* @throws UnhandledAlertException* @throws InterruptedException*/public void LoginFail() throws IOException, UnhandledAlertException, InterruptedException {driver.findElement(By.cssSelector("#username")).sendKeys("zhangsan");driver.findElement(By.cssSelector("#password")).sendKeys("1234");driver.findElement(By.cssSelector("#submit")).click();Thread.sleep(2000);String alertText = "";Alert alert = driver.switchTo().alert();alertText = alert.getText();Thread.sleep(2000);alert.accept();assert alertText.equals("密码错误");driver.navigate().refresh();}/*** 成功登录* @throws IOException*/public void LoginSuccess() throws IOException {//清空输入框driver.findElement(By.cssSelector("#username")).clear();driver.findElement(By.cssSelector("#password")).clear();//输入正确的用户名和密码driver.findElement(By.cssSelector("#username")).sendKeys("zhangsan");driver.findElement(By.cssSelector("#password")).sendKeys("123456");driver.findElement(By.cssSelector("#submit")).click();//查看注销按钮driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)"));//查看urlString expect = driver.getTitle();assert expect.equals("博客列表页");}/*** 编辑博客* @throws InterruptedException*/public void EditSuc() throws InterruptedException {driver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();String blogTitle = "Edit Test";driver.findElement(By.cssSelector("#title")).sendKeys(blogTitle);Thread.sleep(2000);driver.findElement(By.cssSelector("#submit")).click();Thread.sleep(2000);String title = driver.getTitle();assert title.equals("博客列表页");}/*** 查看博客*/public void ViewBlog() throws InterruptedException {driver.findElement(By.cssSelector("body > div.container > div.right > div:nth-child(1) > a")).click();Thread.sleep(2000);}/*** 注销用户*/public void Logout(){driver.findElement(By.cssSelector("body > div.nav > a:nth-child(6)")).click();driver.quit();}/*** 删除博客* @throws InterruptedException*/public void DeleteBlog() throws InterruptedException {driver.findElement(By.cssSelector("body > div.container > div.right > div > div.operating > button:nth-child(2)")).click();Thread.sleep(2000);Alert alert = driver.switchTo().alert();alert.accept();}}执行我们编写的自动化代码
自动化脚本执行界面：
博客系统自动化测试
性能测试
我们此处使用Jmeter提供的梯度压测功能对博客系统进行压测，由于服务器实在过于脆弱，此处将只设置20个线程数，以及一分钟的持续压测时间，对我们系统的 登录、查询博客列表、查询用户信息、查询作者信息以及添加博客这几个接口进行压测
配置好线程组之后我们在使用命令提示符，启动我们保存好的 .jmx 格式文件，并将其输出的测试报告文件及日志保存到我们指定的目录
按回车键执行以后，我们过一会就能在指定目录下查看其生成的性能测试报告了
双击生成的html文件，查看jmeter生成的性能测试报告了
可以看到我们发送的很多请求都调用失败了
可以看到基本都是一种异常
后来翻阅网上资料找到了解决方法：https://javaziliao.com/post/5948.html
