使用SSM框架实现个人博客管理平台以及实现Web自动化测试

文章目录

  • 前言
    • 1. 项目概述
    • 2. 项目需求
      • 2.1功能需求
      • 2.2 其他需求
      • 2.3 系统功能模块图
    • 3. 开发环境
    • 4. 项目结构
    • 5. 部分功能介绍
      • 5.1 数据库密码密文存储
      • 5.2 统一数据格式返回
      • 5.3 登录拦截器
    • 6. 项目展示
    • 7. 项目测试
      • 7.1 测试用例
      • 7.2 执行部分自动化测试用例

前言

在几个月前实现了一个servlet版本的博客系统,本项目则是在原有基础上进行升级。使用SSM框架、数据库密码使用加盐算法加密、使用Redis对session进行持久化存储从而支持分部式部署、通过拦截器实现用户登录校验、对于数据格式返回以及异常处理进行统一功能处理、增加分页以及点击量统计等功能。

1. 项目概述

用户进入主页可以看到他人发布的博客,同时也可以注册账号通过本平台编写发布博客,平台支持markdown编辑;用户也可以在个人中心修改个人信息,同时对博客可以随写随存以草稿形式,之后也可以发布修改草稿。用户可以通过博客的点击量,判断博客质量等等。

2. 项目需求

2.1功能需求

  • 登录与注册功能
  • 个人中心(查看、修改个人信息)
  • 查看博客详情
  • 编写个人博客
  • 修改个人博客
  • 删除个人博客
  • 草稿箱(保存博客为草稿,修改博客为草稿,发布草稿为博客,草稿增删改查)
  • 博客列表分页查询功能
  • 博客阅读量统计
  • 注销功能

2.2 其他需求

  • 系统界面有良好的视觉体验,营造美观舒适的界面;
  • 操作简单流畅,无可视卡顿;
  • 有良好的引导提示,增强用户体验;

2.3 系统功能模块图

在这里插入图片描述

3. 开发环境

1.前端开发:
技术:HTML、CSS、JavaScript
工具:IntelliJ IDEA 2021.3.1
2.后端开发:
服务器:tomcat-8.5.50
数据库:MySQL5.7
开发语言:Java
技术框架:SpringBoot、SpringMVC、Mybatis、Redis
管理工具:Maven
开发工具:Intellij IDEA 2020.1.4
操作系统:Windows10

4. 项目结构

Java源代码位于com.example.blog_system中;

  1. common包:设置统一数据格式返回代码(AjaxResult)、全局变量用于session存储(AppVariable)、密码加盐已经密码验证(PasswordUtils)、获取当前用户(UserSessionUtils)。
  2. config包:系统配置文件(Appconfig)用于设置登录拦截器规则、登录拦截器的实现(LoginIntercept)、数据返回增强,校验是否是统一格式返回不是则封装为统一格式(ResponseAdvice)
  3. controller包:控制层;连接页面请求和服务层,获取页面请求的参数,通过自动装配,映射不同的URL到相应的处理函数,并获取参数,对参数进行处理,之后传给服务层。关于博客文章的控制器(ArticleController),实现博客以及草稿的增删改查以及列表分页点击量统计等功能、关于用户的控制器(UserController)实现增删改查功能。
  4. entity包:实体类,定义文章以及用户属性,同时定义视图UserVo的属性。
  5. service包:服务层;为控制层提供服务,接受控制层的参数,完成相应的功能,并返回给控制层;
  6. mapper包:持久层;根据service相关功能定义与数据库相关的增删改查方法。

在这里插入图片描述

在resources包中保存着系统资源,其中:

  1. mapper:根据 com.example.blog_system.mapper中的方法实现sql语句的增删改查。
  2. static:存储系统的前端页面HTML,CSS样式,markdown编辑器,jquery等相关资源。

5. 部分功能介绍

5.1 数据库密码密文存储

基于spring框架提供的md5加密的基础上通过UUID生成随机盐值,对用户密码进行加密;

加密过程如下:

