PHP网站开发实例教程（胡玮芳微课版） 教案 第6章 前台首页开发.docx

《PHP网站开发实例教程（胡玮芳微课版） 教案 第6章 前台首页开发.docx》由会员分享，可在线阅读，更多相关《PHP网站开发实例教程（胡玮芳微课版） 教案 第6章 前台首页开发.docx（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、PHP网站开发实战教程教学设计课程名称：授课班级：授课学期：教师姓名：2022年9月08日参数名必需。规定要返回其中一部分的字符串。必需。规定在字符串的何处开始。正数-在字符串的指定位置开始 负数-在从字符串结尾的指定位置开始 0 -在字符串中的第一个字符处开始可选。规定要返回的字符串长度。默认是直到字符串的结尾。正数-从Start参数所在的位置返回负数-从字符串末端返回自定义字符串函数字符串截取功能将在不同地方用到，因此在inc文件夹下新建一个名为 functions.php页面，用于书写自定义函数，方便后期调用。字符串截取函数substr_text()的代码在教材提供的模板inc/func

2、tions.php中已 提供，可以直接使用。2.首页日期格式化和标题截取、置顶 标题截取按照格式输出while($row=mysqli_fetch_assoc($results)echoecho a href=n#n title=n.$row,title,.n,echo substr_text($rowtitle,0,18). $rowcreatetime.】 ;echo ,;第一个参数$row，title1是从数据库中取出的原始字符串，第二个参数0表示从首 字符开始计算，第三个参数18表示截取字符串长度为18o 新闻置顶解决新闻标题置顶显示需要的红色加粗功能，使用IFelseowhile($

3、row=mysqli_fetch_assoc($results)echoecho ;置顶if($rowistop=l)echo .substr_text($row,title,70,18).,;elseecho substr_text($rowtitleQ18);echo ,$rowcreatetime,. ;echo ;) 日期格式化显示的日期格式为xxxx-xx-xx,使用日期函数date。echo f【.date(Y-m-d,$rowcreatetime).】 !;echo ,; .标新新闻发布时间在规定时间内，比如本案例项目规定一周内的新闻，需要加上new标识标新。需要计算当前时间跟新

4、闻发布时间的差，如果结果小于一周 (7*24*60*60)内，加上new图标。注意这里时间是以秒单位。$current=time();获得当前时间$deff=(7*24*60*60);设置标新的时间范围，此处为一周，单位为秒while($row=mysqli_fetch_assoc($results)echo ;echo ;标新if($current-$row,createtime)$deff)echo ,;)三、归纳总结，布置课后作业(1)回顾上课前的学习目标，对本节课知识点进行总结。(2)使用高校教辅平台下发课后作业。第9、10学时新闻详情页一、创设情景，导入本章内容(1)教师回顾上一讲内

5、容，导入本次课内容。(2)明确学习目标 掌握SQL Update子语句 掌握地址栏参数传递与获取 掌握下一条和上一条数据的设计二、知识点讲解1 .地址栏参数传递与获取1 传递参数为什么要传递参数新闻详情页，需要根据新闻id来查询数据，将不同的新闻展示。在点击新闻标题时在链接地址上传递ID传递方式http:URL?参数1二值1&参数2二值2echo ；参数获取在PHP中获取地址栏查询字符串参数，使用$_GET变量语法：$_GET喳询字符串参数名12 .新闻详情页实现页面构建设计思路获取新闻id定义检索新闻详情的SQL语句执行语句，如果结果记录集为空则跳转到404数据存在则提取数据转换为关联数组按

6、照HTML格式输出代码实现 PHP代码?php获取新闻的id $_GET 参数名称id=intval($_GET id);intval()转换成整数定义按照id检索对应新闻的sqlsqldetails=select * from news where id=.$id;执行sqlresultsdetails=mysqli_query($conn,$sqldetails) or die(检索文章数据表失败”);数据有效性验证$count=mysqli_num_rows($resultsdetails);if($count=0)echo location.href=errors/40zl/;die(

7、);)$rowdetail=mysqli_fetch_assoc($resultsdetails);$title=$rowdetail title;? ) HTML内容页日期： I阅读：3 .点击率更新用到update更新语句，根据访问新闻的id,将该新闻的访问次数加1,并显示到 网页中，因此update命令必须写在读取新闻内容之前。$updatesql=update news set hits=hits+l where id=.$id;mysqli_query($conn,$updatesql) or die(更新文章数据表失败)；4 .新闻上一篇下一篇新闻编号不一定连续，有可能中间的数据被

