目录

一、软件安装

二、软件讲解

三、搭配环境

四、编辑软件配置

五、成果展示

---

如果有人问：为什么非要用xampp、VS code编辑软件?不用phpstudy等其他工具。

那么我只想说：因为xampp、VS code编辑软件免费(ಡωಡ)hiahiahia 

---

一、软件安装

下载连接：XAMPP Installers and Downloads for Apache Friendshttps://www.apachefriends.org/zh_cn/index.html

选择根据自己电脑类型（Windows，Linux，OS X）的软件下载，点击下载后如果没有反应。

以迅雷为例：

点击图标，然后选中文件继续下载。

在下载完软件后，安装过程中除了安装路径更改（默认C盘）其他的不用管，一直点击下一步即可完成安装。

---

二、软件讲解

 XAMPP是一个功能强大的建站集成软件包，一个流行的开源Web服务器包，集成了Apache HTTP服务器、MySQL数据库、PHP和Perl。

XAMPP是一个免费且开源的软件套件，用于在个人计算机上轻松搭建和运行Apache服务器、MySQL数据库、PHP和Perl。

XAMPP是一个用于开发和测试的工具，不适合用于生产环境。对于需要大规模部署和管理的项目，XAMPP可能不是最佳选择。

---

以系统管理员用户登录，将下载的包在服务器上解压到任意目录（不能放在中文名目录内），然后运行setup_xampp.bat初始化XAMPP。接着，运行xampp-control.exe可以启动或停止Apache、MySQL等各个模块，并可将其注册为服务。

Apache：显示其PID（进程ID）为31716，监听端口为80和443（通常用于HTTP和HTTPS）。提供了停止、管理、配置、日志、Shell等操作选项。

MySQL：显示有启动问题，因为端口3306被占用，提示“Unable to open process”，这意味着MySQL无法在该端口上启动。MySQL模块提供了启动、管理、配置、日志、资源管理器（Explorer）等选项。

FileZilla：显示为已启动状态，同样提供了管理、配置、日志等选项。注意，FileZilla是一个FTP客户端，通常不直接集成在XAMPP中，这可能是用户额外安装或配置的。

Mercury：一个邮件服务器模块，显示为已启动状态，提供了管理、配置、日志等选项。

Tomcat：Java Servlet容器，用于部署Java Web应用程序，显示为未启动状态，但提供了启动、管理、配置、日志等选项。 

---

三、搭配环境

通过XAMPP控制面板启动Apache服务器和MySQL服务器后，用户可以在htdocs文件夹中放置网站的相关代码和图片等资源，然后通过浏览器访问localhost（查看网站根目录）来查看网站。

当然，在上图中可以看到"MySQL：显示有启动问题，因为端口3306被占用，提示“Unable to open process”，这意味着MySQL无法在该端口上启动"

主要是因为在本机上单独安装了MySQL,并启动了mysql80服务，因此在xampp软件上并不能开启MySQL服务。

---

打开xampp文件夹中的htdocs文件夹，因为此文件夹路径是网站开发默认的路径。在此文件夹中建立php文件。

 打开网站，在搜索栏中输入localhost，即可查看htdocs文件夹中名为index.php的页面，这是默认的首项。

如果想要查看其他.php文件只需在localhost后面加上\文件名.php。

四、编辑软件配置

使用VS code编辑软件进行编写.php文件。

下载插件Chinese Language下载好后重新打开软件，为了汉化软件语言。

在编辑前需要下载插件：

Open in brower（可以编写完HTML文件后右键，选中Open In Default Browser即可运行）

PHP IntelliSense（有内置函数，可以弹出提示）

Code Runner（直接在软件的输出界面中得到一些小程序的结果）

每个下载好后都需要重新打开软件，使插件运行。

php cs fixer（在编辑完成后点击保存即可自动格式化编写的程序）

但需要做以下操作：

附加：如果需要在VS code界面直接右键点击运行，往往是会报错，无法正常运行操作的。

需要做以下步骤：

1.下载插件Open PHP/HTML/JS in browser，并重新启动保证插件正常运行。

2.打开下载的xampp软件中htdocs文件夹，保存路径，在VS code界面选择文件，找到首选项-设置-扩展，打开找到如下界面：

把自己的路径复制到Document Root Folder下，并在最后加上\。 

---

五、成果展示

如下为创建MySQL数据库的.php文件代码。

创建了一个名为 "myDB" 的数据库：

<?php
$servername = "localhost";
$username = "username";
$password = "password";$conn = new mysqli($servername, $username, $password);if ($conn->connect_error) {die("连接失败: " . $conn->connect_error);
} $sql = "CREATE DATABASE myDB";
if ($conn->query($sql) === TRUE) {echo "数据库创建成功";
} else {echo "Error creating database: " . $conn->error;
}$conn->close();
?>

如下三行代码需要填写自己的数据库信息：服务器名（一般默认为localhost），用户名（执行创建数据库命令的一般为高级用户，如：root用户），密码。

​
$servername = "localhost";
$username = "username";
$password = "password";
​

如果需要指定端口号，可以在$servername参数中通过冒号（:）分隔主机名和端口号。但一般MySQL数据库默认的端口号为3306。

如下便是运行后的结果：

 在数据库中查看结果如下：