//1.加盐并生成密码
    public static String encrypt(String password){
        //1.生成盐值
        String salt = UUID.randomUUID().toString().replace("-","");
        //2.生成加盐之后的密码
        String saltpassword = DigestUtils.md5DigestAsHex((salt+password).getBytes());
        //3。生成最终密码,32位盐值+"$"+加盐密码
        String finalpassword = salt+"$"+saltpassword;
        retur

在进行用户登录密码校验中,密码解密过程,从数据库取出密码,得到盐值,根据盐值以及用户输入密码进行加密,校验与数据库存储密码是否相同。

具体实现如下:

//2.生成最终密码(数据库中的,便于密码验证)
    public static String encrypt(String password,String salt){
          //2.通过盐值和原始密码生成加盐之后的密码
        String saltpassword = DigestUtils.md5DigestAsHex((salt+password).getBytes());
//        最终密码
        String finalPassword = salt+"$"+saltpassword;
        return finalPassword;
    }

    //3.验证密码

    /**
     *
     * @param inputPassword 用户输入密码
     * @param finalPassword 数据库存储密码
     * @return
     */
    public static boolean check(String inputPassword,String finalPassword){
        //先进性非空校验和长度校验
        if (StringUtils.hasLength(inputPassword)&&StringUtils.hasLength(finalPassword)
        &&finalPassword.length()==65){
            //1.得到盐值,从finalPassword,对$加上\\进行转义,它是关键字
            String salt = finalPassword.split("\\$")[0];
            //2.使用之前加密步骤将明文加密并生成最终密码
           String confinmrPassword =  PasswordUtils.encrypt(inputPassword,salt);
           //3,进行比较
            return confinmrPassword.equals(finalPassword);
        }
        return false;
    }

5.2 统一数据格式返回

定义数据格式为状态码+状态码描述信息+返回数据,实现成功以及失败的返回。

具体实现如下:

package com.example.blog_system.common;

import lombok.Data;

import java.io.Serializable;

/**
 * 统一数据格式返回
 */
@Data
public class AjaxResult implements Serializable {
    // 状态码
    private Integer code;
    // 状态码描述信息
    private String msg;
    // 返回的数据
    private Object data;

    /**
     * 操作成功返回的结果
     */
    public static AjaxResult succecc(Object data) {
        AjaxResult result = new AjaxResult();
        result.setCode(200);
        result.setMsg("");
        result.setData(data);
        return result;
    }

    public static AjaxResult succecc(int code, Object data) {
        AjaxResult result = new AjaxResult();
        result.setCode(code);
        result.setMsg("");
        result.setData(data);
        return result;
    }

    public static AjaxResult succecc(int code, String msg, Object data) {
        AjaxResult result = new AjaxResult();
        result.setCode(code);
        result.setMsg(msg);
        result.setData(data);
        return result;
    }

    /**
     * 返回失败结果
     */
    public static AjaxResult fail(int code, String msg) {
        AjaxResult result = new AjaxResult();
        result.setCode(code);
        result.setMsg(msg);
        result.setData(null);
        return result;
    }

    public static AjaxResult fail(int code, String msg, Object data) {
        AjaxResult result = new AjaxResult();
        result.setCode(code);
        result.setMsg(msg);
        result.setData(data);
        return result;
    }

}

5.3 登录拦截器

继承HandlerInterceptor实现一个登录拦截器,判断在用户进入主页、登录页、注册页、以外的页面进行相关操作时判断是否登录,未登录则自动跳转到登录页面。

具体实现如下:

/**登录拦截器
 * @author zq
 * @date 2023-07-22 22:33
 */

public class LoginIntercept implements HandlerInterceptor {

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        HttpSession session = request.getSession(false);
        if(session!=null&&session.getAttribute(AppVariable.USER_SESSION_KEY)!=null){
            //用户已登录
            return true;
        }
        //跳转到登录页面
        response.sendRedirect("/login.html");
        return false;
    }
}

6. 项目展示

