
实验1 WampServer环境
实验目的:
①了解WampServer安装过程。
②理解WampServer配置。
③掌握WampServer中phpMyAdmin工具的使用。
④掌握WampServer管理PHP的简单测试。
实验内容:
①WampServer安装过程。
②WampServer配置过程。
③phpMyAdmin的使用。
④WampServer中使用PHP。
【1-1】在Windows 7下安装WampServer
操作步骤:
①确定Windows 7操作系统是32位操作系统还是64位操作系统,在WampServer官方网站http://www.WampServer.com下载对应的32位WampServer或64位WampServer安装包。
②对于新用户来说,没有安装WampServer,双击下载目录下的WampServer3.0.6_x64_apache2.4.23_mysql5.7.14_php5.6.25-7.0.10.exe文件,安装程序开始运行,进入语言选择界面,如图1-1所示。

图1-1 语言选择界面
③单击OK按钮,进入安装许可界面,如图1-2所示。
④选中I accept the agreement单选按钮,单击Next按钮,进入信息界面,如图1-3所示。
⑤单击Next按钮,进入安装目录设置界面,如图1-4所示。

图1-2 安装过程-安装许可界面

图1-3 安装过程-信息界面

图1-4 安装目录设置界面
如果要选择其他安装目录,可单击Browser按钮。如果保持默认安装目录,则单击Next按钮,进入启动菜单文件夹名称设置界面,如图1-5所示。如果需要更改目录,可单击Browse按钮进行选择,如果不更改,可单击Next按钮,进入安装准备就绪界面,如图1-6所示。
单击Install按钮,进入安装进度界面,如图1-7所示。

图1-5 启动菜单文件夹名称设置界面

图1-6 安装准备就绪界面

图1-7 安装进度界面
⑥等待安装完成,进入浏览器设置界面,如图1-8所示。

图1-8 浏览器设置界面
⑦单击“是”按钮,进入浏览器文件路径设置界面,如图1-9所示。

图1-9 浏览器文件路径设置界面
⑧单击“打开”按钮,进入编辑器设置界面,如图1-10所示。

图1-10 编辑器设置界面
⑨单击“是”按钮,进入notepad.exe选择界面,如图1-11所示。
⑩单击“打开”按钮,进入phpMyAdmin信息界面,如图1-12所示。

图1-11 notepad选择界面

图1-12 phpMyAdmin信息界面
单击Next按钮,进入WampServer安装完成通知界面,如图1-13所示。

图1-13 WampServer安装完成通知界面
单击Finish按钮,WampServer应用程序安装完成,并在桌面上创建启动快捷方式图标,在启动菜单中创建应用程序菜单项。
【1-2】WampServer配置
操作步骤:
①双击桌面上的WampServer启动图标,启动WampServer。如果启动正常,则系统任务栏上的WampServer图标呈现绿色,如图1-14所示。

图1-14 WampServer正常运行状态显示任务栏图标
②设置语言。右击任务栏上的WampServer绿色图标,在弹出的快捷菜单中选择“语言”→chinese命令即设置为中文,如图1-15所示。
③配置WampServer的www目录。WampServer安装完成之后,默认的www目录在程序安装所在文件夹的www子文件夹下。为了简单,不修改其默认目录。
④Apache Web服务器配置。WampServer安装好之后支持PHP页面,文件解释类型都已经添加完毕,所以不需要太多的设置。这里只介绍简单的虚拟目录设置过程。
● 检查Apache Web服务器工作是否正常。单击任务栏上的WampServer图标,在弹出的菜单中选择Localhost选项,如图1-16所示。通过IE浏览器打开本地网站http://localhost:8080,如果服务器工作正常,则如图1-17所示。

图1-15 设置语言

图1-16 选择localhost选项
● 设置虚拟目录。单击WampServer托盘图标,在弹出的菜单中选择“www目录(W)”(见图1-18),打开www文件夹窗口,如图1-19所示。

图1-17 WampServer虚拟目录浏览界面

图1-18 www目录选择

图1-19 www文件夹窗口
● 在窗口中新建文件夹test(见图1-20),并利用文本编辑器在test文件夹中建立一个名字为index.php的文本文件,如图1-21所示。

图1-20 test文件夹

图1-21 index.php文件及其内容
在浏览器地址栏中输入http://localhost:8080/test,如果服务器工作正常,则显示结果如图1-22所示。
【1-3】phpMyAdmin的使用
操作步骤:
①单击任务栏中的WampServer图标,在弹出的菜单中选择phpMyAdmin,进入phpMyAdmin使用界面,如图1-23所示。

图1-22 虚拟目录test测试效果

图1-23 phpMyAdmin使用界面
②语言栏选择“中文-Chinese simplified”,则整个界面显示为中文。在“用户名”文本框中输入“root”,单击“执行”按钮,进入phpMyAdmin管理界面,如图1-24所示。

图1-24 phpMyAdmin管理界面
在此状态下,可以对数据库进行操作。例如,数据库浏览、SQL语句使用、查看数据库状态、数据库的账户管理、数据库内容的导入和导出以及其它功能。
③浏览数据库。图1-24所示界面左边窗格显示MySQL的数据库信息,当前有6个数据库,可以通过该窗格新建数据库。单击中间窗格的“数据库”按钮,显示MySQL的数据库信息,如图1-25所示。

图1-25 浏览数据库信息
④数据库账户管理。单击phpMyAdmin界面中的“账户”按钮,进入MySQL数据库的账户管理界面,如图1-26所示。

图1-26 账户管理界面
⑤新建test账户。单击“新增用户账户”按钮,进入新增用户账户界面,如图1-27所示。

图1-27 新增用户账户界面
● 在User name对应的右边文本框中输入test;在Host name对应的文本框中选择“本地”,右边文本框中则自动显示locaohost;在“密码”框中输入密码“123456”,在“重新输入”右边的文本框中输入密码“123456”,结果如图1-28所示。

图1-28 新增用户账户信息界面
● 向下滚动滚动条,选中“全局权限”复选框,如图1-29所示。
● 向下滚动滚动条,单击右下角的“执行”按钮,执行后的结果如图1-30所示。
● 再次单击窗格中的“账户”按钮,可以看到新建的test信息,如图1-31所示。

图1-29 用户全局权限设置界面

图1-30 新增用户账户执行结果界面

图1-31 新增用户账户刷新后的管理界面
实训项目
【实训】新增用户账户。要求如下:
账户名:自己的学号。
主机名:本地主机。
账号密码:12345678。
全局权限:所有。
思考与练习
1.phpMyAdmin的具体应用是什么?
2.WampServer包含哪些服务程序?
3.如何理解账号的全局权限?