8、删除过，导致id不再连续。上一篇id：寻找id小于当前新闻编号的一条新闻。下一篇id：寻找id大于当前新闻编号的一条新闻。?php上一篇$psql=select id,title from news where id0)$prow=mysqli_fetch_assoc($presults);echo，上篇：.$prowtitle.;elseecho,上一篇：没有了；echo ;?下一篇：没有了三、归纳总结，布置课后作业(1)回顾上课前的学习目标，对本节课知识点进行总结。(2)使用高校教辅平台下发课后作业。第H、12学时首页产品展示一、创设情景，导入本章内容(1)教师回顾上一讲内容，导入本次课内

9、容。(2)明确学习目标 掌握 number_fbrmat()函数 熟练数据访问 熟练数据获取与展示思路二、知识点讲解1 .数据准备 phpmyadmin 操作登录MySQL数据库服务器 productclass数据表数据插入4-T Tid记录编号classname名称sort排序。统辑资复制o删除1提花面料11 小筑辑那复制删除2印花面料2。笺辑*3赛制o删除3素色面料3 小提霜/莫制删除4格子面料4。装辑引1基制O删除5条子面料5 小装辑承复制删除6绣花面料6。爰辑*3复制o删除7带4面料7 小纭辑资复制删除8毛纺面料8。纭辑复制删除9皮革面料9 小爰辑新复制删除10里布国料10 produ

10、ct数据表数据插入2 .首页产品列表实现数据抓取单个产品HTML代码人棉 几何 印花棉感70522-47成分：人棉密度：100*80 门幅：142cm价格：7.80元/米 代码实现a href=show.php?id= img class=,img-responsive src= alt= s tyle=height:200px;,成分： 密度： 门幅：价格：元/米?phpif($row,istop=l)echo ;if($rowhits100)echo ,;? number_format()函数描述用来格式化数字，常用于格式化价格，将价格显示成国际通用的千位分组，每三 位用一个逗号(,)作为

11、千位分隔符语法number_format(numberzdecimals,decimalpoint,separator) o 参数解释该函数支持一个、两个或四个参数，通常使用前两个参数。参数number为必需项, 表示要格式化的数字，如果只有这个参数，则数字会被四舍五入，并格式化为千 位分组的整数；参数decimals为可选项，表示保留的小数位数。3.产品详情页(参照新闻详情页，学生动手实践) 页面构建 设计思路获取产品id定义检索产品详情的SQL语句执行语句，如果结果记录集为空则跳转到404数据存在则提取数据转换为关联数组按照HTML格式输出 代码实现?php$id-intval($_GET

12、,id,);$sql=select * from product where id=n.$id;$results=mysqli_query($conn,$sql) or die(执行命令失败! n);$count=mysqli_num_rows($results);if($count=0)echo ,location.href=,errors/404/,;,;die();$rowdetail=mysqli_fetch_assoc($results);$title二$rowdetail name;?三、归纳总结，布置课后作业(1)回顾上课前的学习目标，对本节课知识点进行总结。(2)使用高校教辅平

13、台下发课后作业。第13学时测试一首页关于我们、创设情景，导入本章内容(1)教师回顾上一讲内容，导入本次课内容。(2)明确学习目标 熟练数据添加 熟练数据访问 熟练数据获取与展示思路二、知识点讲解1 .数据准备 phpmyadmin 操作 登录MySQL数据库服务器 About数据表数据插入在about数据表中添加1条“公司简介”信息，id号为12 .首页关于我们实现数据获取定义SQL命令：获取about数据表中id为1的数据执行命令并存储数据数据展示注意：内容展示可以采用字符串截取三、归纳总结，布置课后作业(1)回顾上课前的学习目标，对本节课知识点进行总结。(2)使用高校教辅平台下发课后作业。

