第15讲 网站信息添加动态网页制作Word文档格式.docx

1、1、常用web控件2、在新闻信息表单中增加文本编辑器3、常用验证控件4、OleDbParameter对象5、ExecuteNonQuery带参数方法的引用学生自主学习的主要内容：1、web控件2、验证控件3、ExecuteNonQuery带参数方法教学单元的教学微观设计具体的教学安排本次课首先教学生制作带网页编辑器的新闻信息添加表单，然后讲解将表单数据添加到数据库的代码编写。在代码部分重点讲解OleDbParameter对象以及给该对象赋值。最后简单介绍调用类库带参数的ExecuteNonQuery方法完成将表单数据添加到数据库操作。学习任务Web控件和验证控件教学载体新闻信息添加网页教学方法

2、讲授教学手段多媒体演示学习成果1、提交带有文本编辑器和具有控件验证功能的新闻信息添加网页效果评估教师：1、学生是否熟练的使用基本的web控件和验证控件。2、学生是否能够使用网页文本编辑器。3、学生是否理解OleDbParameter对象，并能给该对象赋值4、学生是否理解带参数的方法调用学生：1、是否能够制作带有文本编辑器和具有控件验证功能的新闻信息添加网页。2、能够编写将表单数据添加到数据库的代码实施评估：1、能够创建带有文本编辑器和具有控件验证功能的新闻信息添加网页 40%；2、能够编写将表单数据添加到数据库的代码 60%。主要教学内容在网站后台添加信息是动态网站建设的重要功能之一。信息添加

3、一般分为两种情况，一种是以文字为主的信息，如新闻信息，另一种是以图片为主的信息，如产品信息或公司活动图片展示信息等。本次任务采用了分层编写代码的模式，将复杂的、可以重复使用的操作数据库代码存放在App_Code文件夹的DataAccess.cs文件中。本次任务主要使用了DbHelperOleDb的ExecuteNonQuery（strSql, commandParameters）带参数方法完成将表单数据添加到数据库的操作。网页文本编辑eWebEditor是添加信息或图片的详细内容时常用的工具。一、 Add_News.aspx网页制作1、主要控件及其用途Add_News.aspx页面主要控件的属

4、性设置及其用途控件类型控件名称主要属性设置用途TextBoxBiaoTi信息标题LaiYuan信息来源GuanJianZi关键字NeiRong信息详细内容ButtonbtnLogin执行登录操作2、 数据库设计存放Add_News.aspx网页信息的xinwenzixun表的设置字段名称数据类型字段长度必填字段id自动编号标题文本50是来源100否栏目名称10内容备注发布时间日期/时间点击数数字203、 Add_News.aspx页面效果图新闻资讯信息添加网页表单如图8-1所示，表单使用到了网页文本编辑器。4 Add_News.aspx网页制作步骤1、右击站点后台管理文件夹admin，单击添加

5、新项，在网站后台管理文件夹添加一个名为Add_News.aspx文件。2、在新建的网页上添加一个6行2列的表格，表格宽度850。表格第1行和第6行合并单元格。然后在表格输入文字，如图3所示。3、给表单添加文本框和按钮控件，并适当的设置控件宽度，按图8-4设置控件ID。4、从教程提供的参考网站将eWebEditor文件夹复制到自己的网站根文件夹下。5、切换到源代码视图，在内容行第2个单元格输入下面网页编辑器代码。 内容iframe id=eWebEditor1 src=./eWebEditor/ewebeditor.htm?id=txtContent&style=coolblue framebo

6、rder=0 scrolling=no width=750 height=350/iframeasp:TextBox ID=txtContent runat=server Width=10px Style=visibility: hidden/asp:TextBox/tr代码注释如下：6、切换到设计视图，网页显示如下。当网页浏览时文本编辑器可以正常使用。Add_News.aspx源文件代码如下：% Page Language=C# AutoEventWireup=true CodeFile=Add_News.aspx.cs Inherits=Add_News %!DOCTYPE html PU

