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

最新推荐文章于 2024-05-04 23:40:28 发布

SunnySantino

最新推荐文章于 2024-05-04 23:40:28 发布

阅读量1.7k

点赞数 3

文章标签： php web html5 服务器

本文链接：https://blog.csdn.net/SunnySantino/article/details/113073809

版权

适合入门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，测试使用的代码如下：

<html>
<body>
    <?php
        $name=$email="";

        if($_SERVER["REQUEST_METHOD"]=="POST"){
            $name=test_input($_POST["myname"]);
            $email=test_input($_POST["email"]);
        }

        function test_input($data){
            $data=trim($data);
            $data=stripslashes($data);
            $data=htmlspecialchars($data,ENT_QUOTES);
            return $data;
        }
    ?>
    <p>提交的姓名：<?php echo $name;?></p>
    <p>提交的邮箱：<?php echo $email;?></p>
</body>
</html>

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <form action="welcome.php" method="POST">
        姓名：<input type="text" name="myname"><br><br>
        邮箱：<input type="text" name="email"><br><br>
        <button type="submit">提交</button>
    </form>
</body>
</html>

/
/
/

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，否则连接不到本地服务器。
*

SunnySantino

关注

3
点赞
踩
11

收藏

觉得还不错? 一键收藏
3
评论
搭建本地服务器，连接PHP和HTML（WebStorm+PhpStorm+phpstudy），测试最简单的表单验证

适合入门PHP以及HTML开发，分别使用PhpStorm和WebStorm建立php和html5项目，快速搭建本地服务器，同时实现PHP和HTML的连接。1.所需工具：WebStormPhpStormphpstudy （记住安装位置）推荐使用Google浏览器测试///2.WebStorm和PhpStorm 的汉化（可选）新版本的JetBrains产品不需要手动导入汉化包，只要打开软件后按照settings->plugins->marketplace 搜索Chinese
复制链接

扫一扫