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

Windows系统Web UI自动化测试学习系列4--开源系统平台测试项目环境部署搭建

测试学习记录,仅供参考!

选择 Web 系统开源项目(测试项目自行选择)

        1、网络平台(例如百度、淘宝、京东、小米商城等等各大网站)

        2、自己在服务器中部署的项目(例如在虚拟机中架设的禅道系统等其他开源项目系统)

        3、本地计算机安装的第三方程序(开源项目等)

        4、其他

一、简介

1、 跨平台开源程序--电商商城系统--ECSHOP演示站

软件简介

XAMPP=Apache + MySQL + PHP + Perl,是一个完全免费,易于安装和使用 Apache 发行版,包含了 Apache、MySQL、PHP 和 Perl。支持 Windows、Linux 和 OS X,是目前最流行的 PHP 开发环境;

百科

XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包;这个软件包原来的名字是 LAMPP,但是为了避免误解,最新的几个版本就改名为 XAMPP 了;它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用;许多人通过他们自己的经验认识到安装 Apache 服务器是件不容易的事儿;如果您想添加 MySQL、PHP 和 Perl,那就更难了;XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版;XAMPP 的确非常容易安装和使用:只需下载,解压缩,启动即可;

https://www.apachefriends.org/index.html下载安装包,进行解压;

度盘资源链接: https://pan.baidu.com/s/1wu08XylcH1LiOHdPm8KIIg 提取码: 5678

2、准备已经下载解压的安装包,选择 xampp 可执行文件,鼠标双击打开开始安装;

--或者鼠标右键‘以管理员身份运行(A)’,以防止权限不足;

ps:建议使用安装包内指定的 xampp 版本

3、若鼠标右键菜单没有“以管理员身份运行(A)”选项,建议自行解决;

例如:鼠标右键→属性(R) 对话框→兼容性 选项卡→设置 以以管理员身份运行 → 应用 → 确定

4、打开运行后,安装动画一闪而过(不用理会此画面)

5、若有此对话框,直接鼠标单击 Yes 按钮;若无则无视即可;

6、提示对话框,大致意思总结“安装路径不能包含空格”,直接鼠标单击 OK 按钮;若无则无视;

提示:不要安装在 C:\Program Files (x86) 文件目录下 -- 安装目录不能有空格,否则安装不成功

7、直接鼠标单击 Next > 下一步 按钮;

8、继续鼠标单击 Next > 下一步 按钮;(可自行查看)

9、安装路径,默认 C 盘;(建议不包含有空格,否则可能会安装不成功)

10、安装路径按需自行更改,单击 Next > 下一步 按钮;

11、继续单击 Next > 下一步 按钮;(会自动打开一个浏览器,不用管它关闭即可;或者取消勾选,再下一步)

一般会自动打开浏览器,关闭即可(当前已设置默认的浏览器)-- 这里直接ESC键就不打开浏览器了

12、单击 Next > 下一步 按钮;

13、开始安装 → 安装中(需等待几分钟)

14、安装完成,鼠标单击 Finish 完成 按钮;(这个工具是集成了一个 web服务端和MySQL数据库环境)

ps:安装时可能会在对应盘中生成以下文件(具体原因未知);

经测试,删除不影响使用,好像就只是安装文件;看个人习惯,可以接受留着也行;

15、选择语言,鼠标单击 Save 保存 按钮;(按需自行选择,一般默认即可)

二、控制面板

正常情况

16、打开 XAMPP Control Panel 控制面板(正常情况)

17、启动 Apache,在 XAMPP Control Panel 控制面板中选择 Apache 对应的 Start 按钮单击;

ps:(若启动成功,会变成绿色,若失败则红色)

18、启动 MySQL,若出现防火墙提醒,单击 允许访问(A) 按钮;若无则无视即可;

19、在 XAMPP Control Panel 控制面板中选择 MySQL 对应的 Start 按钮,鼠标单击启动;(若无问题则可直接跳转至 29 步骤--第三部分“新建空数据库”)

异常情况(端口占用及解决方法)

20、若打开 XAMPP Control Panel 控制面板有红色字体提醒(端口号被占用情况),鼠标单击 Netstat 按钮,可以查看到 80 和 443 端口号均已被 VMware 虚拟机占用,可自行释放端口号或者去手动去修改 VMware 占用443端口为其他端口;这里修改 Apache 配置文件;

21、在 XAMPP Control Panel 控制面板中选择 Apache 对应的 Config 按钮单击可以查看需要修改的配置文件;

22、打开 xampp 安装目录,选择 F:\xampp\apache\conf 文件夹下面的 httpd.conf 文件;

23、修改被占用的 80 端口为 8088 端口;(自行更改端口号,记得修改后保存)

Listen 80

ServerName localhost:80

24、修改XAMPP SSL模块使用端口号

打开 xampp 安装目录,选择 F:\xampp\apache\conf\extra 文件夹下面的 httpd-ssl.conf 文件;

25、修改被占用的 443 端口为 4430 端口;(修改后保存)

Listen 443

26、在 XAMPP Control Panel 控制面板中鼠标单击 Config 按钮,再弹出的对话框中单击 Service and Port Settings 按钮,在Service Settings 对话框中分别修改 Main Port 80 和 SSL Port 443 为 8088 4430,最后务必单击 Save 保存按钮;

重新打开 XAMPP Control Panel 控制面板

27、回到 XAMPP Control Panel 控制面板;若不小心关闭了 XAMPP Control Panel 控制面板,在安装目录中选择 xampp-control.exe 可执行文件重新打开即可;

端口占用已被解决,没有红字提醒;

28、依次在 XAMPP Control Panel 控制面板启动 apache 和 MySQL 服务;

若无法启动 Xampp 的 Apache 服务,可能是缺少VC运行库,

