太原网站优化哪家专业商城网站备案要求

一.项目背景

在当今数字化时代，互联网的迅猛发展已深刻改变了人们的生活与交流方式。信息传播的速度与广度达到了前所未有的程度，人们渴望在这个信息洪流中找到一个能够自由表达自我、分享见解与经验的平台。博客作为一种个人或团体发布内容的网络日志形式，应运而生并迅速风靡全球。

二.项目简介

本项目基于SSM框架实现，包含4个界面：登录界面、博客发表界面、博客列表界面以及博客详情界面。
登录后即可查看自己已发布的博客，也可以发布博客，通过使用Selenium定位web元素、对获取到的元素进行操作等，对个人博客系统进行测试，测试的核心内容包括用户登录、博客列表、用户信息、查看全文、详情页内容、发布博客、退出账号等。该博客系统可以实现发布个人博客，记录博客发布日期、时间、标题、博客发布者等信息。

三.功能测试

1. 登录界面
用户名与密码已存储在数据库中，登录成功即可跳转到列表页

在该项目中暂时只存贮了2个用户名和对应的密码：
用户名：zhangsan 密码：123456
用户名：lisi 密码：123456

如果用户名错误

如果密码错误

如果用户名或密码为空

2.博客列表界面
用用户名：zhangsan 密码：123456登录成功后，来到博客列表界面

3.博客详情界面
在博客列表界面中，选择任意一个博客对应的按钮：查看全文，就能进入博客详情界面

4.博客发布界面
在上面3个界面的任意一个界面里点击右上角的按钮“写博客”，就能进入博客发布界面

---

四.测试用例

五.自动化测试脚本（使用Selenium进行Web自动化测试（Python））

1.创建驱动对象

不管我们要对哪个界面进行自动化测试，第一步就是要打开浏览器，因此我们将打开浏览器这一步放在一个单独的文件（Utils.py）中（这里我们创建的是edge浏览器驱动的对象）。有时我们想知道自动化测试的结果是什么。就可以截图显示

步骤：

1. 首先定义一个类Driver
2. 定义一个类成员和构造函数以及有关截图的函数

import datetime
import os.path
import sys
import time
from selenium import webdriver
from webdriver_manager.microsoft import EdgeChromiumDriverManager
from selenium.webdriver.edge.service import Service as EdgeServiceclass Driver:driver=""def __init__(self):self.driver=webdriver.Edge(service=EdgeService(EdgeChromiumDriverManager().install()))# 隐式等待self.driver.implicitly_wait(3)# 截图def getScreenShot(self):dirname=datetime.datetime.now().strftime("%Y-%m-%d")# 如果不存在../images/dirname，就创建该目录if not os.path.exists("../images/"+dirname):os.mkdir("../images/"+dirname)filename=datetime.datetime.now().strftime("%Y-%m-%d-%H%M%S")# 能知道调用本接口的接口名funcname=sys._getframe().f_back.f_code.co_name+"-"# 目标：../images/2025-3-14/接口名-2025-3-14-202101.pngself.driver.save_screenshot("../images/"+dirname+"/"+funcname+filename+".png")# 创建Driver对象
BolgDriver=Driver()

创建1个运行文件RunTest（即程序的主入口），运行各个测试类中的函数

if __name__=="__main__":

2.登录界面

1. 创建博客登录的测试文件BlogLogin.py
2. 引入Utils文件（需要浏览器驱动）和其它依赖