主页:
在这里插入图片描述

我的博客列表页:
在这里插入图片描述

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

草稿列表页:
在这里插入图片描述

草稿编辑页:
在这里插入图片描述

个人中心:
在这里插入图片描述

修改个人信息:
在这里插入图片描述

登录页面:
在这里插入图片描述
注册页面:
在这里插入图片描述

7. 项目测试

接下来将对个人博客管理平台功能以及界面进行测试,编写Web自动化测试用例。

7.1 测试用例

编写的测试用例如下:

在这里插入图片描述

7.2 执行部分自动化测试用例

登录功能:执行登录测试用例检验结果是否符合预期、界面是否符合预期;

检测页面是否正确加载:

  /**
     * 打开网页
     */
    @Test
    @Order(1)
    public  void openWeb() throws InterruptedException {
        driver.get("http://124.221.76.124:59090/login.html");
        sleep(3000);
    }
    //检测页面是否正常打开,元素是否存在
    @Test
    @Order(2)
    public void elementAppear(){
        driver.findElement(By.cssSelector("body > div.login-container > div > h3"));
        driver.findElement(By.cssSelector("#username"));
        driver.findElement(By.cssSelector("#password"));
        driver.findElement(By.cssSelector("#submit"));

    }

测试结果如下:符合预期

在这里插入图片描述
在这里插入图片描述

检测用户名密码错误是否登录失败:

  @ParameterizedTest
    @CsvSource({"admin,12345"})
    @Order(2)
    //登录异常检测
    public void loginAbnormalTest(String username, String password) throws IOException, InterruptedException {
        //先清除用户名和密码框
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();
        //输入账号和密码
        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#submit")).click();
        //期望结果和实际结果
        String expect = "登录失败,用户名或密码错误请重试";
        String actual = driver.findElement(By.cssSelector("body")).getText();
        Assertions.assertEquals(expect, actual);
        sleep(5000);
    }


测试结果如下:符合预期

在这里插入图片描述
在这里插入图片描述

检测用户名已经密码正确是否登录成功并且跳转到正确的用户下

/**
     *登录正常测试
     */
    @ParameterizedTest
    @CsvSource({"admin,123456"})
    @Order(3)
    public void loginNormalTest(String username, String password) throws IOException, InterruptedException {
       //先清除用户名和密码框
        driver.findElement(By.cssSelector("#username")).clear();
        driver.findElement(By.cssSelector("#password")).clear();
        //输入用户名和密码并点击登录
        driver.findElement(By.cssSelector("#username")).sendKeys(username);
        driver.findElement(By.cssSelector("#password")).sendKeys(password);
        driver.findElement(By.cssSelector("#submit")).click();
        //查看跳转页面是否是博客列表页
        sleep(3000);
        String url = "http://124.221.76.124:59090/myblog_list.html";
        Assertions.assertEquals(url,driver.getCurrentUrl());
        // 校验当前登录的用户是不是admin,如果是测试通过,否则测试不通过
        String user_name = driver.findElement(By.cssSelector("#username")).getText();
        driver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
        Assertions.assertEquals(username, user_name);
        sleep(5000);
    }

测试结果如下:符合预期
在这里插入图片描述

在这里插入图片描述

分页查询功能:执行分页查询功能的测试用例查看主页响应是否符合预期

检查首页的博客内容是否正确显示:

//检查首页的博客标题,内容是否正确显示
    @Test
    @Order(1)
    public void checkElements(){
        String actual = driver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > div.title")).getText();
        Assertions.assertEquals("保姆级自动化测试教程(Selenium+java)",actual);
        String actual1 = driver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > div.date")).getText();
        Assertions.assertEquals("2023-07-31",actual1);
        String actual2 = driver.findElement(By.cssSelector("#artListDiv > div:nth-child(1) > div.desc")).getText();
        Assertions.assertEquals("自动化测试指软件测试的自动化,在预设状态下运行应用程序或者系统,预设条件包括正常和异常,最后评估运行结果。将人为驱动的测试行为转化为机器",actual2);


    }

