2.4.1.HTML5表单提交和PHP环境搭建

视频加载中…

【H5教程-2.4.1小节】

1. HTML5表单的创建

HTML表单

1.表单用于不同类型的用户输入

2.常用表单标签:

<form> 表单

<input> 输入域

<textarea> 文本域

<label> 控制标签

<fieldset> 定义域

<legend> 域的标题

<select> 选择列表

<optgroup> 选择组

<option> 下拉列表中的选项

<button> 按钮

3.常用

复选框

单选按钮

下拉列表

文本域

创建按钮

[html] view plain copy print?

  1. <form>

  2. 用户名:

  3. <inputtype=\”text\”>

  4. <br>

  5. 密码:

  6. <inputtype=\”password\”>

  7. <br>

  8. 你喜欢的水果?(复选)<br>

  9. APPLE<inputtype=\”checkbox\”>

  10. BANANA<inputtype=\”checkbox\”>

  11. PEAR<inputtype=\”checkbox\”><br>

  12. 性别(单选)<br>

  13. 男<inputtype=\”radio\”name=\”sex\” checked>

  14. 女<inputtype=\”radio\”name=\”sex\”>

  15. <br>

  16. 选择m*(下拉列表)

  17. <select>

  18. <option>m1</option>

  19. <option>m2</option>

  20. <option>m3</option>

  21. <option selected>mm</option><!–默认–>

  22. </select>

  23. <br>

  24. <inputtype=\”button\”value=\”按钮\”>

  25. <inputtype=\”submit\”><!–默认文字不同浏览器不同,测试IE10为\”提交查询内容\”,Chrome为提交–>

  26. </form>

  27. <textareacols=\”30\”rows=\”10\”>文本域,cols行,rows列</textarea>

2. PHP环境搭建

可以用PHPStorm配置,也可以用xampp启动Apache

对于工作空间在/xampp/htdocs下的,如E:\\xampp\\htdocs\\PHPTEST\\service.PHP

可以用PHPStorm直接访问获得访问地址,如http://localhost:63343/htdocs/PHPTEST/service.php

也可以用Apache开启服务后的访问地址,如http://localhost/PHPTEST/service.php

3. HTML5表单与PHP交互

最简单的表单,采用get方式提交,action是PHPStorm得到的:

[html] view plain copy print?

  1. <formaction=\”http://localhost:63343/htdocs/PHPTEST/service.php\”method=\”get\”>

  2. 用户名:

  3. <inputtype=\”text\”name=\”Tname\”>

  4. <br>

  5. 密码:

  6. <inputtype=\”password\”name=\”Tpassword\”>

  7. <br>

  8. <inputtype=\”submit\”value=\”提交\”>

  9. </form>

服务端:

[php] view plain copy print?

  1. <?php

  2. echo\’GET方式可以做资源定位,如淘宝商品用id定位<br>用户名:\’.$_GET[\’Tname\’].\'<br>密码:\’.$_GET[\’Tpassword\’];

第二种方式,用Apache的服务,post方式提交:

[html] view plain copy print?

  1. <formaction=\”http://localhost/PHPTEST/service.php\”method=\”post\”>

  2. 用户名:

  3. <inputtype=\”text\”name=\”Tname\”>

  4. <br>

  5. 密码:

  6. <inputtype=\”password\”name=\”Tpassword\”>

  7. <br>

  8. <inputtype=\”submit\”value=\”提交\”>

  9. </form>

服务端:

[php] view plain copy print?

  1. <?php

  2. echo\’POST方式较为安全<br>用户名:\’.$_POST[\’Tname\’].\'<br>密码:\’.$_POST[\’Tpassword\’];

使用VS Code调试PhpStudy环境里的代码

最近几个月把所有项目都迁过来 VS Code 了(除了因为Unity调试问题反而用回了 Visual Studio),PHP也就抛弃了最强的 PhpStorm 。

这段时间抽空在帮朋友处理PHP项目,然而从来没有用过PHP调试功能的我,突然发现一个项目的bug,但是却怎么也打印不出东西,并且又不抛出错误。这就很离谱。于是乎,又开始填补自己的知识盲区,咱也要用上PHP的调试功能。

我使用的是WNMP环境,web服务器是 Nginx ,Apache 环境也是一样的流程。

使用默认版本的PHP就相当简单了,直接打开 XDebug调试组件 即可。

配置好了就可以跳过下面的部分,直接去看 配置 VS Code 。

