搭建本地服务器，连接PHP和HTML（WebStorm+PhpStorm+phpstudy），测试最简单的表单验证

phpstrom激活 • 2025-04-02 20:29 • 阅读 17

大家好，我是考100分的小小码，祝大家学习进步，加薪顺利呀。今天说一说搭建本地服务器，连接PHP和HTML（WebStorm+PhpStorm+phpstudy），测试最简单的表单验证,希望您对编程的造诣更进一步.

适合入门PHP以及HTML开发，分别使用PhpStorm和WebStorm建立php和html5项目，快速搭建本地服务器，同时实现PHP和HTML的连接。

1.所需工具：

PhpStorm

WebStorm （完全可以由PhpStorm代替）

phpstudy （记住安装位置）

推荐使用Google浏览器测试

2.WebStorm和PhpStorm 的汉化（可选）

新版本的JetBrains产品不需要手动导入汉化包，只要打开软件后按照

settings->plugins->marketplace 搜索Chinese，

安装后重启即可。

3.建立项目

PhpStorm ：新建空项目，新建php文件命名为welcome，测试使用的代码如下：

WebStorm：新建空项目，新建HTML5文件命名为form1，测试使用的代码如下：

4.部署（最重要的一步）：

PhpStorm的部署：

1、为php项目配置解释器

文件->设置->语言和框架->PHP，点击省略号

在此处找到phpstudy安装路径下的php.exe，然后确定

2、部署

文件->设置->构建、执行、部署->部署->加号->本地或挂载文件夹，命名为localhost

连接->文件夹，这里选到phpstudy目录下的WWW文件夹

在映射选项中添加一个新的路径，这个路径是相对于WWW文件夹的

3、上传

点击工具-部署-上传到localhost，如果在WWW文件夹中可以找到test1这个文件夹，文件夹中有刚刚写好的php文件，说明上传成功。

WebStorm的部署：

1、部署，与上面PhpStorm的步骤相同：

2、上传，与上面PhpStorm的步骤相同：

工具-部署-上传到localhost

5.打开服务器

打开phpstudy，开启Apache或Nginx中的任意一个。

点击WebStorm界面上的浏览器图标，输入姓名和邮箱后测试，若上述操作全部正确，会得到提交后的信息。

6.运行测试

点击WebStorm界面上的浏览器图标，输入姓名和邮箱。

提交后显示页面如下：

*PS:

1、每当修改WebStorm或者Phpstorm项目的代码后，一定要重新上传一次，否则运行的是修改前的旧版本。

2、测试之前要打开phpstudy，运行Apache或Nginx，否则连接不到本地服务器。