《ASP.NET 2.0实用教程 C#版 普通高等教育“十一五”国家级规划教材 教学课件 ppt 作者 崔良海 第五章 ASP.NET控件》由会员分享，可在线阅读，更多相关《ASP.NET 2.0实用教程 C#版 普通高等教育“十一五”国家级规划教材 教学课件 ppt 作者 崔良海 第五章 ASP.NET控件（103页珍藏版）》请在金锄头文库上搜索。
1、第5章 ASP.NET控件,教学提示：Microsoft ASP.NET为开发人员提供了一种适用于Web开发、功能强大的控件工具，使开发人员能够在短时间内开发出功能强大的Web应用程序。编程时只需将所选的控件从工具箱拖放到页面上，通过Properties(属性)的设置即可方便、快速地完成诸多功能。ASP.NET还可以通过创建自定义服务器控件并封装大量可重复使用的用户界面特定代码，进一步提高编程效率。,第5章 ASP .NET控件,5.1 ASP.NET控件的概述 5.2 注册实例制作 5.3 ASP.NET其它实用控件的运用,5.1 ASP .NET控件的概述,ASP.NET的控件设置 ASP
2、.NET控件的基本配置有9个基本类别，点击后展开具体使用的“控件”内容。进行Web窗体的编制过程，也可以说就是“控件”使用过程，掌握了“控件”的使用，也可以说掌握了ASP.NET最根本的精华之一。更确切地说，工具箱是一个组件箱，其中的控件为组件，Web窗体的编制过程就是从组件箱（工具箱）中取出合适的组件（控件），经过一定的设置，装配成一个所需要的Web窗体。,5.1 ASP .NET控件的概述,进入Web窗体的“设计”编辑界面，选择“视图”-“工具箱”，可以看到左侧有一列工具箱菜单，如图 :,5.1 ASP .NET控件的概述,ASP.NET2.0控件的应用类别 1. 标准控件 2. 数据控件
3、 3. 验证控件 4. 导航控件 5. 登录控件 6. WebParts控件 7. HTML控件 8. Crystal Reports控件 9. 常规控件类,5.2 注册实例制作,5.2.1 功能介绍 5.2.2 实例流程 5.2.3 实例制作过程,5.2.1 功能介绍,用户注册几乎是所有网站都有的一个组件，本实例的注册内容包含在4 个容器控件之中：“用户协议”，提示用户注册所应遵守的协议；“用户名检验”检验用户要注册的用户名是否被用过；“用户信息输入”提供用户输入用户信息的界面；并对输入格式是否正确进行检验；“返回注册成功信息”显示用户注册成功的信息内容。,5.2.2 实例流程,该页面每次只
4、显示一个“Panel”（容器）控件中的内容，执行时的流程如下：用户协议用户名检验用户信息输入注册成功信息。 表5-1 register.aspx页面内容,5.2.3 实例制作过程,这个实例页面名称是register.aspx，所有设计都在这个页面进行，以下详细介绍register.aspx页面的设计过程。 (一)控件Panel1（用户协议） 新建一个Web窗体，名称设置为register.aspx，首先编制“用户协议”部分内容。 1.进入register.aspx的“设计”视图界面，从“工具箱”中选取一“Panel”（容器）控件至页面中，ID默认为“Panel1”，并将其显示尺寸大小拉至适当，
5、如下图 :,5.2.3 实例制作过程,在register.aspx页面中插入Panel控件,5.2.3 实例制作过程,2.为了更好的规划Panel1内各种控件位置，在菜单中选择“布局”“插入表”，在“Panel1”中插入一个3行3列的表，ID为“Table1”，行列设置如下图：,5.2.3 实例制作过程,3.选中表的第一行，在“属性”对话框中将表的第一行颜色设置为“#00099”，在表的第一行和第二行的第二列输入“用户协议”等等文字。如下图：,5.2.3 实例制作过程,4.第三行第二列放两个Button控件，ID分别为“Button1”和“Button2”分别将其“Text”属性设置为“同意”
6、与“不同意”。Button1按钮的功能是使得“Panel1”区域消失，显示“Panel2”即“用户名检验”；双击“Button1”按钮，编辑Button1_Click事件，代码见本节（五）中register.aspx.cs代码中protected void Button1_Click(object sender, System.EventArgs e)部分。,5.2.3 实例制作过程,Panel1区域“用户协议”设计图,5.2.3 实例制作过程,(二)控件Panel2（用户名检验） 功能说明：在register.aspx中的“用户协议”区域下面设计“用户名检验”区域，该区域是用来检验用户输入的
7、用户名是否已经被注册（这里应该要跟相应数据库表中的用户名作比较，具体可参照第6章教程），而且必须要用户输入名字。,5.2.3 实例制作过程,设计步骤： 1.跟设计Panel1一样，从“工具箱”的“标准”控件里面拖出一个“Panel”控件在前面的Panel1下面建立第二个Panel2，ID为“Panel2”。 2.选择“布局”“插入表”，在“Panel2”中插入一个3行1列的表，在第一行中输入“用户名检验”的文字。其他属性设置跟Panel1的一样。 3.在第二行中放一个Label控件，ID为“Label1”，Text属性为“用户名：”。再放一个TextBox控件，ID设置为“usercheck”
8、，用来输入供检验的用户名,5.2.3 实例制作过程,4. 在TextBox控件旁边放一个RequireFieldValidator验证控件，用来验证TextBox里面的内容是否为空，强制用户在TextBox控件里面必须输入数据。然后再放一个Label控件，ID为“Label2”，用来显示验证后的提示信息。如下图所示：,5.2.3 实例制作过程,5.添加一个Button按钮，ID为“Button3”，双击“Button3”按钮，编辑Button3_Click事件，具体见本节（五）中register.aspx.cs代码中的protected void Button3_Click(object se
9、nder, System.EventArgs e)部分。 完成后如下图所示：,5.2.3 实例制作过程,(三)控件Panel3（用户信息输入） 功能说明：在register.aspx页面中再添加一个Panel控件，让用户输入自己的相关信息。信息包括“密码”、“确认密码”、“姓名”、“性别”、“出生日期”、“籍贯”、“Email”以及“爱好”等。,5.2.3 实例制作过程,设计步骤： （1）从“工具箱”的“标准”控件里面拖出一个“Panel”控件在前面的Panel2区域下面建立第三个区域Panel3，ID为“Panel3”。 （2）在Visual Studio.NET的菜单中选择“格局”“插入表
10、”，在“Panel3”中插入一个11行3列的表，在第一行中输入“用户信息输入”的文字。 （3）从第二行开始，在每一行的第一列依次输入以下文字：“用户名”、“密码”、“确认密码”、“姓名”、“性别”、“出生日期”、“藉贯”、“Email”以及“爱好”。,5.2.3 实例制作过程,（4）为了让用户能够有位置输入相关信息，在第二行的第二列中依次放入以下控件：一个“Label”控件，ID为“user3”；三个“TextBox”控件，ID分别为“pwd”“pwd2”“TextBox4”；一个“RadioButtonList”控件，ID为“sexchoice”；一个“Calendar”控件，ID为“Cal
11、endar1”；两个“DropDownList”控件，ID分别为“DropDownList1”和“DropDownList2”；一个“TextBox”控件，ID为“emailtext”；一个“CheckBoxList” 控件，ID为“hobbyList”。,5.2.3 实例制作过程,（5）进而设计有关密码的验证控件，在第二行的第三列放置一个RequireFieldValidator验证控件，ID为“pwdReVal”，用来验证密码的“pwd”控件里面的内容是否为空，即强制用户输入密码；在第三行的第三列也放置一个RequireFieldValidator验证控件，ID为“pwd2Re”，用来验证
12、确认密码的“pwd2”控件里面的内容是否为空，即强制用户再次输入密码；同时在旁边放置一个CompareValidator控件，ID为“comp”，用来比较密码框“pwd2”跟“pwd”是否相等，即要求用户两次输入的密码相同。,5.2.3 实例制作过程,（6）在“藉贯”一栏里面，选择第一个DropDownList控件的选项后，第二个DropDownList控件自动显示与第一个DropDownList控件相关的内容选项，如在第一个下拉框中选择“上海”，第二个下拉框则应该显示上海里面的区选项供你选择。所以需要编辑事件函数。两个DropDownList控件的事件分别为DropDownList1_Sel
13、ectedIndexChanged以及SetDropdownList2Value()函数，从而达到选择第一个DropDownList控件的选项，第二个DropDownList控件自动显示所对应的内容。代码见后面register.aspx.cs文件。 （7）最后添加一个Button按钮，ID为“Button4”，该Button的功能是使得“Panel3”消失，但显示“用户注册信息”区域“Panel4”，并在Panel4的Label控件里面显示注册的相关信息。因此需要编辑Button4_Click事件，代码见后面register.aspx.cs文件中的protected void Button4_
14、Click(object sender, System.EventArgs e)函数。,5.2.3 实例制作过程,“用户信息输入”区域Panel3设计好后如下图：,5.2.3 实例制作过程,(四)控件Panel4（用户注册信息） 功能说明：在register.aspx页面中设计“用户注册信息”区域Panel4，该区域用7个Label控件来显示在前面Panel3里注册的信息内容。 设计步骤： （1）从“工具箱”的“标准”控件里面拖出一个“Panel”控件在前面的Panel3区域下面建立第四个区域Panel4，ID为“Panel4”。 （2）在Visual Studio.NET的菜单中选择“格局”
15、“插入表”，在“Panel4”中插入一个2行1列的表，在第一行中输入“用户注册信息”的文字。,5.2.3 实例制作过程,（3）在第二行里面，向下依次输入以下文字：“用户名”、 “姓名”、“性别”、“出生日期”、“藉贯”、“Email”以及“爱好”。,5.2.3 实例制作过程,（4）接下来依次在这些文字的旁边各放入相应的Label控件，这些Label控件的ID属性分别为“user4”、“name4”、“sex4”、“birth4”、“native4”、“mail4”以及“hobby4”；最后在底端中间设置一个按钮控件，button5，将其Text属性设为“确认提交”。 Panel4区域设计好之后
16、的样式如下图：,5.2.3 实例制作过程,(五)register.aspx.cs代码 using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls;,5.2.3 实例制作过程,namespace login public partial class register : System.Web.UI.Page protected void Page_Load(object sender, System.EventArgs e) / 在此处放置用户代码以初始化页面 if (!IsPostBack) SetDropdownList
