目录
一、软件安装
二、软件讲解
三、搭配环境
四、编辑软件配置
五、成果展示
如果有人问:为什么非要用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。
如下便是运行后的结果:
在数据库中查看结果如下: