Web应用程序设计案例教程第3章

6
3.2 Web服务器控件
用户注册模块主要用到的Web服务器控件有Label、 TextBox、Button、DropDownList和验证控件，本节 重点介绍TextBox、Button、DropDownList控件， 1. TextBox控件 ☺TextBox控件是让用户输入文本的输入控件。在Web页面中
4
3.1.1 code-behind模式
当使用代码分离(代码隐藏)技术创建Web窗体 时，首先要在程序代码中定义一个派生类，然 后，还必须创建一个.aspx文件，用于以可视 化方式显示与派生类关联的用户接口，该文件 的第一行使用@ page指令，并通过Ihnerits和 codebehind属性将代码隐藏文件链接到.aspx 文件。这种先定义再关联的模式，就是codebehind模式。 当使用开发工具开发一个ASP.NET的Web窗 体时，系统自动使用该模式创建Wed窗体，而 不需要设计者手工定义。 5
的信息。 ☺Type属性：指定要比较的数据类型。 ☺Operator属性：指定要执行的比较运算类型，在Web页面 中添加CompareValidator控件，并将其链接到要做比较验证 的输入控件，就可以指定输入控件为比较输入控件。
10
3.3.3 RangeValidator控件
1. RangeValidator控件的功能 ☺RangeValidator控件是指用户在Web窗体页上输入数据时，检查 输入的值是否在指定的上下限范围之内的一种验证。 2. RangeValidator控件的主要属性 ☺MinimumValue属性：用来指定范围的下限值。 ☺MaximumValue属性：用来指定范围的上限值。 3. RangeValidator控件的应用 ☺通过在Web页面中添加RangeValidator控件，并将其链接到要做 的范围验证的输入控件，并且指定要验证的值的数据类型，就可 以验证该控件输入的值是否在指定范围内。 应用RangeValidator控件进行范围验证的操作步骤如下。 ☺(1)将RangeValidator控件添加到页中。 ☺(2)使用MaximumValue和MaximumValue属性来设置范围的上、 下限值。 ☺(3)设置Type属性，指定范围设置的数据类型，可以使用string、 integer、double或currency类型名。 ☺(4)如果是编程验证，可在Web窗体代码中添加测试代码，以检查 有效性。
3.1.2 Page类的事件
是三个基本事件
☺ 1. Page_Init事件
该事件完成的是系统所需的一些初始设定，开发者一般不能随意改变其内容。
☺ 2. Page_Load事件
每次加载页面时，无论是初次浏览还是通过单击按钮或因为其他事件再次调 用页面，都会触发此事件。
☺ 3. Page_UnLoad事件
第3章 用户注册模块设计
知识目标
教 学 导 航
技能目标 态度目标 本章重点 本章难点
(1) 掌握Button控件、TextBox控件的应用 (2) 掌握DropDownList控件的应用 (3) 掌握验证控件的应用 (4) 掌握记录的插入 (1) 利用Label、Button、TextBox和DropDownList控件设计用户注册页面 (2) 灵活运用验证控件来验证数据的正确性 (3) 熟悉记录的插入 (1) 培养学生的自主学习能力和知识应用能力 (2) 培养学生勤于思考、认真做事的良好作风 (3) 培养学生具有良好的职业道德和较强的工作责任心 验证控件的使用与记录的插入 正则表达式 理论实践一体化，教、学、做合一 6课时(含课堂实践) 项目：设计用户注册模块 任务1：新建注册页面register.aspx 任务2：添加所需控件，设置各控件的属性 任务3：编写程序代码，实现注册和重置功能 新建项目→新建注册页面→添加所需控件→设置控件属性→编写程序代码、实现功能
7
3.3 数据验证控件
在设计网页时，通常会遇到需要用户输入信息 的情况，为了避免用户输入错误的数据，需要 对用户所输入的信息进行检查，即验证。数据 验证控件主要有四种。 ☺RequiredFieldValidator控件、 ☺CompareValidator控件、 ☺RangeValidator控件、 ☺RegularExpressionValidator控件、
添加TextBox控件的方法与添加Label控件相同。
2. DropDownList控件 ☺DropDownList控件就是我们经常见到的下拉列表，是在众
多的列表项中选择一项。此控件的选择项的数据可以是静态 绑定，也可以是通过程序动态绑定，这种列表项较少的直接 使用静态绑定比较方便，但是出生日期中的年月日列表项比 较多，使用静态绑定就显得比较麻烦，这种情况下就应采用 动态绑定。
本章
用
2
第3章 用户注册模块设计
用户注册模块是网上书店的基本模块。本章主要通过 用户注册模块来介绍ASP.NET的TextBox、 DropDownList、Button控件以及验证控件的使用方法。 【操作体验 操作体验】 操作体验 ☺(1)设置ch3_2为虚拟目录。 ☺(2)启动Internet Explorer浏览器。 ☺(3)在地址栏中输入：http://localhost/ch3_2/register.aspx，
☺ 5. IsValid属性
获取一个值，该值指示该页面验证是否成功。如果验证成功，则为true，否则 为false。要强调的是，应在相关服务器控件的Click事件处理程序中将该控件 的Causes Validation属性设为true，或在调用Page.Validate方法后访问IsValid 属性。
按Enter键。 ☺(4)用户注册页面的浏览。 ☺(5)在【会员名】文本框中输入正确的会员名，单击【检验 会员名】按钮，此时会出现【恭喜您，您可以注册此用户名】 的提示信息。 ☺(6)依次输入或选择会员注册信息。 ☺(7)单击【确定】按钮，显示注册成功的信息。
3
3.1 认识Page对象
在ASP.NET中，每个Web窗体(ASP.NET页面) 都是从Page类继承而来，一个ASP.NET页面 实际上是Page类一个对象，它所包含的属性、 方法和事件用来控制页面的显示，而且还是各 种服务器控件的承载容器。 Page类与扩展名为.aspx的文件相关联，这些 文件在运行时编译为Page对象，并缓存在服 务器内存中。
8
3.3.1 RequiredFieldValidator控件
1. RequiredFieldValidator控件的功能 ☺必须验证是指用户在Web窗体上输入数据时，确
保不会跳过必填数据项的验证。此项验证由 RequiredFieldValidator控件来完成。
2. RequiredFieldValidator控件的主要属性 ☺ControlToValidate属性：指定被验证的控件ID。 ☺Text属性：指定在本控件中显示的信息。 ☺ErrorMessage属性：指定要在Validationsummy
11
3.3.4 RegularExpressionValidator 控件
要验证像身份证号码、电子邮箱名、电话号码等内容的格式时， 用前面所讲的控件无法实现，我们需要一个功能更为强大的控件， 那就是RegularExpressionValidator控件。 1. 正则表达式 ☺正则表达式(Regular Expressions)是由普通文本字符和特殊字符 组成的字符串，用来定义文字处理时需要匹配的文本内容模式。 2. RegularExpressionValidator控件 ☺前面讲到的范围验证控件，并不能实现文字与数值数据混合在一 起的限制，因此还需要一个更为强大的控件。 RegularExpressionValidator控件正是拥有这种强大功能的控件， 该控件是用来验证另一个控件的值是否与指定表达式的值匹配。 ValidationExpression属性用来设置验证规则，就是前面介绍过的 正则表达式。 RegularExpressionValidator控件用于确定输入控件的值是否与某 个正则表达式所定义的模式相匹配。
12
3.3.5 ValidationSummary控件
1. ValidationSummary控件的功能及语法格式 ☺该控件专门用来显示页面验证控件的验证错误信息，其语
法格式如下。
<asp:ValidationSummary id="对象名称" HeaderText="要显示的标题文字" ShowSummary="True 或False" ShowMessageBox="True或False" DisplayMode=" DisplayMode="错误信息的排列方式" " runat="server"></asp:ValidationSummary>
目
本章
ห้องสมุดไป่ตู้
用
Page对象 1. Web服务器控件：TextBox、Button、DropDownList 2. 验证控件 (1) 必须验证控件：RequiredFieldValidator控件 (2) 比较验证控件：CompareValidator控件 (3) 范围验证控件：RangeValidator控件 (4) 模式验证控件：RegularExpressionValidator控件 (5) 显示页面验证控件的验证错误信息：ValidationSummary控件
☺这个控件并不像其他控件一样必须指定所要验证的控件，
因为它会自行判断哪些字段没有通过验证。
2. ValidationSummary控件的主要属性 ☺ShowSummary属性：用来设置是否要显示其他验证控件所
设置的ErroMessage的内容，反之则不显示，默认值为True。 ☺DisplayMode属性：用来设置错误信息的排列方式，有 BulletList、List和SingleParagraph三种属性值可以设置。
Page_UnLoad事件在服务器控件从内存中卸载时发生。该事件程序的主要工 作是执行所有最后的清理操作。
最重要的两个属性。
☺ 1. IsPostBack属性
获取一个值，该值指示该页是否因响应客户端(postback)而加载，或者是被首 次访问而加载。如果是为了响应客户端而加载该页，则为true，否则为false。 这个属性非常有用，它能够区分该页面是首次加载还是多次回发访问。
13
3.4 用户注册页面的设计
本节综合应用Page对象、Web服务器控件、 数据验证控件设计用户注册页面，且编写程序 代码实现用户注册的功能。
14
3.4.1 创建Web项目
(1) 在合适位置创建文件夹ch3_1，且将该文件夹设置为Web共 享文件夹，即虚拟目录。 (2) 启动Visual Studio.NET 2003，在Visual Studio.NET 2003集 成开发环境中，选择【文件】|【新建】|【项目】命令，打开【新 建项目】对话框。 (3) 在【新建项目】对话框的【项目类型】列表中选择【Visual Basic项目】，在【模板】列表中选择【ASP.NET Web应用程 序】。 (4) 在【位置】文本框中输入http://localhost/ch3_1，单击【确定】 按钮，系统自动生成一个项目和多个相关文件，其中文件 WebForm1.aspx就是主页面文档。 (5) 在【解决方案资源管理器】中修改WebForm1.aspx文档的名 称为register.aspx。 至此，一个名为ch3_1的Web应用项目已建立完毕。
控件中显示信息。
9
3.3.2 CompareValidator控件
1. CompareValidator控件的功能 ☺比较验证是指用户在Web窗体上输入数据时，对输入的内
容进行比较验证。此项验证由CompareValidator控件来完成。
2. CompareValidator控件的主要属性 ☺ControlToValidate属性：指定被验证的控件ID。 ☺ValueToCompare属性：指定用于比较的值。 ☺ControlTocompare属性：指向另一个要比较的控件ID。 ☺Text属性：指定在本控件中显示的信息。 ☺ErrorMessage属性：指定要在Validationsummy控件中显示