云上运维及应用实践教程(第2版) 教案 17 项目五 任务5新闻分页功能制作_第1页
云上运维及应用实践教程(第2版) 教案 17 项目五 任务5新闻分页功能制作_第2页
云上运维及应用实践教程(第2版) 教案 17 项目五 任务5新闻分页功能制作_第3页
云上运维及应用实践教程(第2版) 教案 17 项目五 任务5新闻分页功能制作_第4页
云上运维及应用实践教程(第2版) 教案 17 项目五 任务5新闻分页功能制作_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

教案序号:.课题项目五任务5新闻分页功能制作授课形式√理论□理实一体□实训(验)□其它:学时安排本单元总学时:2(其中:理论2学时、实践学时)教学内容及目标掌握站点新闻添加、显示、修改、删除功能的制作,掌握功能模块前台页面、后台页面的制作。掌握实现站点新闻添加、显示、修改、删除功能的ASP代码的编写。教学重点及难点重点、难点:新闻分页功能制作的ASP代码。授课对象学情分析学生接触网站建设的相关内容时间不长,虽然有网页制作的基础,但基础较差,需要在讲授过程中,教师进行巡回指导或同学间小组讨论。教学媒介机房授课地点5405教学过程及设计:一、课前回顾:新闻添加、显示功能设计技巧和要点?二、新课内容:项目五任务5新闻分页功能制作任务5新闻分页功能制作一、任务引出新闻修改、删除功能是整个新闻功能中必不可少的功能模块之一。新闻修改功能主要是对已经以布的新闻能够进行修改的相关操作,以使新闻的内容更加的准确合理。新闻删除功能主要是能够对已经发布的新闻进行删除的操作,把已经过期的新闻或者不合适的新闻能够从平台中删除掉。在本任务中,将针对网站的新闻功能,在前一任务的基础上,完成新闻修改与删除功能模块的制作,以进一步完善新闻管理功能,方便网站管理员操作。二、任务预览打开并运行站点文件夹里登录页面文件“login.asp”。以网站管理员身份登录,选择【新闻功能管理】按钮,弹出新闻管理页面,如图所示。管理员可以点击【修改】按钮可以进入网站新闻修改页面,如图所示,在修改页面中可以对以前存在的新闻信息进行相应的修改和更新,点击“修改文章”按钮,显示新闻内容修改成功的页面,如图所示。同样,管理员可以点击【删除】按钮删除指定的新闻,如图所示。结合前一任务的相关内容,基本上实现了新闻添加、新闻罗列显示、新闻详细内容显示、新闻修改以及新闻功能模块,整个新闻管理功能已经比较完整了,网站管理员可以灵活的使用这几个功能模块,方便的实现网站新闻内容的管理。网站新闻管理界面网站新闻修改界面网站新闻修改成功界面网站新闻删除界面三、实践操作1、网站新闻修改页面的制作网站新闻修改的页面与网站新闻添加的页面比较相似,在这里可以打开新闻添加“addnews1.asp”页面,然后把该网页另存为新闻修改“newsmodify.asp”页面。【注意】由于新闻修改“newsmodify.asp”页面中,要将需要修改的新闻信息显示出来,因此,在这张页面中,同样要调用数据库连接的语句,并将“newsarticle”数据表中的相关新闻信息读取出来。因此在新闻修改“newsmodify.asp”页面中,同样要嵌入相关的ASP语句。具体设计效果如图所示。图5-15新闻修改页面效果切换到【代码视图】,在页面的最上面嵌入调用数据库连接的语句:<!--#includefile="conn.asp"-->。同时进行“newsarticle”数据表的连接,查询指定新闻的相关信息,相关的ASP代码如下:<%ArticleSql="select*fromnewsArticlewhereArticleid="&request("ArticleID") setrsArticle=server.createobject("adodb.recordset") rsArticle.openArticleSql,conn,1,1 %>2、添加新闻修改“newsmodify.asp”页面表单动作添加表单,使表单的开始标签与结束标签包围整个新闻添加功能模块。同时选中表单“form”,将表单的“action”属性设置为“newsmodify1.asp”,“method”属性设置为“post”,具体如下图5-16所示。图5-16表单动作定义界面3、制作新闻信息修改处理页面“newsmodify1.asp”由于新闻信息修改处理页面与新闻信息添加处理页面相似,利用前面的模板,将新闻信息添加处理页面“newsadd1.asp”另存为新闻信息修改处理页面“newsmodify1.asp”,具体设计制作效果如图5-17所示。图5-17新闻信息后台处理页面“newsmodify1.asp”页面中,主要的ASP代码如下:①调用连接数据库的语句:<!--#includefile="conn.asp"-->②将指定新闻的修改信息写入到“newsarticle”数据表,其功能实现的ASP代码:<%'******************************修改新闻************************TimYear=Request.Form("TimYear")TimDay=Request.Form("TimDay")TimMonth=Request.Form("TimMonth")tim=TimYear&"/"&TimMonth&"/"&TimDayContent=replace(trim(Request.Form("codecontent")),"'","''")title=replace(trim(Request.Form("Title")),"'","''")setrs=server.createobject("adodb.recordset")rs.open"select*fromnewsarticlewherearticleID="&request("articleid"),conn,1,3rs("Title")=titlers("Content")=Contentrs("Auther")=Request.Form("Auther")rs("source")=Request.Form("source")rs("tim")=timrs.updaters.Closesetrs=nothingresponse.write"<divalign=center>恭喜你!修改成功</div><br><br>"response.write"<divalign=center><ahref=newsmanage.asp>3秒钟后系统自动返回</a></div>"%>③“系统将在3秒钟之后返回新闻添加页面”功能实现的代码。在<head></head>标签中插入以下语句:<metahttp-equiv="refresh"content="3;url=newsmanage.asp">4、保存网页并进行预览进行测试在进行测试的时候从“newsmanage.asp”进行预览。点击【修改】按钮,在“newsmodify.asp”页面中将所要修改的新闻信息添加完整,然后点击“修改文章”按钮,就会看到新闻信息修改成功的提示信息。如图5-13所示。5、制作新闻信息删除功能页面“delnews.asp”利用前面的模板,将新闻信息添加处理页面“newsadd1.asp”另存为新闻信息删除功能页面“delnews.asp”,具体设计制作效果如图5-18所示。图5-18新闻信息删除功能页面“delnews.asp”页面中,主要的ASP代码如下:①调用连接数据库的语句:<!--#includefile="conn.asp"-->②将指定的新闻信息从“newsarticle”数据表删除,其功能实现的ASP代码:<%'******************************删除类别************************setrs=server.createobject("adodb.recordset")sql="deletefromnewsarticlewherearticleID="&Request("articleID")conn.Executesqlresponse.write"<divalign=center>恭喜你!删除成功……</div><br><br>"response.write"<divalign=center><ahref=newsmanage.asp>系统3秒钟后将自动返回</a></div>"%>③“系统将在3秒钟之后返回新闻添加页面”功能实现的代码。在<head></head>标签中插入以下语句:<metahttp-equiv="refresh

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论