教案
课程名称：PHP网页案例任务教程
课题：任务二设计分页浏览集团公司留言动态网页1
课时：2课时1
主讲教师：某某某教师1
学校：某某某学校0
日期：xxxx年月日1
教案
教学
对象
网络技术A班
授课日期
XXXX年月日
使用
教材
PHP网页案例任务教程
出版单位
电子工业出版社
课题
任务二设计分页浏览集团公司留言动态网页
计划学时
2学时
教
学
目
标
通过教学活动能掌握设计分页浏览集团公司留言动态网页的技能
知识目标：创建数据库作用
技能目标：能掌握设计分页浏览集团公司留言动态网页的技能
态度目标：端正态度，配合伙伴完成任务。
德育目标：养成良好的团队协作精神，学会彼此配合协作完成项目任务，成果分享。
教学重点难点
重点：能掌握设计分页浏览集团公司留言动态网页的技能
难点：能掌握设计分页浏览集团公司留言动态网页的技能，能排除简单问题故障
教学设计说明
教学内容以岗位工作任务出现，为学生将来快速融入岗位工作打基础。
教学重点是培养学生熟练的操作技能。
通过训练与强调，突破关键点。
训练结束后，接轨企业实际，施工任务单技术归档的填写，是岗位标准化技能训练的一部分。
教学活动流程
教学步骤与内容
教学组织形式
教学方法
达成目标
1、新课导入
新课导入
同学们，假如公司留言数据库里存了1000条留言，如果打开网页时全部显示出来，页面会像“超长作业本”一样拉不到头，加载速度也慢。就像手机里的朋友圈，新动态太多时会自动分成一页一页，滑动就能切换——这就是“分页浏览”！
任务描述
根据网络信息部门负责人的要求，工程师小明需要在已完成的任务一的基础上进行改进，重点是提升留言管理动态网页的设计界面，以实现更加美化的表格效果。为此，工程师小明将会对位于C:\素材的模板页Site.Master文件进行修改。此外，项目的建设路径为C:\0502，项目名称为“liuyan”。
在项目中，工程师小明的任务是设计名为“050201.php”的动态网页，该网页将作为集团公司网站的一部分。其主要功能是展示公司留言数据库的内容，每页显示一条数据。
工程师小明将着重改善网页的界面设计，以实现更加美观的表格效果。这可能涉及对表格的样式、布局、颜色等方面进行优化，以确保用户体验的提升。此外，工程师小明还需要确保网页的动态性，即能够根据数据库中的内容实时生成页面，并在每页中呈现一条留言数据。通过这样的改进，工程师小明将为集团公司网站提供更加吸引人、用户友好的留言管理界面，提升用户对公司网站的满意度和留言交互的效果。同时，这也有助于提升公司形象和用户体验，为公司的网站建设工作贡献一份专业而出色的成果。
要求工程师小明在项目中设计“050201.php”动态网页来实现以上任务，如图5-2-1所示。
以提问的方式展开与学生的互动，引出本课堂教学内容。
项目串联教学法
根据学校要求安排按情况适度安排爱国主义、职业素养等思政内容，初步了解知识概念即可。
2、讲解示范
任务分析
1．技术准备工作
（1）数据库系统主要技术参数：连接名称为“phpmysql”，MySQL服务器IP地址为“127.0.0.1”，用户名为“root”，密码为“168168”，数据库名称为“liuyan”。
（2）网站系统主要技术参数。Web站点路径：C:\phpweb。Web测试IP地址：127.0.0.1。Web测试端口号：8899。
（3）网页文件名为“050201.php”。
2．任务概要
根据网络信息部门负责人的要求，工程师小明对给出的任务进行了分析，以下是任务施工概要：
（1）数据库连接与函数定义。进行数据库连接，确保与数据库的通信。定义了函数，用于处理SQL查询参数的值。
（2）数据查询和分页处理。定义了变量，用于控制每页显示的记录数和当前页码。通过获取当前页码，构建查询语句实现分页查询。执行查询，获取结果集，并计算总记录数和总页数。
（3）数据显示和页面导航。使用表格展示查询结果。使用循环遍历结果集，并输出记录的各个字段值。创建页面导航链接，包括第一页、前一页、下一页和最后一页的链接。
（4）页面布局和样式。嵌入公司标志和动画图像。设置页面标题和表格来展示查询结果。
（5）控制表格边框和单元格的间距，在页面底部嵌入底部图像。
（6）结果集释放。释放查询结果集，释放资源。
（7）完成设计后，进行全面的测试、调试和验收工作，确保页面在各种浏览器和设备上的兼容