要不说我这个人做东西怎么慢呢,因为经常想要知道 为什么 和 别的方法。所以我并没有使用默认的PHP版本,而是顺便想要更新到PHP 7.x的最新版。

先到官方网站下载最新的 PHP 7.4.33 – https://windows.php.net/download,我使用的是 nts 版本。下载完成以后放到 phpstudy 的相应目录下,例如 X:\\path\\to\\phpstudy_pro\\Extensions\\php 。文件夹名称修改为相同规则,例如 php-7.4.33nts 。

刚才下载的包里是不包含 XDebug 插件的,我们需要自己去下载和配置。

XDebug 官方网站有个非常贴心的功能,就是将本地 php_info 输出的信息,粘贴到输入框后,可以帮你分析出要下载的版本,并给出下载地址。到网址 https://xdebug.org/wizard 输入,然后点击 *Analyse my phpinfo() output* 按钮即可。

把下载好的dll插件拷贝到刚才 php-7.4.33nts\\ext 目录中,然后在 php.ini 中加上以下信息(直接加在最末尾即可,确保是在 OPCache 配置的后面):

记得把 zend_extension 的值改为你插件实际所在的路径和实际的名称。

首先重启web服务器(无论 Nginx 还是 Apache),然后用 phpinfo() 打印PHP信息,看是否有 XDebug 插件。

确保 VSCode 中已经下载 PHP Debug 插件。可以搜索下载,也可以点击这里跳转后下载 – https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug 。

打开 文件->首选项->设置 , 在配置中添加如下内容:

最后直接点击 *运行和调试* 按钮,在创建的 launch.json 里添加一个配置,或者找到已存在的配置来修改:

老规矩,我在 二机联盟-知识星球 存了一份我自己配置好的 php7.4.33nts ,只需要修改一下 XDebug dll插件路径即可。同时这个包也配置好了 Memcached ,如果服务器没有安装,或者不需要启用,注释掉相关内容即可。

打开调试,一切豁然开朗,还顺手解决了原有框架的一个问题,舒坦

[2022年12月25日原始发布于本作者博客]

点击“阅读原文”可恢复文章内所有链接哦!

阅读原文:使用VS Code调试PhpStudy环境里的代码 | GSGUNDAM砍柴工

PHP介绍及变量,常量应用(笔记12)

网络安全自学笔记12

简单学习完HTML,开始学习PHP

PHP: Hypertext Preprocessor,中文名:“超文本预处理器”,是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;PHP还可以执行编译后代码,编译可以达到加密和优化代码运行,使代码运行更快

1、PHP环境安装

可Windows环境安装;Linux环境安装;集成环境包安装

集成环境包比较多,参考笔记3,使用phpStudy搭建PHP攻防环境

phpStudy搭建的PHP环境,网站目录为C:/phpStudy/WWW,则在C:\\phpStudy\\WWW路径下创建test.php文件作为测试

创建test.php

2、写代码的工具选择

推荐的开发工具:

①. NotePad++

②. phpstorm

非专业做PHP开发,选择的NotePad++

phpinfo是一个函数(功能),显示一个当前电脑(服务器)的详细的PHP信息

打开test.php文件,输入以下代码,保存

输入代码,保存

端口设置的80,浏览器打开http://192.168.31.100/test.php

显示当前PHP环境信息

$ 叫作美元符,英文单词:dollar。PHP的变量必须以美元符开始

打开test.php文件,输入以下代码,保存

输入以下代码,保存

端口设置的80,浏览器打开http://192.168.31.100/test.php

输出结果

变量分类:可变变量、外部变量、环境变量

1、可变变量

可变变量

显示页面

2、外部变量

PHP的外部变量是PHP 在使用过程中规定好的一些变量

在该路径下创建test.html文件,输入以下代码,保存

test.html

输入以下代码,保存

打开test.php文件,输入以下代码,保存

输入以下代码,保存

浏览器中打开http://192.168.31.100/test.html

test.html

输入测试,6,点击提交

提交

test.php

\”test.php\” 文件现在可以通过 $_POST 变量来收集表单数据了

总结一些外部变量

3、环境变量

环境变量主要用的有$_SERVER和$_ENV两个环境变量。不过,$_ENV逐渐被给废弃了

其他一些环境变量

用define函数定义常量

注:

1.常量名可以小写,但是通常大写

2.常量名可以不加引号,但是通常加上引号。

3.在字符串中调用常量的时候,必须在引号外面

4.常量名建议只用字母和下划线

test.php

test.php

其他一些常量

总结:

1、初步了解PHP语言

2、学习PHP变量、常量

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。