PHP程序设计教程 课件 模块三 PHP Web编程.pptx

PHP程序设计教程

模块三PHPWeb编程

任务2.1Web表单数据的提交与获取

目录Contents3任务实施1任务目标2任务书

任务目标①理解PHP处理表单的过程。②掌握表单的接收与处理方法。③掌握表单的异步提交方式。④理解HTTP的请求和响应方法。⑤培养勤于思考、严谨自律、精益求精，以及质量意识、标准意识和学习意识（课程思政）。

任务书任务1：表单数据提交创建表单页面，页面表单如图2-1所示。提交表单数据到后端对应的php文件处理，并在Web页面中输出用户所提交的表单信息。图2-1页面表单

任务实施表单数据提交过程（1）导入教师提供的表单素材userInfo.html和配套的css样式文件，并对表单页面进行分析，确定每个标签的name属性值。（2）创建showUserInfo.php文件，并在该文件中获取用户POST方式提交的表单数据，输出用户前端页面提交的信息。注：上述文件代码详见教材。showUserInfo.php文件代码

任务书任务2：表单数据的异步提交实现过程借助PHP技术，构建一个计算器表单的异步提交机制。要求能精准处理四则运算，将运算结果实时展示在页面上，显著提升用户操作体验。图2-2计算器页面表单

任务实施表单数据的异步提交实现过程表单数据的异步提交思维导图如下图2-3所示。首先搭建包含数字输入框、运算符选择栏的表单页面；接着利用JavaScript编写异步请求代码，实现数据无刷新传输；最后编写PHP处理逻辑，对提交数据进行运算处理。注：上述文件代码详见教材。图2-3表单数据的异步提交实现

谢谢

PHP程序设计教程

模块三PHPWeb编程

任务2.2Web表单数据正则校验

目录Contents3任务实施1任务目标2任务书

任务目标①熟悉正则表达式的语法规则。②掌握PHP中常用的正则表达式处理函数。③掌握如何使用正则表达式进行模式匹配。④培养学生勤于思考、严谨和精益求精的态度，以及树立正确的价值观和道德观（课程思政）。

任务书在项目开发过程中，经常需要获取用户提交的信息，如用户注册时的用户名、密码、邮箱、QQ号等详细信息。而上述信息都需要经过格式验证后，才能避免用户填写不合法的信息。请通过PHP中的正则表达式完成Web表单数据的正则校验。页面的效果图如下图2-7所示。图2-7页面表单

任务实施用户注册信息正则验证需求（1）用户名：只能包含英文字母（大写或者小写），且长度要在4~12个字母之间。（2）密码：6~10个字符（大小写字母、数字或下划线）。（3）QQ号码：1~9中的任意数字开头，长度至少5位。请根据验证的需求，借助PHP的正则表达式完成该任务，思维导图如下午2-8所示。注：上述文件代码详见教材。图2-8用户注册信息正则验证脑图

谢谢

PHP程序设计教程

模块三PHPWeb编程

任务2.3文件数据的读写及文件的上传与下载

目录Contents3任务实施1任务目标2任务书

任务目标①掌握目录和文件的常见操作方法。②掌握如何处理文件上传和下载。③掌握如何读取和写入文件中的数据。④理解如何处理文件的编码和解码。⑤掌握如何处理目录的遍历。⑥通过学习情境与任务的实现，培养学习者独立分析问题和解决问题的能力（课程思政）。

任务书任务1：文件的上传与下载导入文件上传的素材页面fileUpload.html，页面如下图2-8所示。要求调用uploadFile.php实现文件的上传功能。当文件上传成功后则跳转到fileList.php页面中显示出upload目录中已上传的文件素材信息，页面如下图2-9所示，同时在fileList.php页面中能实现文件简单的下载功能。图2-8文件上传表单页面图2-9上传文件列表页面

任务实施文件的上传与下载实施步骤（1）导入文件上传的素材表单页面，需要注意该页面中form表单的提交方式为POST，enctype属性值为“multipart/form-data”。（2）定义处理文件上传的PHP文件，通过超全局变量数组$_FILES和move_uploaded_file()函数保存上传的文件。（3）如果成功完成文件上传的任务后，跳转到fileList.php页面。并调用scandir()函数扫描upload目录下已上传文件，并在页面的表格中加载所长传的文件数据信息。否则转（4）（4）提示用户上传文件有误，请重新上传。注：上述文件代码详见教材。

任务书任务2：文件数据的读写操作需从现有服务器的data目录里，定位并读取学生成绩文件。运用文件操作相关函数，对文件中的数据予以解析。完成解析后，将处理好的数据信息，完整无误地加载至页面表格中，以实现数据的可视化展示。图2-10学生的