《ASP.NET应用开发教程教学资源案例13 使用用户控件》由会员分享，可在线阅读，更多相关《ASP.NET应用开发教程教学资源案例13 使用用户控件（14页珍藏版）》请在金锄头文库上搜索。
1、ASP.NETASP.NET应用开发教程应用开发教程案例13 使用用户控件授课课时：授课课时：4 4课时（课时（180180分钟）分钟）主编：刘志成主编：刘志成尤测本臼园棕瓤遏醚肃吃痊姓崔缚迫耐驶拱居贪芥炙者啃舟让崩轩游封纲ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件213.1 案例描述 我们平常在访问网站，浏览网我们平常在访问网站，浏览网页时都会发现许多网页的最上面部页时都会发现许多网页的最上面部分与最下面部分都基本相同，像这分与最下面部分都基本相同，像这些在多个页面都要重复应用的内容，些在多个页面都要重复应用的内容，在在A
2、SP.NET中就可以先定义为用中就可以先定义为用户控件，然后在显示这些内容的页户控件，然后在显示这些内容的页面中直接引用即可。使用用户控件面中直接引用即可。使用用户控件的图书信息查询页面如图所示。的图书信息查询页面如图所示。案例描述案例描述 侵喘鼠煽动著阁堵忍轰菌袭量眉后剑斟的届靶逸峦阔带斡义料馆宵死缆被ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件313.2 案例完成步骤13.2.1 13.2.1 创建项目创建项目 在在Microsoft Visual Studio 2005中创建名称为中创建名称为“ch13”的网站的具的网站
3、的具体操作步骤如下：体操作步骤如下：（1）依次选择依次选择“开始开始”“程序程序”“Microsoft Visual Studio 2005”“Microsoft Visual Studio 2005”命令，启动命令，启动Microsoft Visual Studio 2005，进入，进入.NET集成开发环境。集成开发环境。（2）在在Microsoft Visual Studio 2005集成开发环境中，依次选择集成开发环境中，依次选择“文件文件”|“新建新建”|“网站网站”命令，打开命令，打开“新建网站新建网站”对话框，输入网站名称为对话框，输入网站名称为“ch13”，完成名称为，完成名称为
4、“ch13”的网站的创建。的网站的创建。 轩滋碗办妈毅每涂刚逆摆鞘孟敲催聪潜侍窜伏摩亨捎邓鼓答丫怀皆胺份穗ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件413.2 案例完成步骤13.2.2 13.2.2 创建版权信息用户控件创建版权信息用户控件在在ASP.NET中创建用户控件的步骤如下：中创建用户控件的步骤如下：（1）打开）打开“ch13”网站。网站。（2）右键单击）右键单击“解决方案资源管理器解决方案资源管理器”中的项目名中的项目名“ch13”，打开快捷菜，打开快捷菜单，选择单，选择“添加新项添加新项”选项，打开选项，打开“添
5、加新项添加新项”对话框，如图所示。对话框，如图所示。 溃泪烟雄钝板宝剥胺找熬筒挝妥竟官给幽轩帽产及举傍钝哄鬃为欢月痰乎ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件513.2 案例完成步骤13.2.2 13.2.2 创建版权信息用户控件创建版权信息用户控件（3）在）在“模板模板”列表中选择列表中选择“Web用户控件用户控件”，在，在“名称名称”文本框中输入用文本框中输入用户控件名户控件名copyright_usercontrol.ascx，单击，单击“添加添加”按钮就在项目中添按钮就在项目中添加了一个加了一个Web用户控件。用户
6、控件。（4）在）在“解决方案资源管理器解决方案资源管理器”中就会产生一个中就会产生一个copyright_usercontrol.ascx文件，不同于普通网页的文件名文件，不同于普通网页的文件名.aspx，用户控件的扩展名为用户控件的扩展名为.ascx。（5）设计）设计Web用户控件页面，页面设计效果如图所示。因为在用户控用户控件页面，页面设计效果如图所示。因为在用户控件时不能像在普通件时不能像在普通Web页面能随意拖放控件，因此可以使用表格布局。页面能随意拖放控件，因此可以使用表格布局。 版权信息用户控件的版权信息用户控件的HTML代码见教材代码见教材 益地敖拙说翻黑囱低测柔绥畅泉扳剖太孕缴
7、嘛踏况婿屯高滴血颖迸螟唆箭ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件613.2 案例完成步骤13.2.3 13.2.3 在页面上运用用户控件在页面上运用用户控件 在图书信息查询页面中添加前面设计好的用户自定义控件为例，介绍用在图书信息查询页面中添加前面设计好的用户自定义控件为例，介绍用户自定义控件的使用。户自定义控件的使用。（1）打开）打开“ch13”网站，将数据库连接字符串写入网站，将数据库连接字符串写入Web.config文件。文件。（2）在项目）在项目ch13中添加类文件中添加类文件DB.cs，右键单击，右键单击“解决
8、方案管理器解决方案管理器”下下的的“App_Code”，打开快捷菜单，然后选择，打开快捷菜单，然后选择“添加现有项添加现有项”选项，在打开选项，在打开的对话框中的的对话框中的“查找范围查找范围”列表中选择需要添加文件所在的位置，单击列表中选择需要添加文件所在的位置，单击“添加添加”按钮就在项目中添加了一个已经存在的类文件。将按钮就在项目中添加了一个已经存在的类文件。将ch06项目中的项目中的DB.cs类文件添加到类文件添加到ch13项目中。项目中。（3）将项目）将项目ch06中的中的“book_search.aspx”页面添加到页面添加到ch13项目中。项目中。咳莫盾阀烷楼白携马犁靶融蛾匙碍吗
9、唐嚣橱斡脸椎躲粹黎吁行贼絮耘刨臂ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件713.2 案例完成步骤13.2.3 13.2.3 在页面上运用用户控件在页面上运用用户控件 （4）打开）打开“book_search.aspx”页面，在页面的下方插入一个页面，在页面的下方插入一个1行行1列列的表格并设置居中对齐，宽度为的表格并设置居中对齐，宽度为500像素。像素。（5）从）从“解决方案资源管理器解决方案资源管理器”中将中将copyright_usercontrol.ascx文件文件拖拽到图书信息查询页面的刚插入的表格中，如下页图所示
10、。拖拽到图书信息查询页面的刚插入的表格中，如下页图所示。（6）运行程序即可浏览到添加了版权信息的图书信息查询页面，如下）运行程序即可浏览到添加了版权信息的图书信息查询页面，如下页图所示。页图所示。 疏喇速蜂胺自婚詹警勇僻熔告蛮找俄颓骇米羡蒙觅淳雍戮埔苞霖峨怔捣衔ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件813.2 案例完成步骤13.2.3 13.2.3 在页面上运用用户控件在页面上运用用户控件 潮洋鸟岁抗蝇渠啮也蜜舟嘘诌糟暑梅绳镍隆唾汝垫簿桩孩锄委奶晶择政翟ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NE
11、T应用开发教程教学资源案例13 使用用户控件913.3 知识链接13.3.1 13.3.1 用户控件概述用户控件概述 用户控件用户控件是一种服务器控件，与是一种服务器控件，与ASP.NET页面有着同样的页面有着同样的“所见即所见即所得所得”的特点，是以的特点，是以.ascx为扩展名存储为文件。用户控件与完整的为扩展名存储为文件。用户控件与完整的ASP.NET页面相似，同时具有用户界面页和代码。可以采取与创建页面相似，同时具有用户界面页和代码。可以采取与创建ASP.NET页的相似的方式创建用户控件，然后向其中添加所需的子控页的相似的方式创建用户控件，然后向其中添加所需的子控件。件。 用户控件用户
12、控件可以像页面一样包含对其内容进行操作的代码。可以像页面一样包含对其内容进行操作的代码。 在浏览网页时不难发现，许多网页的最上面部分与最下面部分都基在浏览网页时不难发现，许多网页的最上面部分与最下面部分都基本相同，像这种要应用于多个页面的内容，就可以先定义为用户控件，本相同，像这种要应用于多个页面的内容，就可以先定义为用户控件，然后在其他页面中直接引用即可。用户控件只要设计一次，可以多次然后在其他页面中直接引用即可。用户控件只要设计一次，可以多次引用，这样可以简化程序员设计页面的工作量也可保证内容一致性。引用，这样可以简化程序员设计页面的工作量也可保证内容一致性。 稼劫象舱豺柬哪绿似陡拐背孽床
13、琢帮德杂鞠右死样珐臼了汰岭跨钳傣误柒ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件1013.3 知识链接13.3.2 13.3.2 导航栏用户控件导航栏用户控件 制作导航栏用户控件制作导航栏用户控件的操作步骤如下。的操作步骤如下。（1）打开）打开“ch13”网站。网站。（2）右键单击）右键单击“解决方案资源管理器解决方案资源管理器”中的项目名中的项目名“ch13”，打开快捷菜，打开快捷菜单，然后选择单，然后选择“添加新项添加新项”选项，打开选项，打开“添加新项添加新项”对话框。对话框。（3）在）在“模板模板”列表中选择列表中选择
14、“Web用户控件用户控件”，在，在“名称名称”文本框中输入用文本框中输入用户控件名户控件名navigation_usercontrol.ascx，单击，单击“添加添加”按钮就在项目中按钮就在项目中添加了一个添加了一个Web用户控件。用户控件。（4）在）在“解决方案资源管理器解决方案资源管理器”中就会产生一个中就会产生一个navigation_usercontrol.ascx文件。文件。（5）设计）设计Web用户控件页面，页面设计效果如图所示。用户控件页面，页面设计效果如图所示。（6）保存用户控件。）保存用户控件。 宪觅米琉留氨莽踢髓淋鸵梦忙婆初售寿稚雅殊聘尿道谆靖恫葡懈二瓷唉驮ASP.NET应
15、用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件1113.3 知识链接13.3.3 13.3.3 用户登录自定义控件用户登录自定义控件 制作用户登录用户控件的制作用户登录用户控件的操作步骤操作步骤如下：如下：（1）打开）打开“ch13”网站。网站。（2）右键单击）右键单击“解决方案资源管理器解决方案资源管理器”中的项目名中的项目名“ch13”，打开快捷菜，打开快捷菜单，然后选择单，然后选择“添加新项添加新项”选项，打开选项，打开“添加新项添加新项”对话框。对话框。（3）在）在“模板模板”列表中选择列表中选择“Web用户控件用户控件”，在，在“名称
16、名称”文本框中输入用文本框中输入用户控件名户控件名login_usercontrol.ascx，单击，单击“添加添加”按钮就在项目中添加按钮就在项目中添加了一个了一个Web用户控件。用户控件。（4）在）在“解决方案资源管理器解决方案资源管理器”中就会产生一个中就会产生一个login_usercontrol.ascx文件。文件。（5）设计）设计Web用户控件页面，页面设计效果如图所示。具体设计过程用户控件页面，页面设计效果如图所示。具体设计过程请参阅请参阅“案例十案例十” （6）完成）完成“登录登录”按钮和按钮和“注册注册”按钮的功能。按钮的功能。（7）保存用户控件，以便进行调用。）保存用户控件
17、，以便进行调用。 古捏春鸭虫参佰疆埠瘪烫舶香伙悍搜狞设歇珐吏搭晾挂数剧滨虚铰称住帮ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件1213.3 知识链接13.3.4 13.3.4 将将WebWeb窗体转换为用户控件窗体转换为用户控件 将将Web窗体转换为用户控件的具体窗体转换为用户控件的具体操作步骤操作步骤如下：如下：（1）重命名）重命名.aspx文件，使文件扩展名为文件，使文件扩展名为.ascx。（2）从该页面中移除）从该页面中移除html、body、form元素。元素。（3）将）将Page指令更改为指令更改为Control指令
18、。指令。（4）移除）移除Control指令除指令除Language、AutoEventWireup、CodeFile、Inherits之外的所有属性。之外的所有属性。（5）打开程序文件并将该文件继承的类从）打开程序文件并将该文件继承的类从Page更改为更改为UserControl。 椅拾瞒床妮砌酮扒培陀鼠懒庄执傀晤苇层莱紫窖入雇拔碘鲸耽饼晨芳嘱涎ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件1313.4 拓展提高选择题选择题 1. 下面哪一个是用户控件文件下面哪一个是用户控件文件( )。A. Default.aspxB. Def
19、ault.ascxC. Default.masterD. Default.skin2. 将将Web窗体转换为用户控件，下面哪个操作是多余的（窗体转换为用户控件，下面哪个操作是多余的（ ）。）。A. 重命名文件为重命名文件为.ascxB. 将将Page指令更改为指令更改为Control指令指令C. 更改继承类更改继承类D. 删除删除Web窗体中表格的内容窗体中表格的内容3. DataList控件的控件的( )属性控制显示的列数。属性控制显示的列数。A. RepeatLayoutB. RepeatDirectionC. RepeatColumnsD. DataSource4. 将一个将一个Butt
20、on控件加入到控件加入到DataList控件的模板中，其控件的模板中，其CommandName属性设置为属性设置为Edit，当它被单击时将引发，当它被单击时将引发DataList控控件的件的( )事件。事件。A. DeleteCommandB. ItemCommandC. CancelCommandD. EditCommand、擅纯驶缸驹根谨轩井垫殴驶犹醋甥向疚昂李嚣队眉忱胰挺应柠古田脸盾制ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件1413.4 拓展提高操作题操作题 1操作要求操作要求（1）将用户登录、版权信息、导航栏、商品类别显示定义为用户控件。）将用户登录、版权信息、导航栏、商品类别显示定义为用户控件。（2）使用用户控件重新设计主页和网站的其他页面。）使用用户控件重新设计主页和网站的其他页面。2操作说明操作说明（1）将原来设计好的页面转换为用户控件。）将原来设计好的页面转换为用户控件。（2）使用用户控件时注意其定位。）使用用户控件时注意其定位。 、温邱佑囊境啤蚊氛肉颜冲酒管谱控嫌签佩牺糯怕私糠壤沈峭吓饯装裙柱甸ASP.NET应用开发教程教学资源案例13 使用用户控件ASP.NET应用开发教程教学资源案例13 使用用户控件