7、BLIC -/W3C/DTD XHTML 1.0 Transitional/EN http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/www.w3.org/1999/xhtmlhead runat=title添加新闻资讯link href=./images/xinsheng.css rel=stylesheet type=text/css /style type= .style1 width: 750px; /style/headbody style=text-align: centerform id=form1d

8、ivtable width=850td colspan=240 添加新闻资讯td width=120 标题：td style= leftbiaoti228px 来源：laiyuan230px 关键字guanjianzi 正文/div/form/body/html7、Add_News.aspx.cs文件代码。using System;using System.Collections;using System.Configuration;using System.Data;using System.Web;using System.Web.Security;using System.Web.UI;

9、using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Data.OleDb; /使用OleDbParameter类必须导入System.Data.OleDb命名空间public partial class Add_News : System.Web.UI.Page protected void Page_Load（object sender, EventArgs e） protected void btnLogi

10、n_Click（object sender, EventArgs e） string strSql = insert into xinwenzixun（标题,来源,正文,关键字,发布时间,点击数） values（biaoti,laiyuan,zhengwen,guanjianzi,fabushijian,dianjishu）; OleDbParameter commandParameters = new OleDbParameter（biaoti, OleDbType.VarChar）,laiyuan new OleDbParameter（zhengwen, OleDbType.LongVar

11、Char）,guanjianzifabushijian, OleDbType.Date）,dianjishu, OleDbType.Integer）, ; commandParameters0.Value = biaoti.Text; /给数组变量赋值 commandParameters1.Value = laiyuan.Text; commandParameters2.Value = txtContent.Text; commandParameters3.Value = guanjianzi.Text; commandParameters4.Value = DateTime.Now; com

12、mandParameters5.Value = 1; DbHelperOleDb.ExecuteNonQuery（strSql, commandParameters）; DbHelperOleDb.CloseDb（）; Response.Write（script language=javascriptalert（成功添加记录）;history.back（）代码注释: 使用OleDbParameter类必须导入System.Data.OleDb命名空间，否则浏览网页时出现 “编译器错误消息: CS0246: 找不到类型或命名空间名称“OleDbParameter”（是否缺少 using 指令或程

13、序集引用?）” 的错误信息。 OleDbParameter commandParameters = 这是创建OleDbParameter变量数组，数组名称名是commandParameters，数组值是实例化的OleDbParameter变量，如new OleDbParameter（, OleDbType.VarChar），其中是变量名，OleDbType.VarChar是变量类型。OleDbParameter数组的这些OleDbParameter变量将作为OleDbCommand 的参数。需要注意的是OleDbParameter参数的的定义顺序必须和查询语句中参数出现的顺序一致！ DbHel

14、perOleDb.ExecuteNonQuery（strSql, commandParameters）; 调用DbHelperOleDb的ExecuteNonQuery带参数方法完成将表单数据添加到数据库的操作。ExecuteNonQuery（strSql, commandParameters）使用OleDbCommand操作数据库，该方法详细代码参阅App_Code文件夹下的DataAccess.cs文件。 DbHelperOleDb.CloseDb（）;调用DbHelperOleDb的CloseDb方法关闭数据库连接8、浏览Add_News.aspx页面，测试信息是否可以添加到数据库。二、

15、 练习题：1、制作一个防止添加2条相同新闻标题的新闻信息添加网页。参考代码如下：protected void Button1_Click（object sender, EventArgs e） string sql1 = select * from xinwenzixun where 标题= + biaoti.Text.ToString（） + DataSet myDataSet; myDataSet = DbHelperOleDb.GetDataSet（sql1）; if （myDataSet.Tables0.Rows.Count 0）该标题已添加过）,history.back（） else myDataSet.Dispose（）;2、制作如下图显示的图片新闻的详细信息网页。