测试结果如下:符合预期
在这里插入图片描述
在这里插入图片描述

检查分页查询:首页、上一页、下一页、末页功能是否正常

//检查分页查询功能
    @Test
    public void checkCha() throws InterruptedException {
        //首页
        driver.findElement(By.cssSelector("body > div.container > div > div.blog-pagnation-wrapper > button:nth-child(1)")).click();
        sleep(3000);
        Alert alert = driver.switchTo().alert();
        String atext = alert.getText();
        Assertions.assertEquals("已经是第一页",atext);
        //点击确定关闭弹窗
        alert.accept();
        //上一页
        driver.findElement(By.cssSelector("body > div.container > div > div.blog-pagnation-wrapper > button:nth-child(2)")).click();
        sleep(3000);
        Alert alert2 = driver.switchTo().alert();
        String atext2 = alert.getText();
        Assertions.assertEquals("已经是第一页",atext2);
        alert2.accept();
        //下一页
        driver.findElement(By.cssSelector("body > div.container > div > div.blog-pagnation-wrapper > button:nth-child(3)")).click();
        sleep(3000);
        Alert alert3 = driver.switchTo().alert();
        String atext3 = alert.getText();
        Assertions.assertEquals("已经是最后一页",atext3);
        alert3.accept();
        //尾页
        driver.findElement(By.cssSelector("body > div.container > div > div.blog-pagnation-wrapper > button:nth-child(4)")).click();
        sleep(3000);
        Alert alert4 = driver.switchTo().alert();
        String atext4 = alert.getText();
        Assertions.assertEquals("已经是最后一页",atext4);
        alert4.accept();
    }

测试结果如下:符合预期
在这里插入图片描述

在这里插入图片描述

博客编辑功能:查看编辑发布博客、保存为草稿以及博客编辑页面是否正常显示

检查不输入标题时提示信息是否正确,检查输入标题发布文章时是否跳转到我的博客列表页

 @Test
    //@Order(2)
   //检查发布文章功能是否正常,分为输入为空、非空
    public void checkAdd() throws InterruptedException {
        sleep(3000);
        driver.findElement(By.cssSelector("body > div.nav > a:nth-child(5)")).click();
        sleep(3000);
        //1.输入为空
        driver.findElement(By.xpath("/html/body/div[2]/div[1]/button[1]")).click();
        sleep(3000);
        Alert alert1 = driver.switchTo().alert();
        String atext1 = alert1.getText();
        Assertions.assertEquals("确认提交?",atext1);
        alert1.accept();
        sleep(3000);
        Alert alert = driver.switchTo().alert();
        String atext = alert.getText();
        Assertions.assertEquals("请先输入标题!",atext);
        alert.accept();
        sleep(3000);

        //2,输入不为空时,是否正常发布,跳转到博客列表页
        driver.findElement(By.cssSelector("#title")).sendKeys("发布文章测试");
        sleep(3000);
        driver.findElement(By.xpath("/html/body/div[2]/div[1]/button[1]")).click();
        sleep(3000);

        Alert alert2 = driver.switchTo().alert();
        String atext2 = alert1.getText();
        Assertions.assertEquals("确认提交?",atext1);
        alert1.accept();
        sleep(3000);
        //不再继续提交
        Alert alert3 = driver.switchTo().alert();
        alert3.dismiss();
        sleep(3000);
        //验证当前页面是否是博客列表页面
        String url = driver.getCurrentUrl();
        Assertions.assertEquals("http://124.221.76.124:59090/myblog_list.html",url);

    }

测试结果如下:符合预期
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

同上述,检查保存为草稿时是否符合预期:
测试结果如下符合预期:
在这里插入图片描述
在这里插入图片描述

博客相关功能:删除、查看全文、修改
草稿相关功能:删除、查看全文、修改

测试代码与结果如下符合预期:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
篇幅有限,关于其他功能的测试在此省略,测试完整代码可以查看我的码云:https://gitee.com/zxxqqa/automated-testing

