用户端Web自动化测试_L3

news2024/11/16 23:40:11

目录：

  1. 浏览器复用
  2. Cookie 复用
  3. pageobject设计模式
  4. 异常自动截图
  5. 测试用例流程设计
  6. 电子商务产品实战

1.浏览器复用

复用浏览器简介

 

为什么要学习复用浏览器？

  • 自动化测试过程中，存在人为介入场景
  • 提高调试UI自动化测试脚本效率
     

复用已有浏览器-配置步骤

  1. 需要退出当前所有的谷歌浏览器（特别注意）

  2. 输入启动命令，通过命令启动谷歌浏览器

    1. 找到 chrome 的启动路径
    2. 配置环境变量

  3. 验证是否启动成功

  • windows：chrome –remote-debugging-port=9222
  • mac：Google Chrome –remote-debugging-port=9222

 

 

 

 代码示例：

from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.common.by import By

option = Options()

option.debugger_address = 'localhost:9222'

driver = webdriver.Chrome(options=option)

driver.get("https://work.weixin.qq.com/wework_admin/frame")

driver.find_element(By.CSS_SELECTOR,'.ww_indexImg_AddMember').click()

 2.Cookie 复用

cookie 是什么？

  • Cookie 是一些认证数据信息,存储在电脑的浏览器上
  • 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息

 为什么要使用Cookie自动化登录？

  • 复用浏览器仍然在每次用例开始都需要人为介入
  • 若用例需要经常执行，复用浏览器则不是一个好的选择
  • 大部分cookie的时效性都很长，扫一次可以使用多次

  

 常见问题

  1. 企业微信cookie有互踢机制。在获取cookie成功之后。不要再进行扫码操作！！！！
  2. 获取cookie的时候，即执行代码获取cookie时，一定要确保已经登录
  3. 植入cookie之后需要进入登录页面，刷新验证是否自动登录成功。

 代码示例：

import time

import yaml
from selenium import webdriver


class TestCookieLogin:
    def setup_class(self):
        self.drvier = webdriver.Chrome()
        self.drvier.implicitly_wait(3)

    def teardown_class(self):
        self.drvier.quit()

    def test_get_cookies(self):
        # 1. 访问企业微信主页/登录页面
        self.drvier.get("https://work.weixin.qq.com/wework_admin/frame#contacts")
        # 2. 等待20s，人工扫码操作
        time.sleep(15)
        # 3. 等成功登陆之后，再去获取cookie信息
        cookie = self.drvier.get_cookies()
        print(cookie)
        # 4. 将cookie存入一个可持久存储的地方，文件
        # 打开文件的时候添加写入权限
        with open("./datas/doc/cookie.yaml", "w") as f:
            # 第一个参数是要写入的数据
            yaml.safe_dump(cookie, f)

    def test_add_cookie(self):
        # 1. 访问企业微信主页面
        self.drvier.get("https://work.weixin.qq.com/wework_admin/frame#contacts")
        # 2. 定义cookie，cookie信息从已经写入的cookie文件中获取
        cookie = yaml.safe_load(open("./datas/doc/cookie.yaml"))
        # 3. 植入cookie
        for c in cookie:
            self.drvier.add_cookie(c)
        time.sleep(3)
        # 4.再次访问企业微信页面，发现无需扫码自动登录，而且可以多次使用
        self.drvier.get("https://work.weixin.qq.com/wework_admin/frame#contacts")

代码结构：

  

3.pageobject设计模式

传统 UI 自动化的问题

  • 无法适应 UI 频繁变化
  • 无法清晰表达业务用例场景
  • 大量的样板代码 driver/find/click

POM 模式的优势

  • 降低 UI 变化导致的测试用例脆弱性问题
  • 让用例清晰明朗，与具体实现无关

 POM 建模原则

  • 字段意义
    • 不要暴露页面内部的元素给外部
    • 不需要建模 UI 内的所有元素
  • 方法意义
    • 用公共方法代表 UI 所提供的功能
    • 方法应该返回其他的 PageObject 或者返回用于断言的数据
    • 同样的行为不同的结果可以建模为不同的方法
    • 不要在方法内加断言

