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?
-
<form>
-
用户名:
-
<inputtype=\”text\”>
-
<br>
-
密码:
-
<inputtype=\”password\”>
-
<br>
-
你喜欢的水果?(复选)<br>
-
APPLE<inputtype=\”checkbox\”>
-
BANANA<inputtype=\”checkbox\”>
-
PEAR<inputtype=\”checkbox\”><br>
-
性别(单选)<br>
-
男<inputtype=\”radio\”name=\”sex\” checked>
-
女<inputtype=\”radio\”name=\”sex\”>
-
<br>
-
选择m*(下拉列表)
-
<select>
-
<option>m1</option>
-
<option>m2</option>
-
<option>m3</option>
-
<option selected>mm</option><!–默认–>
-
</select>
-
<br>
-
<inputtype=\”button\”value=\”按钮\”>
-
<inputtype=\”submit\”><!–默认文字不同浏览器不同,测试IE10为\”提交查询内容\”,Chrome为提交–>
-
</form>
-
<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?
-
<formaction=\”http://localhost:63343/htdocs/PHPTEST/service.php\”method=\”get\”>
-
用户名:
-
<inputtype=\”text\”name=\”Tname\”>
-
<br>
-
密码:
-
<inputtype=\”password\”name=\”Tpassword\”>
-
<br>
-
<inputtype=\”submit\”value=\”提交\”>
-
</form>
服务端:
[php] view plain copy print?
-
<?php
-
echo\’GET方式可以做资源定位,如淘宝商品用id定位<br>用户名:\’.$_GET[\’Tname\’].\'<br>密码:\’.$_GET[\’Tpassword\’];
第二种方式,用Apache的服务,post方式提交:
[html] view plain copy print?
-
<formaction=\”http://localhost/PHPTEST/service.php\”method=\”post\”>
-
用户名:
-
<inputtype=\”text\”name=\”Tname\”>
-
<br>
-
密码:
-
<inputtype=\”password\”name=\”Tpassword\”>
-
<br>
-
<inputtype=\”submit\”value=\”提交\”>
-
</form>
服务端:
[php] view plain copy print?
-
<?php
-
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
文章为作者独立观点不代本网立场,未经允许不得转载。