总结:根据测试用例结果基本符合预期可以确定个人博客管理平台的基本功能能够正确执行。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/57808.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Transformer 论文学习笔记

重新学习了一下,整理了一下笔记 论文:《Attention Is All You Need》 代码:http://nlp.seas.harvard.edu/annotated-transformer/ 地址:https://arxiv.org/abs/1706.03762v5 翻译:Transformer论文翻译 特点&#xff1…

“窗口期”开启!多域融合大趋势下,中国智能汽车OS如何破局?

操作系统已经成为了各大车厂、互联网企业的必争之地。 过去几年,丰田、大众、奔驰等众多车企,以及阿里、百度、腾讯、华为等纷纷加大了操作系统的布局,智能汽车操作系统的抢位战已经火热开启。 汽车电子电气架构已经迈入了域集中式架构、多…

【黑马程序员前端】JavaScript入门到精通(2)--20230801

B站链接 【黑马程序员前端】JavaScript入门到精通(1)–20230801 【黑马程序员前端】JavaScript入门到精通(2)–20230801 2.web APIs资料(续前) web APIs第六天 01-正则表达式的使用 <!DOCTYPE html> <html lang"en"><head><meta charset&quo…

RISC-V基础之函数调用(一)简单的函数调用(包含实例)

高级语言支持函数&#xff08;也称为过程或子程序&#xff09;来重用通用的代码&#xff0c;以及使程序更加模块化和可读。函数可以有输入&#xff0c;称为参数&#xff0c;和输出&#xff0c;称为返回值。函数应该计算返回值&#xff0c;并且不产生其他意外的副作用。 在一个…

HTML+CSS+JavaScript:实现B站评论发布效果

一、需求 1、用户输入内容&#xff0c;输入框左下角实时显示输入字数 2、为避免用户输入时在内容左右两端误按多余的空格&#xff0c;在发送评论时&#xff0c;检测用户输入的内容左右两端是否带有空格&#xff0c;若有空格&#xff0c;发布时自动取消左右两端的空格 3、若用…

第9章 CSS-DOM

三位一体的网页 游览器由结构层&#xff0c;表现层&#xff0c;行为层组成 结构层 网页的结构层&#xff08;structural layer&#xff09;由HTML或XHTML之类的标记语言负责创建。 表现层 表示层&#xff08;presentation layer&#xff09;由CSS负责完成。CSS描述页面内容…

软件测试环境讲解

在一个项目开发到发布的整个过程中&#xff0c;会使用到很多个环境进行测试和运行项目。最基本的开发环境、测试环境、准生产环境、生成环境 一、开发环境 开发环境顾名思义就是我们程序猿自己把项目放到自己的电脑上&#xff0c;配置好以后&#xff0c;跑起来项目&#xff0c…

高性能API设计

背景 设计出一个高性能的API&#xff0c;需要综合网络、业务、数据库的优化。一下是我在实际的开发过程中总结的优化思想和一些效率提升的技巧。 批量思想 很多的数据库操作都含有batch或者bulk的api&#xff0c;如我最近常使用的mybatis、mybatis plus以及elastic Search的…

【机器学习】西瓜书习题3.3Python编程实现对数几率回归

参考代码 结合自己的理解&#xff0c;添加注释。 代码 导入相关的库 import numpy as np import pandas as pd import matplotlib from matplotlib import pyplot as plt from sklearn import linear_model导入数据&#xff0c;进行数据处理和特征工程 # 1.数据处理&#x…

指针经典笔试题强训(附图详解)

目录 笔试题1&#xff1a; 解析&#xff1a; 运行结果&#xff1a; 笔试题2 解析&#xff1a; 运行结果&#xff1a; 笔试题3 解析&#xff1a; 运行结果&#xff1a; 笔试题4 解析&#xff1a; 运行结果&#xff1a; 笔试题5 解析&#xff1a; 运行结果&#xff1a;…

智慧~经典开源项目数字孪生智慧商场——开源工程及源码