POM 使用方法

  • 把元素信息和操作细节封装到 PageObject 类中
  • 根据业务逻辑，在测试用例中链式调用

PO简介：

Page Object(简称PO)模式，是Selenium实战中最为流行，并且是自动化测试中最为熟悉和推崇的一种设计模式。在设计自动化测试时，把页面元素和元素的操作方法按照页面抽象出来，分离成一定的对象，然后再进行组织。做web自动化最头疼的一个问题，莫过于页面变化了，如果没有使用PO设计模式，页面一变化就意味着之前的元素定位甚至元素的操作方法不能用了，需要重新修改。你需要一个一个从测试脚本中把需要修改的元素定位方式、元素的操作方法找出来，然后一一地修改。这样的自动化脚本不但繁琐，维护成本也极高。

而page object模式就可以很好地解决这个问题，优点：

  1. 减少代码冗余。
  2. 业务和实现分离。
  3. 降低维护成本。

那到底什么是Page Object模式，见名知意，就是页面对象，在实际自动化测试中，一般对脚本分为三层：

  1. 对象层： 用于存放页面元素定位（object_layer）
  2. 逻辑层： 用于存放一些封装好的功能用例模块(logical_layer)
  3. 业务层： 用于存放我们真正的测试用例的操作部分(business_layer)

除了以上三层，还有一个基础层(base_layer)，基础层主要是针对selenium的一些常用方法，根据实际业务需要进行二次封装，如点击、输入等操作加入一些等待、日志输入、截图等操作，方便以后查看脚本的运行情况及问题排查。

代码示例：(传统的测试方法)

test_tradition_search.py

from selenium import webdriver
from selenium.webdriver.common.by import By


class TestSearch:

    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(3)

    def teardown_class(self):
        self.driver.quit()

    def test_search(self):
        self.driver.get("https://xueqiu.com/")
        # 输入搜索关键词
        self.driver.find_element(By.NAME, "q").send_keys("阿里巴巴-SW")
        # 点击搜索按钮
        self.driver.find_element(By.CSS_SELECTOR, "i.search").click()
        # 获取搜索结果
        name = self.driver.find_element(By.XPATH, "//table//strong").text
        # 断言
        assert name == "阿里巴巴-SW"

代码示例：（po模式） 

template: 用来存放开发模版 - Gitee.com

项目结构：

  

4.异常自动截图

实现原理

  • 装饰器
  • 自动化关键数据记录
    • 截图
    • 日志
    • page_source

代码示例：

 test_record_exception_zhuangshiqi.py

import time

import allure
from selenium import webdriver
from selenium.webdriver.common.by import By

from web_automation_testing.first_web_automation_testing.utils.log_util import logger


def ui_exception_record(func):
    def inner(*args, **kwargs):

        try:
            return func(*args, **kwargs)
        except Exception:
            logger.warning('执行过程发生异常！')
            driver = args[0].driver

            timestamp = int(time.time())

            img_path = f"./datas/screenshot/image_{timestamp}.png"
            driver.save_screenshot(img_path)

            page_source_path = f"./datas/pagesource/page_source_{timestamp}.html"
            with open(page_source_path, 'w', encoding='utf8') as f:
                f.write(driver.page_source)

            allure.attach.file(img_path, name="picture", attachment_type=allure.attachment_type.PNG)
            allure.attach.file(page_source_path, name="pagesource", attachment_type=allure.attachment_type.TEXT)
            # allure.attach.file(page_source_path,name="pagesource",attachment_type=allure.attachment_type.HTML)
            raise Exception

    return inner


class TestRecord:
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(5)

    def teardown_class(self):
        self.driver.quit()

    @ui_exception_record
    def test_baidu(self):
        self.driver.get("https://www.baidu.com/")
        self.driver.find_element(By.ID, 'su1')

项目结构：

运行结果：

  

5.测试用例流程设计

现有测试用例的问题

  • 可维护性不高
  • 可读性较差
  • 稳定性较差

用例结构设计

  • 测试用例的编排
  • 测试用例的项目结构

web自动化测试-用例设计

