第18讲网站信息修改管理动态网页制作

海南职业技术学院《动态网站交互技术》教学单元设计方案课程编号：50312003编制时间：2009.7编制人：谭东清教学单元编号10．1教学单元名称新闻信息修改管理学时数8所属学习情境名称编号信息修改教学目标主要能力指标1、能够编写代码将数据库记录值赋给web控件2、能够编写修改新闻记录代码相关能力指标1、与人合作能力2、解决问题能力3、自我学习能力教学单元的重点：1、编写代码将数据库记录值赋给web控件2、编写修改新闻记录代码教学单元的难点：1、编写修改新闻记录代码教师讲授的主要内容：1、GridView控件绑定数据，GridView模板字段和超链接设置2、修改数据表单制作3、Request对象及其属性QueryString4、编写代码将数据库记录值赋给web控件5、编写修改新闻记录代码学生自主学习的主要内容：1、数据库查询语句update2、OleDbParameter对象3、带参数的方法调用教学单元的教学微观设计具体的教学安排本次课用两个网页完成删除记录任务，第一个网页用GridView控件绑定数据，设置GridView修模板字段和超链接，第二个网页制作修改数据表单，编写根据第一个网页传过来的指定修改参数修改记录代码。第二个网页教学重点和难点有两个，一是编写代码将数据库记录值赋给表单web控件；二是编写修改新闻记录代码，这里用到了带参数的方法调用。学习任务修改数据库数据教学载体新闻信息修改网页教学方法讲授教学手段多媒体演示学习成果1、提交新闻信息修改管理网页海南职业技术学院效果评估教师：1、学生是否熟练的。2、学生是否理解通过代码方式修改数据库记录。学生：1、是否能够制作具有分页功能的新闻信息修改网页。实施评估：1、能够创建新闻信息修改网页50%；2、能够正确编写修改新闻记录代码50%。主要教学内容给网站添加的信息难免会有文字错误，排版不工整，部分内容需要修改的情况。网站信息修改是网站日常管理的工作之一。本次任务通过学习修改网站新闻信息的网页制作，来掌握信息修改的流程和方法。数据控件如GridView具有数据修改功能，但它不适合修改信息量大，内容复杂的数据。本次任务通过制作两个网页来共同完成，一个是要修改的信息列表网页，取名为News_Update1.aspx，另一个是信息修改网页，取名为News_Update2.aspx。通过单击信息列表网页的“修改”超链接，将要修改的记录信息传给信息修改网页，在信息修改网页修改好后保存。1、news_update.aspx主要控件及其用途news_update1.aspx页面主要控件的属性设置及其用途控件类型控件名称主要属性设置用途GridViewGridView1管理新闻信息显示AspNetPagerAspNetPager1控制数据的分页显示news_update2.aspx页面主要控件的属性设置及其用途控件类型控件名称主要属性设置用途TextBoxBiaoTi信息标题TextBoxLaiYuan信息来源TextBoxGuanJianZi关键字TextBoxNeiRong信息详细内容ButtonbtnLogin执行登录操作2、数据库设计海南职业技术学院本次任务操作的数据表是xinwenzixun表。3、修改数据的两个页面效果图News_Update1.aspx海南职业技术学院News_Update2.aspx4、news_update.aspx网页制作步骤1、新建一个名为Updata_News1.aspx网页。参考项目10的信息删除管理网页，制作信息修改管理列表网页，也可以直接复制News_Delete.aspx源文件http和/http内的所有代码，然后将CommandField的删除列改为TemplateField的修改列，并设置模板列的“修改”两字的超级链接。News_Delete.aspx和Updata_News1.aspx源文件不同之处代码如下：News_Delete.aspx：asp:CommandFieldHeaderText=删除ShowDeleteButton=TrueShowHeader=True/改为Updata_News1.aspx：asp:TemplateFieldHeadertext=修改ItemTemplateahref=Updata_New2.aspx?id=%#Eval(id)%修改/a/ItemTemplate/asp:TemplateFieldUpdata_News1.aspx完整源代码如下：%@PageLanguage=C#AutoEventWireup=trueCodeFile=Updata_News1.aspx.csInherits=admin_Updata_News1%%@Registerassembly=AspNetPagernamespace=Wuqi.Webdiyertagprefix=webdiyer%!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==Head1runat=servertitle栏目内容管理/title海南职业技术学院linkhref=../images/xinsheng.cssrel=stylesheettype=text/css/styletype=text/css.daohang{color:#993333;}/*网易风格*/.anpager.cpb{background:#1F3A87nonerepeatscroll00;border:1pxsolid#CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px4px00;padding:4px5px0;}.anpagera{background:#FFFFFFnonerepeatscroll00;border:1pxsolid#CCCCCC;color:#1F3A87;margin:5px4px00;padding:4px5px0;text-decoration:none}.anpagera:hover{background:#1F3A87nonerepeatscroll00;border:1pxsolid#1F3A87;color:#FFFFFF;}/*拍拍网风格*/.paginator{font:11pxArial,Helvetica,sans-serif;padding:10px20px10px0;margin:0px;}.paginatora{padding:1px6px;border:solid1px#ddd;background:#fff;text-decoration:none;margin-right:2px}.paginatora:visited{padding:1px6px;border:solid1px#ddd;background:#fff;text-decoration:none;}.paginator.cpb{padding:1px6px;font-weight:bold;font-size:13px;border:none}.paginatora:hover{color:#fff;background:#ffa501;border-color:#ffa501;text-decoration:none;}/*迅雷风格*/.pages{color:#999}.pagesa,.pages.cpb{text-decoration:none;float:left;padding:05px;border:1pxsolid#ddd;background:#ffff;margin:02px;font-size:11px;color:#000;}.pagesa:hover{background-color:#E61636;color:#fff;border:1pxsolid#E61636;text-decoration:none;}.pages.cpb{font-weight:bold;color:#fff;background:#E61636;border:1pxsolid#E61636;}.code{font-weight:bold;color:blue}/style/headbodyformid=form1runat=serverdivstyle=text-align:centerbr/tableborder=0cellpadding=0cellspacing=0class=zhengwen2trtdalign=centerclass=xiaobiaotiheight=55新闻内容管理/td/trtrtdalign=centerheight=20/td/trtrtdalign=centervalign=topclass=zhengwen2asp:GridViewID=GridView1runat=serverAutoGenerateColumns=FalseCellPadding=4DataKeyNames=idForeColor=#333333CssClass=zhengwen2GridLines=NoneWidth=720pxonrowdeleting=GridView1_RowDeletingFooterStyleBackColor=#507CD1Font-Bold=TrueForeColor=White/Columnsasp:TemplateFieldHeaderText=序号InsertVisible=FalseSortExpression=id海南职业技术学院ItemTemplateasp:LabelID=Label1runat=servertext='%#Eval(id)%'/asp:Label/ItemTemplateControlStyleWidth=80px/ItemStyleWidth=80px//asp:TemplateFieldasp:TemplateFieldHeadertext=标题SortExpression=标题ItemTemplateasp:LabelID=Label2runat=servertext='Eval(标题)%'/asp:Label/ItemTemplateControlStyleWidth=280px//asp:TemplateFieldasp:BoundFieldDataField=发布人Headertext=发布人SortExpression=发布人/asp:BoundFieldDataField=发布时间Headertext=发布时间SortExpression=发布时间/asp:TemplateFieldHeadertext=修改ItemTemplateahref=Updata_New2.aspx?id=%#Eval(id)%修改/a/ItemTemplate/asp:TemplateField/ColumnsRowStyleBackColor=#EFF3FB/EditRowStyleBackColor=#2461BF/SelectedRowStyleBackColor=#D1DDF1Font-Bold=TrueForeColor=#333333/PagerStyleBackColor=#2461BFForeColor=WhiteHorizontalAlign=Center/HeaderStyleBa