基于ASP.NET的Web应用开发技术实用教程[方玉燕][电子教案]项目2：网络通讯录的开发

ClicktoaddTitleClicktoaddTitle4项目2：网络通讯录的开发知识目标:掌握ASP.NET的页面结构、组成元素；掌握ASP.NET的代码格式；掌握各种常用服务器控件及控件的常用属性、方法和事件；掌握Web窗体的输入验证及ASP.NET验证控件的使用；掌握创建用户控件的方法；掌握内置对象的功能、属性、方法，了解使用技巧；了解ADO.NET的对象模型，掌握创建数据库的连接和对数据的操作方法。ClicktoaddTitleClicktoaddTitle4项目2：网络通讯录的开发技能目标能根据需要创建Web窗体，并能选择合理的ASP.NET服务器控件进行页面布局；能选择合理的数据验证方式对输入数据进行验证；能创建用户控件；能使用ADO.NET的对象进行数据库的连接和数据操作；能根据网络通讯录的功能分析创建完整的小型网站，对网站功能和代码进行调试并选择合理的方式发布网站。ClicktoaddTitleClicktoaddTitle4项目2：网络通讯录的开发本项目分为情境介绍及三个任务，计划总学时40学时（1）情境介绍4学时（2）任务120学时（3）任务212学时（4）任务34学时ClicktoaddTitleClicktoaddTitle4情境介绍本教学情境是开发一个完整的网络通讯录。本项目来自于实际的生活，功能与手机的通讯相似。项目比较贴近学生的生活，易于学生理解。本项目虽然比较简单，但包含了ASP.NET大部分的初步知识。ClicktoaddTitleClicktoaddTitle4情境介绍教师项目演示20分钟ClicktoaddTitleClicktoaddTitle4情境介绍用户注册及用户登录联系人管理功能，包括添加新联系人、查找所有联系人、按照类别查找联系人、删除联系人信息、修改联系人信息。需求分析及功能设计ClicktoaddTitleClicktoaddTitle4情境介绍根据通讯录的实际需求，创建数据库addressbook，主要建立一个表：注册用户信息表（userinfo）和联系人信息表（contactinfo）数据库设计ClicktoaddTitleClicktoaddTitle4任务1网站的栏目与页面设计为完成本任务，要完成以下几个方面的工作：对网站总体设计风格的确定；能创建Web页面并了解Web页面的结构；能使用ASP.NET的服务器控件设计Web页面的可视元素；能正确为网页添加功能代码；能使用ASP.NET验证控件对输入数据进行验证；能使用ASP.NET用户控件实现代码重用。ClicktoaddTitleClicktoaddTitle4主要是为网络通讯完成各个页面的UI设计。一个好的Web应用程序，不仅仅要有漂亮的图片、优美的布局和完整的结构，应该更力求整个网站保持一致的风格，如字体、字型、页面边距等，或者是基本的UI内容，让用户感觉到整个Web网站的统一和连贯。任务1网站的栏目与页面设计任务1网站的栏目与页面设计ClicktoaddTitleClicktoaddTitle4任务1-1网站页面的风格设计实战演练10分钟任务1网站的栏目与页面设计ClicktoaddTitleClicktoaddTitle4课外练习：上网浏览网站，确定网站的风格下载所需的图片素材利用设计软件设计出布局图片和素材图片任务1网站的栏目与页面设计任务1-1网站页面的风格设计ClicktoaddTitleClicktoaddTitle4实战演练：在通讯录网站中创建Web页面任务1网站的栏目与页面设计任务1-1ASP.NETWeb页面ClicktoaddTitleClicktoaddTitle4Web窗体的组成元素ASP.NET网页由两部分组成：可视元素，包括标记、服务器控件和静态文本；页的编程逻辑，包括事件处理程序和其他代码。代码示例任务1网站的栏目与页面设计任务1-1ASP.NETWeb页面ClicktoaddTitleClicktoaddTitle4ASP.NET页所包含的元素类型元素描述指令指定页属性和配置信息，最常用的指令如例中@Page指令静态的HTML标记标准的HTML元素HTML注释!----，允许在页面中添加解释性文字，不会在浏览器中显示服务器端代码位于script代码声明块或%%呈现块中.事件处理器单文件模式中，用于处理页面或服务器控件的事件script代码声明块单文件页模型，编程代码位于script块中%%呈现块嵌入式代码块是在呈现页面的过程中执行的服务器代码客户端script块用于存放客户端上执行的脚本代码服务器端注释%----%允许在页面中添加解释性文字ASP.NET服务器控件允许用户与页面交互的控件任务1网站的栏目与页面设计任务1-1ASP.NETWeb页面ClicktoaddTitleClicktoaddTitle4指令为相应页指定页属性和配置信息。指令描述@Page定义ASP.NET页分析器和编译器使用的特定于页的属性。只能包含在.aspx文件中@Control只能包含在.ascx文件（用户控件）中@Import将命名空间显式导入页或用户控件中@Register将别名与命名空间及类名关联起来，从而允许用户控件和自定义服务器控件在被包括到请求的页或用户控件时呈现@Assembly在编译过程中将程序集链接到当前页@Master标识ASP.NET母版页@PreviousPageType提供用于获得上一页的强类型的方法，可通过PreviousPage属性访问上一页@MasterType为ASP.NET页的Master属性分配类名，使得该页可以获取对母版页成员的强类型引用@OutputCache以声明的方式控制页或用户控件的输出缓存策略@Reference以声明的方式将页或用户控件链接到当前页或用户控件任务1网站的栏目与页面设计任务1-1ASP.NETWeb页面ClicktoaddTitleClicktoaddTitle4窗体标记在.aspx页中只能有一个服务器端窗体，可执行回发的服务器控件必须位于form标记之内。Page类Page类与扩展名为.aspx的文件相关联，在运行时被编译为Page对象，并被缓存在服务器内存中，Page类是一个用作Web应用程序的用户界面的容器控件。Page属性可以实现动态设置页面信息formid=form1runat=server任务1网站的栏目与页面设计任务1-1ASP.NETWeb页面ClicktoaddTitleClicktoaddTitle4多媒体演示ASP.NET的运行模型ClicktoaddTitleClicktoaddTitle4课外练习：升级HTML页面为ASPX窗体任务1网站的栏目与页面设计任务1-1ASP.NETWeb页面ClicktoaddTitleClicktoaddTitle4实战演练：为通讯网站添加注册页面任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4HTML服务器控件HTML服务器控件是由普通的HTML标记延伸出来的，为HTML元素添加runat=“server”属性后，就转换成了HTML服务器控件，如：HTML服务器控件在System.Web.UI.HtmlControls命名空间中，允许以编程的方式访问服务器上的HTML元素。具有开始标记和结束标记的HTML服务器控件具有容器控件特性，使用InnerText和InnerHtml属性来获取或设置内容。divid=sp1runat=server任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4Web服务器控件Web服务器控件是专门为ASP.NET创建的服务器控件。Web服务器控件还可以分为标准控件、数据控件、验证控件、导航控件、登录控件任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4服务器控件添加与属性设置添加服务器控件可以在“设计”视图中通过工具箱将控件拖动到页面上，也可以在“源”视图中输入要用作控件元素的标记。也可以在代码中动态添加。设置属性可以通过“属性”窗口；也可以在“源”视图中，在控件的元素标记中设置属性。或在代码中动态设置。任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4选择合适的控件在实际的应用中尽量避免使用HTML服务器控件。能用静态的HTML标记就尽量不要用服务器控件，如：能用SPAN标记时就不要使用Label控件。任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4常用服务器控件：Label控件Label控件以动态方式在网页上显示文本的标签控件。通常当希望在运行时更改页面中的文本时使用。Label控件使用的标准代码如下：asp:Labelid=Label1Text=要在页面中显示的内容runat=server/任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4常用服务器控件：TextBox控件TextBox控件是使用户可以输入文本的输入控件，配置不同的TextMode的属性，可以使TextBox有不同的显示模式。TextBox控件使用的标准代码如下：asp:TextBoxID=TextBox1TextMode=”行为模式”Columns=”文本框显示宽度”MaxLength=最多允许的字符个数ReadOnly=true｜FalseRows=多行文本显示的行数Wrap=true｜FalseCausesValidation=true｜Falserunat=serverText属性值/asp:TextBox任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4常用服务器控件：Button控件Button控件Button控件主要使用户能够将页发送到服务器并触发页上的事件。它包括三种按钮控件，每种按钮控件在网页上显示的方式都不同。这三种按钮控件分别是Button控件、LinkButton控件、ImageButton控件。这三种控件使用的标准代码分别如下：asp:ButtonID=Button1runat=serverText=Button/asp:ImageButtonID=ImageButton1runat=serverImageUrl=图片地址/asp:LinkButtonID=LinkButton1runat=server连接显示文本/asp:LinkButton任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4常用服务器控件：CheckBox和CheckBoxListButton控件最常用的事件是Click事件，如果不同种类的Button控件想使用同一段事件逻辑，则可以使用Command事件，用户的单击行为可以触发该事件。如果Click事件与Command事件同时存在，两个事件会同时被触发。下面的代码示例演示了如何使用CommandName属性来创建Button控件的Command事件。代码示例任务1网站的栏目与页面设计任务1-3ASP.NET服务器控件ClicktoaddTitleClicktoaddTitle4常用服务器控件：CheckBox和CheckBoxList控件CheckBox和CheckBoxList控件用于用户选择条件的复选框，如果想创建一系列复选框，则CheckBoxList控件是更好的选择。而单个的CheckBox能更好地控制页面上布局。CheckBox和Ch