深圳南山某商场的工程和源码免费赠送&#xff0c;助您打造智慧商场。立即获取&#xff0c;提升商场管理效能&#xff01; 项目介绍 凤凰商场作为南山地区的繁华商业中心&#xff0c;提供多样化的购物和娱乐体验。通过此项目&#xff0c;凤凰商场将迈向更智能的商业模式。 本项目…

【第一阶段】kotlin语言的String模板

1.在Java中拼接字符串使用的是“” 2.在kotlin中使用"${}" 3.kotlin语言中if是表达式&#xff0c;更灵活 fun main() {val city"西安"val time24//java中写法println("我在"city"玩了"time"小时")//kotlin中写法&#xff0…

汽车EBSE测试流程分析(四):反思证据及当前问题解决

EBSE专题连载共分为“五个”篇章。此文为该连载系列的“第四”篇章&#xff0c;在之前的“篇章&#xff08;三&#xff09;”中已经结合具体研究实践阐述了“步骤二&#xff0c;通过系统调研确定改进方案”等内容。那么&#xff0c;在本篇章&#xff08;四&#xff09;中&#…

springboot项目如何自动重启(使用Devtools检测修改并自动重启springboot)

1. 问题&#xff1a; 我们在项目开发阶段&#xff0c;可能经常会修改代码&#xff0c;修改完后就要重启Spring Boot。经常手动停止再启动&#xff0c;比较麻烦。 所以我们引入一个Spring Boot提供的开发工具&#xff1b; 只要源码或配置文件发生修改&#xff0c;Spring Boot应用…

力扣 62. 不同路径

题目来源&#xff1a;https://leetcode.cn/problems/unique-paths/ C题解1&#xff1a;动态规划。声明二维数组。 确定dp数组&#xff08;dp table&#xff09;以及下标的含义。dp[i][j] &#xff1a;表示从&#xff08;0 &#xff0c;0&#xff09;出发&#xff0c;到(i, j) …

2023年08月在线IDE流行度最新排名

点击查看最新在线IDE流行度最新排名&#xff08;每月更新&#xff09; 2023年08月在线IDE流行度最新排名 TOP 在线IDE排名是通过分析在线ide名称在谷歌上被搜索的频率而创建的 在线IDE被搜索的次数越多&#xff0c;人们就会认为它越受欢迎。原始数据来自谷歌Trends 如果您相…

【MySQL】DDL和DML

4&#xff0c;DDL:操作数据库 我们先来学习DDL来操作数据库。而操作数据库主要就是对数据库的增删查操作。 4.1 查询 查询所有的数据库 SHOW DATABASES; 运行上面语句效果如下&#xff1a; 上述查询到的是的这些数据库是mysql安装好自带的数据库&#xff0c;我们以后不要操…

精通GPU编程,高效处理Pandas

大家好&#xff0c;当正在使用python处理大型数据集&#xff0c;那么很可能会感受到&#xff0c;当基于CPU的pandas DataFrame难以执行操作时&#xff0c;等待数小时才能完成查询的挫败感。正是在这种情况下&#xff0c;pandas用户应该考虑使用RAPIDS cuDF利用GPU的强大功能进行…

无涯教程-Lua - Arrays(数组)

数组是对象的有序排列&#xff0c;可以是包含行集合的一维数组&#xff0c;也可以是包含多行和多列的多维数组。 在Lua中&#xff0c;数组是使用带有整数的索引表实现的。数组的大小不是固定的&#xff0c;并且可以根据无涯教程的要求(取决于内存限制)来增长。 一维数组 一维…

Linux系统安装部署MongoDB完整教程(图文详解)

前言&#xff1a;本期给大家分享一下目前最新Linux系统安装部署MongoDB完整教程&#xff0c;我的服务器采用的是Centos7&#xff0c;在部署之前我重装了我的服务器&#xff0c;目的是为了干净整洁的给大家演示我是如何一步步的操作的&#xff0c;整体部署还是挺简洁&#xff0c…