类型框架对应作用
前置setup_class/BeforeAll准备测试数据
实例的初始化
setup/BeforeEach恢复用例初始状态
数据清理（也可以在用例级别完成）
后置teardown_class/AfterAlldriver进程退出
teardown/AfterEach恢复用例初始状态
数据清理（也可以在用例级别完成）

恢复用例初始状态

  1. 用例1 执行过程经过A->B->C 三个页面
  2. 用例2 执行过程经过A->B->C 三个页面
  3. 用例1 执行完成之后执行用例2

PlantUML diagram

PlantUML diagram

问题：单条用例执行完成之后如果不恢复下一条用例的开始状态（回复用例初始页面），则会影响下一条用例的执行。

  • 解决方案：
    • 每条用例执行完成都quit()（影响执行效率）
    • 封装一个方法，用例执行完成之后回到首页

数据清理

  • 清理策略
    • 在前置处理中执行
    • 在后置处理中执行
  • 清理方式
    • 调用业务接口
    • 通过UI自动化方式操作
    • 连接数据库执行SQL（不推荐）

6.电子商务产品实战

产品分析

  • 产品：Litemall商城系统
  • 功能：商品类目管理
  • litemall

测试用例-新增类目

  • 用户登录
  • 进入商品类目菜单
  • 点击添加
  • 创建商品类目
  • 获取操作结果
  • 断言测试结果

PlantUML diagram

测试用例-删除类目

  • 用户登录
  • 进入商品类目菜单
  • 点击添加
  • 创建商品类目
  • 点击删除
  • 获取操作结果
  • 断言测试结果

PlantUML diagram

代码示例：（传统示例）

test_tradition_litemall.py

import time
import allure
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait
from web_automation_testing.test_litemall_1.utils.log_util import logger


class TestLitemall:

    # 前置动作
    def setup_class(self):
        self.driver = webdriver.Chrome()
        self.driver.implicitly_wait(3)
        # 登录
        self.driver.get("http://litemall.hogwarts.ceshiren.com/")
        # 问题，输入框内有默认值，此时send——keys不回清空只会追加
        # 解决方案： 在输入信息之前，先对输入框完成清空
        # 输入用户名密码
        self.driver.find_element(By.NAME, "username").clear()
        self.driver.find_element(By.NAME, "username").send_keys("manage")
        self.driver.find_element(By.NAME, "password").clear()
        self.driver.find_element(By.NAME, "password").send_keys("manage123")
        # 点击登录按钮
        self.driver.find_element(By.CSS_SELECTOR,
                                 ".el-button--primary").click()
        # 窗口最大化
        self.driver.maximize_window()

    # 后置动作
    def teardown_class(self):
        self.driver.quit()

    def get_screen(self):
        timestamp = int(time.time())
        # 注意：！！ 一定要提前创建好images 路径
        image_path = f"./datas/screenshot/image_{timestamp}.PNG"
        # 截图
        self.driver.save_screenshot(image_path)
        # 讲截图放到报告的数据中
        allure.attach.file(image_path, name="picture",
                           attachment_type=allure.attachment_type.PNG)

    # 新增功能
    def test_add_type(self):
        # 点击商场管理/商品类目，进入商品类目页面
        # 进入商品类目页面
        self.driver.find_element(By.XPATH, "//*[text()='商场管理']").click()
        self.driver.find_element(By.XPATH, "//*[text()='商品类目']").click()
        # 添加商品类目操作
        self.driver.find_element(By.XPATH, "//*[text()='添加']").click()
        self.driver.find_element(By.CSS_SELECTOR,
                                 ".el-input__inner").send_keys("新增商品测试")

        # ==============显示等待优化方案2： 自定义显式等待条件
        def click_exception(by, element, max_attempts=5):
            def _inner(driver):
                # 多次点击按钮
                actul_attempts = 0  # 实际点击次数
                while actul_attempts < max_attempts:
                    # 进行点击操作
                    actul_attempts += 1  # 每次循环，实际点击次数加1
                    try:
                        # 如果点击过程报错，则直接执行 except 逻辑，并切继续循环
                        # 没有报错，则直接return 循环结束
                        driver.find_element(by, element).click()
                        return True
                    except Exception:
                        logger.debug("点击的时候出现了一次异常")
                # 当实际点击次数大于最大点击次数时，结束循环并抛出异常
                raise Exception("超出了最大点击次数")

            # return _inner() 错误写法
            return _inner

        WebDriverWait(self.driver, 10).until(click_exception(By.CSS_SELECTOR,
                                                             ".dialog-footer .el-button--primary"))

        # ===========================使用显式等待优化
        # 如果没找到，程序也不应该报错
        res = self.driver.find_elements(By.XPATH,
                                        "//*[text()='新增商品测试']")
        self.get_screen()
        # 数据的清理一定到放在断言操作之后完成，要不然可能会影响断言结果
        self.driver.find_element(By.XPATH,
                                 "//*[text()='新增商品测试']/../..//*[text()='删除']").click()
        logger.info(f"断言获取到的实际结果为{res}")
        # 断言产品新增后是否成功找到
        assert res != []

    # 删除功能
    def test_delete_type(self):
        # ================ 造数据步骤
        # 点击商场管理/商品类目，进入商品类目页面
        # 进入商品类目页面
        self.driver.find_element(By.XPATH, "//*[text()='商场管理']").click()
        self.driver.find_element(By.XPATH, "//*[text()='商品类目']").click()
        # 添加商品类目操作
        self.driver.find_element(By.XPATH, "//*[text()='添加']").click()
        self.driver.find_element(By.CSS_SELECTOR,
                                 ".el-input__inner").send_keys("删除商品测试")
        ele = WebDriverWait(self.driver, 10).until(
            expected_conditions.element_to_be_clickable(
                (By.CSS_SELECTOR, ".dialog-footer .el-button--primary")))
        ele.click()
        # ============完成删除步骤
        self.driver.find_element(By.XPATH,
                                 "//*[text()='删除商品测试']/../..//*[text()='删除']").click()
        # 断言
        WebDriverWait(self.driver, 10).until_not(
            expected_conditions.visibility_of_any_elements_located((By.XPATH,
                                                                    "//*[text()='删除商品测试']")))
        # 问题： 因为代码执行速度过快，元素还未消失就捕获了。
        # 解决： 确认该元素不存在后，再捕获
        res = self.driver.find_elements(By.XPATH,
                                        "//*[text()='删除商品测试']")
        logger.info(f"断言获取到的实际结果为{res}")
        assert res == []

