HTML5 PHP环境的搭建 (stage1-2)

ゞ浴缸里的玫瑰 2022-06-03 10:50 161阅读 0赞

## 今天学习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][https_www.apachefriends.org_zh_cn_index.html]  
我们可以看到，XAMPP支持多个版本的下载，我们可以根据自己电脑的系统需要进行下载即可。  
![这里写图片描述][SouthEast]  
下载下来以后，安装过程同前面的”下一步“操作即可：  
![这里写图片描述][SouthEast 1]  
![这里写图片描述][SouthEast 2]  
![这里写图片描述][SouthEast 3]  
![这里写图片描述][SouthEast 4]  
点击 next，进入下一步的安装：  
![这里写图片描述][SouthEast 5]  
可能需要一段时间：  
![这里写图片描述][SouthEast 6]  
安装完成以后，我们可以进行启动  
![这里写图片描述][SouthEast 7]  
如图所示，我们启动apache和mysql服务，点击start进行启动；  
启动后，我们可以查看以下目录，通过以下目录我们来运行php脚本。  
我的目录为：D:\\xampp\\htdocs  
在htdocs目录下，我们来对PHP脚本文件进行执行操作。  
![这里写图片描述][SouthEast 8]

2)那么，如何编辑PHP脚本呢？这里我们用到了eclipse工具。  
下载地址：  
[https://www.eclipse.org/downloads/download.php?file=/oomph/epp/oxygen/R2/eclipse-inst-win64.exe][https_www.eclipse.org_downloads_download.php_file_oomph_epp_oxygen_R2_eclipse-inst-win64.exe]  
安装过程也同其他软件安装过程类似。  
双击安装程序进行安装时，会弹出让我们选择安装的类型：  
![这里写图片描述][SouthEast 9]  
我这里选择的是JAVAEE  
接下来就是一步一步往下即可。  
安装完成eclipse工具以后，我们还不能够直接写PHP脚本，我们要加载一下插件，步骤如下：  
点击菜单的help–install new software  
![这里写图片描述][SouthEast 10]  
选择当前的安装版本:  
![这里写图片描述][SouthEast 11]  
我这里选择的是  
Oxygen - [http://download.eclipse.org/releases/oxygen][http_download.eclipse.org_releases_oxygen]  
系统会根据版本，加载出所有的插件：  
![这里写图片描述][SouthEast 12]  
我们找到programming language并打开子目录：  
![这里写图片描述][SouthEast 13]  
然后往下拖动，找到与PHP相关的插件，进行选择并安装：  
（在这之前我的电脑已安装完成，可以在already installed中看到）  
![这里写图片描述][SouthEast 14]  
选择完对应的PHP插件后，点击next进行安装即可。  
安装完插件后，需要对eclipse进行重启。  
重启完成后，进行下一步操作：  
![这里写图片描述][SouthEast 15]  
切换到PHP开发环境下，开始创建一个PHP工程(选择php project)：  
![这里写图片描述][SouthEast 16]  
我们为其命名为PHP\_test,然后创建一个PHP文件：  
![这里写图片描述][SouthEast 17]  
我将其命名为Service.php  
接下来我们就可以进行一些简单的输出操作，输入以下代码：  
![这里写图片描述][SouthEast 18]

echo "hello world";

那么要如何执行这个脚本文件呢？  
前面说过，要在XAMPP文件的HTDOCS目录下才能执行，那么有两种办法：  
第一，把脚本文件直接拷贝到XAMPP的HTDOCS目录下，  
![这里写图片描述][SouthEast 19]  
拷贝完成后，打开浏览器，在地址栏输入localhost,如下：  
![这里写图片描述][SouthEast 20]  
进入该界面则表明XAMPP安装成功了。  
接下来，在localhost后面输入脚本文件的名字和后辍：  
[http://localhost/Service.php][http_localhost_Service.php]  
点击回车运行，如下：  
![这里写图片描述][SouthEast 21]  
第一种办法操作起来比较麻烦，那么可以采用第二种方法：  
我们可以通过把eclipse的工作空间切换到XAMPP的HTDOCS目录下：  
![这里写图片描述][SouthEast 22]  
![这里写图片描述][SouthEast 23]  
切换时， Eclipse需要重启一下。  
加载完成后，我们就可以在eclipse中直接运行PHP脚本：  
![这里写图片描述][SouthEast 24]  
运行结果：  
![这里写图片描述][SouthEast 25]

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

[https_www.apachefriends.org_zh_cn_index.html]: https://www.apachefriends.org/zh_cn/index.html
[SouthEast]: /images/20220603/54d20be2349c4607891b843a7a308235.png
[SouthEast 1]: /images/20220603/9a108edc9ae849faadc3ddade9e7d87d.png
[SouthEast 2]: /images/20220603/9c804959f28c4304ac29978e6b1cc2ab.png
[SouthEast 3]: /images/20220603/d4bbf8aeaf054b13bf6ee09da2bece07.png
[SouthEast 4]: /images/20220603/57163d23b91b4a678cd5f58d31de8db2.png
[SouthEast 5]: /images/20220603/5527be72ca964154a49fb0f66fbebe2a.png
[SouthEast 6]: /images/20220603/03c8787e1d8f41ffbd563e97899b15f5.png
[SouthEast 7]: /images/20220603/8fddb51596a2443eaba885685a40893b.png
[SouthEast 8]: /images/20220603/6fa9b161cd464461b8f0382909bcb805.png
[https_www.eclipse.org_downloads_download.php_file_oomph_epp_oxygen_R2_eclipse-inst-win64.exe]: https://www.eclipse.org/downloads/download.php?file=/oomph/epp/oxygen/R2/eclipse-inst-win64.exe
[SouthEast 9]: /images/20220603/a9604b2491ea4ff79beff095f284226f.png
[SouthEast 10]: /images/20220603/69cd08324e984e3ca2dba1af330214cf.png
[SouthEast 11]: /images/20220603/677300299bff467bbd77a948071cd4c7.png
[http_download.eclipse.org_releases_oxygen]: http://download.eclipse.org/releases/oxygen
[SouthEast 12]: /images/20220603/6d1c58236c7a46919388853ac67bae80.png
[SouthEast 13]: /images/20220603/744948e864964d02abfc2c0d3c13f36d.png
[SouthEast 14]: /images/20220603/f1baee3492314e0ca20a60955c7b6448.png
[SouthEast 15]: /images/20220603/f9739a9fb72741b3b0b929cfb95faf18.png
[SouthEast 16]: /images/20220603/acc2fc1f8ac342a4b3d72f8daf16f696.png
[SouthEast 17]: /images/20220603/c3e19b1fb80844ea92cb1e384598bce7.png
[SouthEast 18]: /images/20220603/52f7204f72c6490fbb2f48aa42c6246a.png
[SouthEast 19]: /images/20220603/fd1910c9bf2245b4bc2516c462a367c8.png
[SouthEast 20]: /images/20220603/bc716ea6037f40d8b4451c26deeeeb99.png
[http_localhost_Service.php]: http://localhost/Service.php
[SouthEast 21]: /images/20220603/2aa18826a3164848a8e4a93ead79dbd2.png
[SouthEast 22]: /images/20220603/ee3b86d00b56450da09fdfd06ae66acc.png
[SouthEast 23]: /images/20220603/513ae62672f54edcb0724c7325cd6dc5.png
[SouthEast 24]: /images/20220603/491fb8f4fa1c415eb37b0d69ae031930.png
[SouthEast 25]: /images/20220603/b1da68d5dd5e4754a8802babaa12f820.png