14、第14学时测试一首页友情链接、创设情景，导入本章内容(1)教师回顾上一讲内容，导入本次课内容。(2)明确学习目标 熟练数据添加 熟练数据访问 熟练数据获取与展示思路二、知识点讲解1 .数据准备 phpmyadmin 操作登录MySQL数据库服务器新建links数据表，字段自行设计 Links数据表数据插入2 .首页友情链接实现数据获取定义SQL命令：获取links表中的最多4条数据 执行命令并存储数据数据展示注意：图片的展示，超链接展示三、归纳总结，布置课后作业(1)回顾上课前的学习目标，对本节课知识点进行总结。(2)使用高校教辅平台下发课后作业。课题 名称第6章前台首页开发方誓 14学时学时

15、主要 内容本章节网站前台首页开发，包括首页Banner实现、首页导航条实现、首页新闻实现、 首页产品实现、新闻详情页实现等。教学目 标及基 本要求知识目标：掌握PHP数据库表查询掌握 MySQli_query()函数掌握 MySQli_fetch_array()函数、MySQLi_fetch_assoc()函数 熟练掌握数据库操作三步曲掌握数据库的创建和数据输入掌握日期字符串函数了解自定义函数熟练功能程序设计能力目标：能。能正确链接数据库服务器。能合理构建网站。素质目标：能具有工匠精神，代码规范化能拓展自己的思路，突破局限性具有代码调试运行能力教学 重点数据库操作三步曲、功能设计、数据库操作函

16、数使用教学 难点功能设计与实现教学 方式理实一体化教学、案例教学教 学 过 程第1、2学时Banner实现 一、创设情景，导入本章内容(1)教师回顾上一讲内容，导入本次课内容。 连接数据库函数语法文件包含(2)明确学习目标 掌握数据库操作添加数据 掌握数据库操作函数 掌握文件包含 理解Banner程序设计二、知识点讲解1 .数据准备 phpmyadmin 操作 登录MySQL数据库服务器 Banner数据表数据插入id记录编号（白塔、主挺）titlebanner后妾imagebanner 图sort当定义排序isdisplay是否（0否，1是）1Bannerl/uploadfiles/imag

17、e/20200928/1601012345.jpg112Banner2/u ploadf i les/i mage/20200928/1601012346.jpg213Banner3/u pload fi les/i mage/202009 30/1522287821.jpg00注意数据格式和图片路径 数据表数据编辑、删除操作 Banner图片位置将原先Banner图按照数据库的路径要求调整图片位置（后台管理上传的文件路 径）2 . Banner轮播图实现 设计思路找出HTML代码规律Banner轮播图效果包含图片和指示点检索Banner数据表，生成数据集遍历数据集生成数组，并显示数据 获取数

18、据 定义检索Banner表的SQL命令，执行命令并生成数组数据$sql = select image from adv where isdisplay = 1 order by sort ascn;$results 二 mysqli_query（$conn,$sql）; 将数据组合成网页元素定义两个变量，存储网页元素格式$indicators .=;$images .=l关联数组访问语法：arrayfkey1 数组名键名将组合的数据变量输出 Echo输出 输出?二$变量名?程序改进 为第1个元素添加，样式“active”实现思路定义一个计数器变量，设置初始值为1;遍历记录集时，计数器开始计数如

19、果计数器的值为1,则添加active样式，其他不添加。三、归纳总结，布置课后作业(1)回顾上课前的学习目标，对本节课知识点进行总结。(2)使用高校教辅平台下发课后作业。第3、4学时导航条实现一、回顾上节课讲解的知识，导入本节课的知识(1)教师通过提问的形式复习上一节知识数据库操作三步曲(2)引入本节课内容掌握数据库操作添加、编辑数据 掌握数据库操作函数掌握记录集嵌套遍历二、知识点讲解1 .数据准备 phpmyadmin 操作 登录MySQL数据库服务器 nav数据表数据插入-T-idname鼻於行名生parentiduri七段志肝sort栏目建李 编审豕复制o删除1网站首页0index.php