PO模式设计原则

  • 不要暴露页面内部的元素给外部
  • 不需要建模 UI 内的所有元素
  • 要用公共方法代表 UI 所提供的功能
  • 同样的行为不同的结果可以建模为不同的方法
  • 方法应该返回其他的 PageObject ，或者返回用于断言的数据
  • 不要在方法内加断言

PO模式改造

PlantUML diagram

 梳理业务操作流程

PlantUML diagram

 梳理前置和后置

代码示例：

template: 用来存放开发模版

项目结构：

  

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

13. Docker实战之安装MySQL

13. Docker实战之安装MySQL

目录 1、前言 2、部署MySQL 2.1、Docker仓库查看镜像 2.2、拉取MySQL镜像 2.3、创建持久化目录 2.4、启动MySQL容器 2.5、查看宿主机上的MySQL目录 2.6、本地MySQL测试 2.7、新建MySQL用户&#xff0c;配置远程访问 2.8、本地Navicat连接测试 3、为什么数据库不适合D…
阅读更多...
长胜证券：a股交易时间是几点到几点？

长胜证券：a股交易时间是几点到几点？

股票商场是一个高速工作的场所&#xff0c;关于新手出资者来说&#xff0c;他们可能不知道A股买卖的时刻是什么时分开始和完毕&#xff0c;这将给他们在买卖过程中带来一些麻烦。本文将从不同的角度来分析A股买卖时刻&#xff0c;帮助读者更好地了解A股买卖时刻的相关规定。 A股…
阅读更多...
Talk | 香港中文大学张懿元：由MetaTransformer探索统一的多模态学习

Talk | 香港中文大学张懿元：由MetaTransformer探索统一的多模态学习

