PHP动态Web开发技术
上QQ阅读APP看书,第一时间看更新

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 网页运行结果