20、1 “强痘承复制删除2关于启航0company.php2，,第号豕复制嬲除3产品展示0products.php3口.编瑁承复制删除4纺织动杏0newscenter.php4 /编瑁承宜制o删除5咨询中心0message.php5编痘我复制删除6人力资源0job.php6 /装握*震制o删除7联系我们0company.php7.编相豕复制删除8公司慨况2company.php?id = 11 “编瑁至复制。删除9管理架施2company.php?id=22口 5遍落承复制删除10发展历程2company.php?id = 33 “洞根*复制O删除11荣青资质2company.php?id=44说

21、明：一级导航条的parentid值为0,二级导航栏值为对应一级导航的编号排序按照导航栏顺序排序数据表数据编辑、删除操作2 . 一级导航条实现设计思路找出一级导航到HTML代码规律按照条件检索nav数据表，生成数据集根据parentid=。为条件检索导航名称、导航链接及关键字id编号，并按sort升序 排序；遍历数据集生成数组，并显示数据程序实现生成导航条HTML 关于启 航 数据对应输出a href=nn class=ndropdown-toggle on data-toggle=Hdropdownn3 .二级导航条实现 设计思路 找出二级导航到HTML代码规律 按照条件检索nav数据表，生成

22、数据集根据parentid=一级导航条id为条件检索导航名称、导航链接及关键字id编号，并 按sort升序排序； 遍历数据集生成数组，并显示数据 程序实现 生成导航条HTML$sql=select name,url from nav where parentid = ,.$row,id,. order by sort ”；$results2=mysqli_query($conn,$sql) or die(执行检索导航命令失败)$count二mysqli_num_rows($results2); 统计结果集中记录的行数if($count0)echo ；while($row2=mysqli_fet

23、ch_array($results2,MY SQLI_ASSOC)echolixa href=,.$row2,urr.,n,.$row2,name,.,;)echo v/uA;)echo f;第5、6学时首页新闻列表(1)一、创设情景，导入本章内容(1)教师回顾上一讲内容，导入本次课内容。(2)明确学习目标 掌握HTML编辑器添加数据 掌握time。函数 掌握 mysqli_fetch_assoc()函数 理解新闻列表设计二、知识点讲解1 .数据准备 phpmyadmin 操作 登录MySQL数据库服务器 Newsclass数据表数据插入+选项4 1 id记袤渠号classname颊名sort

24、 序力提辑尹复制o删除1公司要闻1 小装辑新基制份删除2纺织业界2 “装辑学复制3删除3纺绣晒3| News数据表数据插入U kx.illKr.t 1 aa ，格蜘$?t - * 修入 4耳出入 府作 X KS-T-M titletofrom文之五contenthits，XI w5tj5dd登Iftopcrcitttime1 W力苗校大考.明年售运，一零比今年好全球啸的p %tyW=txtMdtnt20G蛭豆去年的砌 公年的CG .这名窗比01101532486M33 养复鼠O户除2 9月土国松碎书屋破三而吞1为55.%万全保而睡 典p ste= vrtKai-ahgn:baseUne：tex

25、t- indent?em：11050721234$，邨8学室阴*3用化学危培品印秋及电电员一装版3琢送片率金球W的 佃p $tyte*vertkdl-tign$eKneext- texl*nt2tfn：.M11：11507212345.时S参豆色o B除4场设就里卡 存涓又外方企量三羊土全球巧防pmdentZem：0101S07H2M5L卜制5那希斫加今爆区龙匚总会包机亚号的金环需，而p ity1.5rt3Ygn:WFwV11101507S12M5。也？6研用S型二化金中冲冷2。2、鳏这22.：匕美全仔0防 元p 3igo -justify* $ty(.vrtk4b aiigmbaseF -1

26、X01S07M2MSB J 0例产曼制0 *7含咯49 全场取阳p styXH7回。月 16H . FWlfig市一31101S07712MSa 3养登羽。班8 -?5-S球(El1111p style=*text-mdenc2eWS 一奇一品.Mise?靠港 以及纺设S,26101507812M5日，期！养复电OfP*9印*N82B. B2c将量电便风生水起全读药刎p styles *veftkai-a!gn:basUneext- 2mt:2E 3201513061713.德忠承彳绍堂除15 9月o而曾转E报2本口月号155%万金建啕5次 即p 钩何 r -font-$ize:14pxonv

27、fdrvwlyim$un. M,安0110151736223$/金NK的酢冷16 漕场巾春明星气一宝比今年打百立同CKEditor 等。发布时间：time。函数获取系统时间戳。 time。函数描述time()函数返回自Unix纪元(January 1 1970 00:00:00 GMT)起的当前时间的秒 数。语法time();2.首页列表实现设计思路1)找到首页新闻一一“纺织动态”代码块，找到规律，保留一条新闻作为循环体;2)检索内容除了看得见的“新闻标题”和“发布时间”外，需要考虑到单击新闻 标题后可以查看该新闻详细内容，需要通过记录编号id追踪，另外，项目有置顶 功能，还需检索是否置顶is