本期为TechBeat人工智能社区第524期线上Talk&#xff01; 北京时间8月23日(周三)20:00&#xff0c;香港中文大学博士生—张懿元的Talk已准时在TechBeat人工智能社区开播&#xff01; 他与大家分享的主题是: “探索模态通用感知”&#xff0c;介绍了多模态学习和发展统一的多模态…
阅读更多...
espidf vscode 安装出错ERROR_INVALID_PIP

espidf vscode 安装出错ERROR_INVALID_PIP

解决链接&#xff1a;https://www.cnblogs.com/xiaohuzaixue/p/17558731.html 注意 不要使用win11的右键打开终端&#xff0c;在文件管理器上方输入cmd打开终端才有用。
阅读更多...
数据结构——栈和队列OJ题

数据结构——栈和队列OJ题

栈和队列小提升&#xff01; 前言一、用队列实现栈队列接口实现&#xff08;1&#xff09;栈的接口定义&#xff08;2&#xff09;栈的初始化&#xff08;3&#xff09;入栈函数的定义&#xff08;4&#xff09;出栈函数的定义&#xff08;5&#xff09;查找栈顶元素&#xff0…
阅读更多...
数据清洗——气温历史数据

数据清洗——气温历史数据

import pandas as pd import numpy as np import matplotlib.pyplot as plt from pylab import mpl mpl.rcParams["font.sans-serif"] ["HarmonyOS Sans SC"] %matplotlib inline读取数据 data pd.read_excel("气温历史数据.xlsx") data.head…
阅读更多...
【golang】for语句和switch语句

【golang】for语句和switch语句

使用携带range子句的for语句时需要注意哪些细节&#xff1f; numbers1 : []int{1, 2, 3, 4, 5, 6} for i : range numbers1 {if i 3 {numbers1[i] | i} } fmt.Println(numbers1)这段代码执行后会打印出什么内容&#xff1f; 答案&#xff1a;[1 2 3 7 5 6] 当for语句被执行…
阅读更多...
【面试题系列】（一）

【面试题系列】（一）

Redis有哪些数据结构&#xff1f;其底层是怎么实现的&#xff1f; Redis 系列&#xff08;一&#xff09;&#xff1a;深入了解 Redis 数据类型和底层数据结构 字符串&#xff08;String&#xff09;&#xff1a; 用于存储文本或二进制数据。可以执行字符串的基本操作&#xf…
阅读更多...
只需五分钟，了解kafka的环境搭建

只需五分钟，了解kafka的环境搭建

〇、前言 在Kafka系列的上一篇文章中&#xff0c;我们介绍了Kafka的体系结构&#xff0c;那么本篇文章呢&#xff0c;我们就着手来把Kafka的运行环境搭建起来。 此处 &#xff0c;我们采用线上环境普遍使用的ZooKeeper作为管理存储和管理kafka集群元数据&#xff0c;或者辅助…
阅读更多...
更高效稳定 | 基于ACM32 MCU的编程直流电源应用方案

更高效稳定 | 基于ACM32 MCU的编程直流电源应用方案

随着电子设备的多样化发展&#xff0c;面对不同的应用场景&#xff0c;需要采用特定的供电电源。因此&#xff0c;在电子产品的开发测试过程中&#xff0c;必不可少使用编程直流电源来提供测试电压&#xff0c;协助完成初步的开发测试过程。 编程直流电源概述 编程直流电源结构…
阅读更多...
收单外包服务机构（第三方支付公司服务商）是什么？

收单外包服务机构（第三方支付公司服务商）是什么？

收单外包服务机构&#xff08;第三方支付公司服务商&#xff09;是什么&#xff1f; 伴随着电子商务的迅速发展&#xff0c;越来越多的企业开始认识到收单外包服务机构的重要性。 收单外包是一个重要的服务机构&#xff0c;可以帮助企业解决许多与支付相关的问题。 收单外包服务…
阅读更多...
行式存储与列式存储

行式存储与列式存储

1.概述 数据处理大致可分为两大类&#xff0c;联机事务处理OLTP(on-line transaction processing) 和联机分析处理OLAP(on-line analytical processing)。 OLTP是传统关系型数据库的主要应用&#xff0c;用来执行一些基本的、日常的事务处理&#xff0c;比如数据库记录的增、删…
阅读更多...
漏洞复现 || Franklin Fueling Systems tsaupload.cgi 任意文件读取