from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWaitfrom common.Utils import BolgDriverclass BlogLogin:url=""driver=""def __init__(self):self.url="http://8.137.19.140:9090/blog_login.html"self.driver=BolgDriver.driverself.driver.get(self.url)#正常登录def LoginSucTest(self):#先清空输入框self.driver.find_element(By.CSS_SELECTOR,"#username").clear()self.driver.find_element(By.CSS_SELECTOR,"#password").clear()#输入正确的账号和密码self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("zhangsan")self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123456")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()#查找头像，用户名和github地址self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > img")self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > h3")self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > a")#截图BolgDriver.getScreenShot()#回到登录界面self.driver.back()#异常登录def LoginFailTest(self):# 先清空输入框self.driver.find_element(By.CSS_SELECTOR, "#username").clear()self.driver.find_element(By.CSS_SELECTOR, "#password").clear()# 输入错误的账号self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("zhang")self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123456")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()#出现警告弹窗：用户不存在WebDriverWait(self.driver,3).until(expected_conditions.alert_is_present())alert=self.driver.switch_to.alertassert alert.text=="用户不存在"alert.accept()#截图BolgDriver.getScreenShot()# 输入正确的账号和错误的密码self.driver.find_element(By.CSS_SELECTOR, "#username").clear()self.driver.find_element(By.CSS_SELECTOR, "#password").clear()self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("zhangsan")self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()# 出现警告弹窗：密码错误WebDriverWait(self.driver, 3).until(expected_conditions.alert_is_present())alert = self.driver.switch_to.alertassert alert.text == "密码错误"alert.accept()#截图BolgDriver.getScreenShot()# 输入空的账号self.driver.find_element(By.CSS_SELECTOR, "#username").clear()self.driver.find_element(By.CSS_SELECTOR, "#password").clear()self.driver.find_element(By.CSS_SELECTOR, "#password").send_keys("123456")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()# 出现警告弹窗：账号或密码不能为空WebDriverWait(self.driver, 3).until(expected_conditions.alert_is_present())alert = self.driver.switch_to.alertassert alert.text == "账号或密码不能为空"alert.accept()#截图BolgDriver.getScreenShot()# 输入空的密码self.driver.find_element(By.CSS_SELECTOR, "#username").clear()self.driver.find_element(By.CSS_SELECTOR, "#password").clear()self.driver.find_element(By.CSS_SELECTOR, "#username").send_keys("zhang")self.driver.find_element(By.CSS_SELECTOR, "#submit").click()# 出现警告弹窗：账号或密码不能为空WebDriverWait(self.driver, 3).until(expected_conditions.alert_is_present())alert = self.driver.switch_to.alertassert alert.text == "账号或密码不能为空"alert.accept()#截图BolgDriver.getScreenShot()

RuntTest.py

from tests import BlogLoginfrom common.Utils import BolgDriverif __name__=="__main__":BlogLogin.BlogLogin().LoginSucTest()BlogLogin.BlogLogin().LoginFailTest()BolgDriver.driver.quit()

运行成功

3.博客列表界面

1. 创建博客列表的测试文件BlogList.py
2. 引入Utils文件（需要浏览器驱动）和其它依赖

from selenium.webdriver.common.by import Byfrom common.Utils import BolgDriverclass BlogList:url = ""driver = ""def __init__(self):self.url = "http://8.137.19.140:9090/blog_list.html"self.driver = BolgDriver.driverself.driver.get(self.url)# 正常登录def BlogListByLogin(self):# 查找头像，用户名和github地址self.driver.find_element(By.CSS_SELECTOR, "body > div.container > div.left > div > img")self.driver.find_element(By.CSS_SELECTOR, "body > div.container > div.left > div > h3")self.driver.find_element(By.CSS_SELECTOR, "body > div.container > div.left > div > a")# 截图BolgDriver.getScreenShot()# 异常登录def BlogListByNotLogin(self):self.driver.back()# 截图BolgDriver.getScreenShot()#如果成功回到登录界面，那么找不到头像self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.left > div > img")

RuntTest.py

from common.Utils import BolgDriver
from tests import BlogLogin
from tests import BlogListif __name__=="__main__":BlogLogin.BlogLogin().LoginSucTest()BlogList.BlogList().BlogListByLogin()BolgDriver.driver.quit()

运行成功

4.博客详情页

1. 创建博客列表的测试文件BlogDetail.py
2. 引入Utils文件（需要浏览器驱动）和其它依赖

from selenium.webdriver.common.by import Byfrom common.Utils import BolgDriverclass BlogDetail:url = ""driver = ""def __init__(self):self.url = "http://8.137.19.140:9090/blog_detail.html?blogId=24712"self.driver = BolgDriver.driverself.driver.get(self.url)def BlogDeatilByLogin(self):# 查找博客标题、时间、内容和“编辑”“删除”按钮self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div > div.title")self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div > div.date")self.driver.find_element(By.CSS_SELECTOR,"#h2-u5728u8FD9u91CCu5199u4E0Bu4E00u7BC7u535Au5BA2")self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div > div.operating > button:nth-child(1)")self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div > div.operating > button:nth-child(2)")# 截图BolgDriver.getScreenShot()

RuntTest.py

