首页
学习
活动
专区
工具
TVP
发布

HTML5 PHP环境的搭建

安装完了IDEA,并学习了几个表单标签的使用,接下来就要学习一下PHP环境的搭建了。

1)首先,需要下载一个XAMPP的文件

在这里我百度百科了一下这个工具的相关资料:

XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包。这个软件包原来的名字是 LAMPP,但是为了避免误解,最新的几个版本就改名为 XAMPP 了。它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。

许多人通过他们自己的经验认识到安装 Apache 服务器是件不容易的事儿。如果您想添加 MySQL、PHP 和 Perl,那就更难了。XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 的确非常容易安装和使用:只需下载,解压缩,启动即可。

XAMPP是最流行的PHP开发环境。

XAMPP是完全免费且易于安装的Apache发行版,其中包含MariaDB、PHP和Perl。XAMPP开放源码包的设置让安装和使用出奇容易。

下载地址:https://www.apachefriends.org/zh_cn/index.html

我们可以看到,XAMPP支持多个版本的下载,我们可以根据自己电脑的系统需要进行下载即可。

下载下来以后,安装过程同前面的”下一步“操作即可:

点击 next,进入下一步的安装:

可能需要一段时间:

安装完成以后,我们可以进行启动

如图所示,我们启动apache和mysql服务,点击start进行启动;

启动后,我们可以查看以下目录,通过以下目录我们来运行php脚本。

我的目录为:D:\xampp\htdocs

在htdocs目录下,我们来对PHP脚本文件进行执行操作。

2)那么,如何编辑PHP脚本呢?这里我们用到了eclipse工具。

下载地址:

https://www.eclipse.org/downloads/download.php?file=/oomph/epp/oxygen/R2/eclipse-inst-win64.exe

安装过程也同其他软件安装过程类似。

双击安装程序进行安装时,会弹出让我们选择安装的类型:

我这里选择的是JAVAEE

接下来就是一步一步往下即可。

安装完成eclipse工具以后,我们还不能够直接写PHP脚本,我们要加载一下插件,步骤如下:

点击菜单的help–install new software

选择当前的安装版本:

我这里选择的是

Oxygen - http://download.eclipse.org/releases/oxygen

系统会根据版本,加载出所有的插件:

我们找到programming language并打开子目录:

然后往下拖动,找到与PHP相关的插件,进行选择并安装:

(在这之前我的电脑已安装完成,可以在already installed中看到)

选择完对应的PHP插件后,点击next进行安装即可。

安装完插件后,需要对eclipse进行重启。

重启完成后,进行下一步操作:

切换到PHP开发环境下,开始创建一个PHP工程(选择php project):

我们为其命名为PHP_test,然后创建一个PHP文件:

我将其命名为Service.php

接下来我们就可以进行一些简单的输出操作,输入以下代码:

1

那么要如何执行这个脚本文件呢?

前面说过,要在XAMPP文件的HTDOCS目录下才能执行,那么有两种办法:

第一,把脚本文件直接拷贝到XAMPP的HTDOCS目录下,

拷贝完成后,打开浏览器,在地址栏输入localhost,如下:

进入该界面则表明XAMPP安装成功了。

接下来,在localhost后面输入脚本文件的名字和后辍:

http://localhost/Service.php

点击回车运行,如下:

第一种办法操作起来比较麻烦,那么可以采用第二种方法:

我们可以通过把eclipse的工作空间切换到XAMPP的HTDOCS目录下:

切换时, Eclipse需要重启一下。

加载完成后,我们就可以在eclipse中直接运行PHP脚本:

运行结果:

好。今天先到这里,明天就是进行HMTL5与PHP的交互操作。

期待~~

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180212G00KNV00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券