漏洞复现 || Franklin Fueling Systems tsaupload.cgi 任意文件读取

漏洞描述 Franklin Electric Franklin Fueling Systems是美国Franklin Electric公司的一个加油系统&#xff0c;Franklin Fueling Systems tsaupload.cgi 存在任意文件读取漏洞&#xff0c;攻击者通过漏洞可以获取服务器敏感文件。 免责声明 技术文章仅供参考&#xff0c;任…
阅读更多...
SpringMVC中Controller层获取前端请求参数的几种方式

SpringMVC中Controller层获取前端请求参数的几种方式

SpringMVC中Controller层获取前端请求参数的几种方式 1、SpringMVC自动绑定2、使用RequestParam 注解进行接收3、RequestBody注解&#xff08;1&#xff09; 使用实体来接收JSON&#xff08;2&#xff09;使用 Map 集合接收JSON&#xff08;3&#xff09; 使用 List集合接收JSO…
阅读更多...
C语言暑假刷题冲刺篇——day4

C语言暑假刷题冲刺篇——day4

目录 一、选择题 二、编程题 &#x1f388;个人主页&#xff1a;库库的里昂 &#x1f390;CSDN新晋作者 &#x1f389;欢迎 &#x1f44d;点赞✍评论⭐收藏✨收录专栏&#xff1a;C语言每日一练 ✨其他专栏&#xff1a;代码小游戏C语言初阶&#x1f91d;希望作者的文章能对你…
阅读更多...
iOS逆向初探：揭开iOS App的神秘面纱

iOS逆向初探：揭开iOS App的神秘面纱

逆向是一种分析和还原应用程序的过程&#xff0c;它能够揭示应用程序内部的工作原理和代码结构。接下来我们将全面介绍iOS上的逆向&#xff0c;包括其概念、常用工具和具体实例。 1. 什么是iOS逆向&#xff1f; iOS平台逆向是将应用程序的二进制代码&#xff08;通常是经过编…
阅读更多...
无涯教程-Python - Numbers(数字)

无涯教程-Python - Numbers(数字)

数字数据类型存储数值&#xff0c;它们是不可变的数据类型&#xff0c;这意味着更改数字数据类型的值将导致新分配的对象。 数字对象是在您为其分配值时创建的。例如- var11 var210 您也可以使用 del 语句删除对数字对象的引用。 del语句的语法是- del var1[,var2[,var3[..…
阅读更多...
基于XML实现SpringIoC配置

基于XML实现SpringIoC配置

目录 SpringIoc创建与使用的大致步骤 一.基于xml配置SpringIoc 二.基于xml配置DI 三.创建IoC容器并获取组件 SpringIoc创建与使用的大致步骤 SpringIoC的创建与使用过程分为3步 1.编写配置信息&#xff08;编写XML&#xff0c;注解、Java类&#xff09; 2.创建IoC容器&…
阅读更多...
易基因：WGBS等揭示丹参甲基化表征及DNA甲基化在丹参酮生物合成中的调控机制｜科研速递

易基因：WGBS等揭示丹参甲基化表征及DNA甲基化在丹参酮生物合成中的调控机制｜科研速递

大家好&#xff0c;这里是专注表观组学十余年&#xff0c;领跑多组学科研服务的易基因。 丹参&#xff08;Salvia miltiorrhiza&#xff0c;S. miltiorrhiza&#xff09;是一种具有重要经济价值和药用价值的模式药用植物&#xff0c;丹参的根会合成一组称为丹参酮&#xff08;…
阅读更多...
SpringBoot案例-配置文件-参数配置化

SpringBoot案例-配置文件-参数配置化

前言 目前我们已经完成了部门管理和员工管理功能接口的实现&#xff0c;阿里云OSS工具类中&#xff0c;我们会设置4个参数&#xff0c;分别是云服务域名、云服务ID和密码、文件存储的Bucket、就会存在以下问题&#xff1a;参数配置分散以及参数发生变化&#xff0c;就需要对应…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023