from common.Utils import BolgDriver
from tests import BlogLogin
from tests import BlogList
from tests import BlogDetailif __name__=="__main__":BlogLogin.BlogLogin().LoginSucTest()BlogList.BlogList().BlogListByLogin()BlogDetail.BlogDetail().BlogDeatilByLogin()BolgDriver.driver.quit()

运行成功

5.博客发布界面

1. 创建博客列表的测试文件BlogDetail.py
2. 引入Utils文件（需要浏览器驱动）和其它依赖

from selenium.webdriver.common.by import Byfrom common.Utils import BolgDriverclass BlogPublish:url = ""driver = ""def __init__(self):self.url = "http://8.137.19.140:9090/blog_edit.html"self.driver = BolgDriver.driverself.driver.get(self.url)# 正常登录def BlogPublishByLogin(self):# 填写博客标题，按“发布文章“按钮self.driver.find_element(By.CSS_SELECTOR,"#title").send_keys("aa")self.driver.find_element(By.CSS_SELECTOR,"#submit").click()# 如果博客列表的最下面的博客标题是”aa“，说明发布成功text=self.driver.find_element(By.CSS_SELECTOR,"body > div.container > div.right > div:nth-child(792) > div.title").textassert text=="aa"# 截图BolgDriver.getScreenShot()# 异常登录def BlogPublishByNotLogin(self):self.driver.back()# 截图BolgDriver.getScreenShot()# 如果成功回到登录界面，那么找不到头像self.driver.find_element(By.CSS_SELECTOR, "body > div.container > div.left > div > img")

RuntTest.py：正常登录时

from common.Utils import BolgDriver
from tests import BlogLogin
from tests import BlogList
from tests import BlogDetail
from tests import BlogPublishif __name__=="__main__":BlogLogin.BlogLogin().LoginSucTest()BlogList.BlogList().BlogListByLogin()BlogDetail.BlogDetail().BlogDeatilByLogin()BlogPublish.BlogPublish().BlogPublishByLogin()BolgDriver.driver.quit()

运行成功

RuntTest.py：异常登录时，返回登录界面

from common.Utils import BolgDriver
from tests import BlogLogin
from tests import BlogList
from tests import BlogDetail
from tests import BlogPublishif __name__=="__main__":BlogLogin.BlogLogin().LoginSucTest()BlogPublish.BlogPublish().BlogPublishByNotLogin()BolgDriver.driver.quit()

运行失败

6.注销测试

from selenium.webdriver.common.by import Byfrom common.Utils import BolgDriverclass LogOut:url = ""driver = ""def __init__(self):self.url = "http://8.137.19.140:9090/blog_detail.html?blogId=24713"self.driver = BolgDriver.driverself.driver.get(self.url)def LogOutTest(self):# 点击右上角的“注销”按钮self.driver.find_element(By.CSS_SELECTOR,"body > div.nav > a:nth-child(6)").click()# 如果当前页面的网址是登陆界面的网址，说明注销成功curUrl=self.driver.current_urlassert curUrl=="http://8.137.19.140:9090/blog_login.html"

RuntTest.py

from common.Utils import BolgDriver
from tests import BlogLogin
from tests import BlogList
from tests import BlogDetail
from tests import BlogPublish
from tests import Logoutif __name__=="__main__":BlogLogin.BlogLogin().LoginSucTest()BlogDetail.BlogDetail().BlogDeatilByLogin()Logout.LogOut().LogOutTest()BolgDriver.driver.quit()

六.环境准备

系统：windows11

浏览器：版本 122.0.2365.92 (正式版本) (64 位)

测试工具：
PyCharm Community Edition 2024.3.4、
​​​Selenium4.9.0 、
WebDriver-manager 4.0.2

七.测试总结

Selenium 支持多种主流浏览器，如 Chrome、Firefox、Safari、Edge 等。 这意味着我们可以使用相同的测试脚本在不同的浏览器上执行测试。本次测试对个人的博客系统的登录，查看全文，发布博客、注销登录等核心功能进行测试。并用selenium编写自动化测试脚本，使某些测试任务大幅度缩短测试周期，比手动测试更高效。避免了手动测试中可能出现的人为疏忽和错误。

总而言之，自动化测试是一种有效的测试方法，可以提高测试效率、降低测试成本、提高测试覆盖率。 但是，自动化测试并非万能的，需要根据具体的项目情况选择合适的测试方法，并合理地利用自动化测试工具。