2.1 使用Eclipse创建PHP网站
一个网站对应于主机中的一个文件夹,其中包含多个文件,如PHP动态网页文件、HTML静态网页文件、CSS样式表文件、JavaScript代码文件及图片等各种资源文件。
下面我们使用Eclipse开发环境来创建一个PHP网站。
【例2-1】创建网站并将其命名为FirstWeb,新建网页index.php,网页运行时显示欢迎语句。
本案例主要介绍如何使用Eclipse创建网站,设置网页编码,新建PHP网页,编辑及运行网页的操作流程,具体步骤如下。
1.新建网站
在Eclipse集成开发环境中选择“File”→“New”→“PHP Project”命令,如图2-1所示。
图2-1 选择新建PHP网站的命令
打开图2-2所示的新建项目窗口,在“Project name”文本框中输入网站名称“FirstWeb”,然后单击“Finish”按钮。
图2-2 新建项目窗口
此时,网站创建成功,界面如图2-3所示。在“Project Explorer”视图窗口中可以看到项目对应的文件夹FirstWeb,它的名称与网站名称相同。
图2-3 新建项目成功界面
2.设置项目文件编码为UTF-8
Eclipse的文件默认采用GBK编码,中文字符在网页运行时将显示为乱码。因此,如果项目的页面文件包含中文,其编码就需要设置为UTF-8,以保证字符能够正常显示。
在“Project Explorer”视图窗口中用鼠标右键单击项目名称FirstWeb,在弹出的快捷菜单中选择“Properties”命令,如图2-4所示。
图2-4 选择“Properties”命令
此时弹出属性窗口,在窗口右侧的“Resource”属性面板中选择“Text file encoding”选项组中的“Other”单选按钮,并在下拉列表中选择“UTF-8”,然后单击“Apply and Close”按钮即可完成设置,如图2-5所示。
3.新建PHP网页文件
在“Project Explorer”视图窗口中用鼠标右键单击项目名称FirstWeb,在弹出的快捷菜单中选择“New”→“PHP File”命令,如图2-6所示。弹出“New PHP File”窗口,如图2-7所示。设置文件名称为“index.php”,然后单击“Finish”按钮,一个新的网页文件index.php就成功地添加到了网站中。此时,Eclipse的代码编辑器中默认打开了刚刚创建的文件让用户编辑代码,如图2-8所示。
图2-5 设置项目文件编码
图2-6 选择新建PHP网页文件的命令
图2-7 “New PHP File”窗口
图2-8 新建网页成功后的界面
4.编辑网页文件
在代码编辑器中输入图2-9所示的代码。其中的代码“echo"你好,欢迎使用PHP技术!";”的作用是在网页上输出字符串“你好,欢迎使用PHP技术!”。
图2-9 输入代码
5.运行网页
单击工具栏中的“Run”按钮图标右侧的下拉箭头,弹出图2-10所示的快捷菜单,选择“Run As”→“3 PHP Web Application”命令。
图2-10 快捷菜单
此时弹出“Run PHP Web Application”对话框,设置“Launch URL”为“http://localhost/FirstWeb/index.php”,然后单击“OK”按钮即可运行网页,如图2-11所示。页面在浏览器中的运行结果如图2-12所示。
图2-11 设置网页URL地址
图2-12 网页运行结果