28、t叩字段；3)首页展示新闻的空间有限，从数量上看只能显示7条新闻，且新闻标题有可能 超出宽度，需要“砍尾”显示；4)解决数据表中发布时间createtime显示成习惯的年月日格式。获取数据按照数据表操作三步曲，写命令，执行命令，按行返回关联数组，最后循环输 出新闻列表内容，纺织动态新闻数据抓取与显示。?php/定义sql检索新闻数据表中的记录$sql=Hselect title,createtime,id,istop from news order by istop desc,createtime desn;执行命令$results=mysqli_query($conn,$sql) or di

29、e(执行检索文章命令错误)按照格式输出while($row=mysqli_fetch_assoc($results)echoecho echo $row*title. , $row,createtime,.! 1;echo ,;?说明：写SQL命令时，用置顶istop作为第一排序关键词，用发布时间createtime 作为第二排序关键词，在数据表news中，istop为“1”表示置顶，为“0”表示 常规新闻。两个排序关键词均使用降序排序，中间用半角逗号分隔。 mysqli_fetch_assoc()函数mysqli_fetch_assoc()函数作用是从结果集中取得一行作为关联数组。语法：my

30、sqli_fetch_assoc(result);描述：参数 result 为必 需项，表示由 mysqli_query() mysqli_store_result()或 mysqli_use_result()返回的结果集标识符。mysqli_fetch_assoc()返回代表读取行的关 联数组，如果结果集中没有更多的行则返回NULLO 返回指定记录数limitlimit字句被用于强制select语句返回指定的记录数select * from table_name limit offset, rows参数offset为可选项，表示第一个返回记录行的偏移量，默认记录行的偏移量是0 (而不是1)，

31、参数rows表示返回记录行的最大数目。两个参数必须是整数常量。三、归纳总结，布置课后作业(1)回顾上课前的学习目标，对本节课知识点进行总结。(2)使用高校教辅平台下发课后作业。第7、8学时首页新闻列表(2)一、创设情景，导入本章内容(1)教师回顾上一讲内容，导入本次课内容。（2）明确学习目标 掌握date。函数、substr。字符串截取函数 掌握自定义函数应用 掌握 date_default_timezone_set（）函数 理解置顶和标新设计二、知识点讲解1 .日期函数和字符串截取函数应用日期函数Date。函数描述可以把时间戳格式化为更易读的日期和时间。语法date（format,times

32、tamp）参数format为必需项，表示需要输出日期字符串的格式；参数timestamp为可选项，表示需要转化的时间戳，默认是当前时间和日期。 常用format格式字符字符描述id (一个月中的第几天（从01到31）1ciD星期几的文本表示（用三个字母表示）w星期几的数字表示（0表示Sunday星期日,6表示Saturday星期六）i w j用ISO-8601数字格式表示一年中的星期数字（每周从Monday星期一开始）F i1- J月份的完整的文本表示（January一月份到December十二月份）m月份的数字表示（从01到12）iM月份的短文本表示（用三个字母表示）|n月份的数字表示，不带前导零（1到12）Y 1y年份的四位数表示 年份的两位数表示t111aa AIf小写形式表示：am或pm大写形式表示：AM或PMa_.h.11H! 1I1L_1Z如里虹一钮号要工到2）身里L量期号要96式药）j分，带前导零（00到59）i!s秒，带前导零（00到59）字符串截取函数substr描述函数返回字符串的一部分。如果start参数是负数且length小于或等于start,则length为0。语法substr（string,start,length）