下载安装 Microsoft Visual C++ 2008 Redistributable安装包即可解决(一般情况下不会有此问题)

启动 apache 和 MySQL 服务成功;(若关闭则单击 Stop 按钮)

三、新建空的数据库

29、启动 apache 和 MySQL 服务完成后,选择 MySQL 对应的 Admin 按钮,鼠标单击;

会在浏览器中打开这个开源系统(后台数据库)

30、鼠标单击页面左侧中的“新建”;

31、在数据库页签中新建数据库,输入数据库名 ecshop,单击“创建”按钮;

ps:只输入数据库名即可,其他不用动;

32、新建一个名称为 ecshop 空的数据库;

四、拷贝文件

复制并更改文件夹名称

33、创建数据库之后,打开安装包中的 ECShop 文件,找到目录文件下面的 upload 文件夹,复制整个文件夹;(烦请根据自身实际文件路径)

文件目录路径 F:\安装包\安装包\ECShop_V2.7.3_UTF8_release1106\ECShop_V2.7.3_UTF8_release1106

34、把复制的 upload 文件夹 粘贴放到 xampp 安装路径 F:\xampp\htdocs 目录下面;

35、更改 upload 文件夹名称为 ecshop 名称;(改成上面创建的 ecshop 数据库名称)

打开链接

36、打开链接 http://localhost/ecshop/install/index.php (得完成上一步才能打开这个链接)

可以看到打开 请求的 URL 是 80 端口

37、 因为已经把 80 端口改成 8088 端口,所以修改打开链接 http://localhost:8088/ecshop%20/install/index.php

38、勾选‘我已仔细阅读,并同意上述条款中的所有内容’,单击 ‘下一步:配置安装环境’按钮;

39、直接鼠标单击‘下一步:配置系统’按钮;

40、数据库名填写刚刚创建的 ecshop 名称;

41、数据库名 ecshop 填写完成后会自动弹出一个提示对话框,直接单击“确定”按钮即可;

42、数据库密码暂时为空,可以不填;输入管理员账号信息,管理员姓名、登录密码、密码确认→立即安装

管理员姓名 admin,登录密码 q1234567 (登录密码任意填写自己能记住的就行)

43、ECShop安装完成;

安装成功后替换文件

44、打开安装包中的 ECShop 文件,复制 cls_template.php 和 lib_main.php 文件;

复制文件--文件目录路径 F:\安装包\安装包\ECShop_V2.7.3_UTF8_release1106

lib_main.php

cls_template.php

45、把复制的 cls_template.php 和 lib_main.php 文件 粘贴到 xampp 安装路径 F:\xampp\htdocs\ecshop\includes 目录下面;

直接替换两个同名文件;

五、访问系统首页和后台管理中心

46、访问开源商城系统首页和后台管理中心

打开链接

ECShop首页地址 http://localhost/ecshop/

ECShop后台地址 http://localhost/ecshop/admin/

ECShop首页

ECShop首页地址--修改端口--http://localhost:8088/ecshop/

ECShop后台-管理中心

ECShop后台地址--修改端口--http://localhost:8088/ecshop/admin/privilege.php?act=login

47、 在后台输入管理员姓名admin,登录密码q1234567和验证码,单击‘进入管理中心’按钮;

48、成功进入后台管理系统(自行查看或可添加新商品,后续有需要再添加测试商品亦可);

六、其他

49、关闭 XAMPP Control Panel 控制面板 apache 和 MySQL 服务,选择对应的 Stop 按钮鼠标单击即可;

50、退出 XAMPP 后下次选择可执行文件 xampp-control.exe 重新打开 XAMPP Control Panel 控制面板,启动 apache 和 MySQL 服务即可打开ECShop 商城系统首页和后台。

拓展

ECShop后台

Strict Standards: Non-static method cls_image::gd_version() should not be called statically in F:\xampp\htdocs\ecshop\includes\lib_base.php on line 346

修改F:\xampp\htdocs\ecshop\includes\ 文件夹目录下 lib_base.php 文件

测试验证结果(若有其他相似类型问题,烦请自行解决)

未完待续。。。

http://www.dtcms.com/a/418845.html

相关文章:

  • 深入理解 C++ 中的 `std::bind`:功能、用法与实践
  • 具有营销型网站有哪些长沙市建设局网站
  • 对于网站建设的提问海陵区建设局网站
  • QML学习笔记(十七)QML的属性变更信号
  • JavaWeb 课堂笔记 —— 23 事务管理
  • 一阶微分方程求解方法详解:构建系统学习笔记
  • display ip routing-table protocol ospf 概念及题目
  • 河北邯郸建网站大学网站建设的目标与思路
  • Python学习历程——基础语法(print打印、变量、运算)
  • 【从零开始学习RabbitMQ】
  • Kafka08-优化-尚硅谷
  • 小杰深度学习(two)——全连接与链式求导
  • vue警告:Extraneous non-props attributes (class) were passed to component
  • 记录第一次搭建ELK+filebeat环境
  • 【复习】计网每日一题--多播
  • 狮山网站开发wordpress轩小程序
  • Ubuntu22.04——配置固定IP
  • 记Bugku CTF平台解题过程
  • OceanBase主备库日志传输服务
  • React-props的children属性
  • 济宁做网站的公司邯郸公司网站建设
  • 特别分享:关于Pipeline
  • 速通ACM省铜第十七天 赋源码(Racing)
  • ARM(IMX6ULL)——通信(IIC/I2C)
  • 零基础学AI大模型之LangChain-PromptTemplate
  • FFT去除规律条纹
  • JAVA中的权限修饰符
  • 前端面试十四之webpack和vite有什么区别
  • 小米路由器 做网站银川森林半岛
  • Kafka04-知识速记