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 文件
测试验证结果(若有其他相似类型问题,烦请自行解决)
未完待续。。。