第10章 主题、母版、用户控件和Web部件
合集下载
7 主题母版页用户控件
内容页与母版页交互
在内容页中获取母版页对象 Page.Master表示母版页对象 得到指定类型的母版页对象
内容页增加MasterType指令 强制转换
个性设置 给母版页增加相关属性 访问母版页上的控件 FindControl获取控件对象 给母版页增加属性，封装控件的操作
用户控件与web窗体的区别
指令头不同 Web窗体：page 用户控件：control 文件扩展名不同 Web窗体：.aspx 用户控件：.ascx 继承类不同 Web窗体：page类 用户控件：UserControl类 Page，UserControl都继承自TemplateControl 用户控件不能被客户端浏览器访问，web窗体可以
用户控件简单示例
添加新项-》web用户控件
放到窗体上
在web窗体上使用Regester指令注册一个用户控件 <Register TagPrefix=“uc” TagName=“TestUser” src=“”/> 在指定位置放置用户控件 <uc:TesetUser ID=“” runat=“server”/>
本节内容
母版页
主题 用户控件
自定义控件
标准服务器控件无法满足项目需求
需要修改现有控件的行为 方式 用户控件 自定义服务器控件
用户控件简介
文件以.ascx作为扩展名
与web窗体文件.aspx相似 用户控件几乎可以包含所有web窗体可以包含的内容
也可以具有像web窗体一样的事件
同一控件多个外观
不允许为同一种控件设置多个外观 <TextBox runat=“server” ForColor=“Red”/> <TextBox runat=“server” ForColor=“Black” Fontbold=“True”/>
Web系统设计PPT课件
控件状态 隐藏域 查询字符串 配置文件属性
4.2.1 ViewState对象(例4.2)
视图状态:页框架默认情况下用于 保存往返过程之间的页面信息以及控件值 的方法。
当呈现页的HTML形式时，需要在回发过程 中保留的页的当前状态和值将被序列化为 Base64编码的字符串，并输出到视图状态 的隐藏字段中。
创建 Web 应用程序
应用程序 开发调试
系统数据库实现 基本类文件实现 Web 页面实现
应用程序发布
图片制作
素材收集
1.4 开发 Web应用程序的一般流程
发布一个实际的网站(例１)
第二讲 控件及应用
HTML控件及HTML服务器控件 标准Web服务器控件 服务器数据验证控件 用户控件
Web系统设计
网页设计和网站开发
主要内容
与VS 2005 控件及应用 页面切换与导航 状态管理 及与数据访问 母板页与内容页 XML及其应用
作业
设计一个Web系统（网站）。 要求：题目自拟界面优美，功能实用，要有 数据的动态交互能力。 提交： 1. 设计文档 2. （包含系统的设计思路和数据库设计） 2. 软件
不是必需的，希望处理应用程序事件或会 话事件时才需要。
Global.பைடு நூலகம்sax文件常用事件
1. Application_start事件：第一个客户首次 请求页面时触发。
2. Session_start事件：每个客户首次请求 页面时触发。
3. Application_End事件：在关闭应用程序 或者每个客户在规定时间内没有提出请求 时触发。
4.2.2 Application对象与Session对象例4.2
如何区分不同的浏览器客户呢？可以通过 Session对象实现，当不同的浏览器客户访 问服务器应用程序时，服务器会分别为每 一个客户分配一段内存空间用于保存不同 用户的数据信息，即每一个客户都可以有 自己的Session。定义与使用Session的方 法也很简单，例如：
4.2.1 ViewState对象(例4.2)
视图状态:页框架默认情况下用于 保存往返过程之间的页面信息以及控件值 的方法。
当呈现页的HTML形式时，需要在回发过程 中保留的页的当前状态和值将被序列化为 Base64编码的字符串，并输出到视图状态 的隐藏字段中。
创建 Web 应用程序
应用程序 开发调试
系统数据库实现 基本类文件实现 Web 页面实现
应用程序发布
图片制作
素材收集
1.4 开发 Web应用程序的一般流程
发布一个实际的网站(例１)
第二讲 控件及应用
HTML控件及HTML服务器控件 标准Web服务器控件 服务器数据验证控件 用户控件
Web系统设计
网页设计和网站开发
主要内容
与VS 2005 控件及应用 页面切换与导航 状态管理 及与数据访问 母板页与内容页 XML及其应用
作业
设计一个Web系统（网站）。 要求：题目自拟界面优美，功能实用，要有 数据的动态交互能力。 提交： 1. 设计文档 2. （包含系统的设计思路和数据库设计） 2. 软件
不是必需的，希望处理应用程序事件或会 话事件时才需要。
Global.பைடு நூலகம்sax文件常用事件
1. Application_start事件：第一个客户首次 请求页面时触发。
2. Session_start事件：每个客户首次请求 页面时触发。
3. Application_End事件：在关闭应用程序 或者每个客户在规定时间内没有提出请求 时触发。
4.2.2 Application对象与Session对象例4.2
如何区分不同的浏览器客户呢？可以通过 Session对象实现，当不同的浏览器客户访 问服务器应用程序时，服务器会分别为每 一个客户分配一段内存空间用于保存不同 用户的数据信息，即每一个客户都可以有 自己的Session。定义与使用Session的方 法也很简单，例如：
chap10a ASP_NET Web应用程序开发中的复用技术
Navigation.master代码
• ＜%@ Master Language="C#" %＞ ＜html xmlns="/1999/xhtml" ＞ ＜head id="Head1" runat="server"＞＜title＞Master Page＜/title＞＜/head＞ ＜body＞＜form id="form1" runat="server"＞ ＜div＞＜table style="width: 100%; height: 100%" border="1"＞ ＜tr＞ ＜td style="width: 10%"＞ ＜asp:TreeView ID="TreeView1" Runat="server" DataSourceID="SiteMapDataSource1" ExpandDepth="2" ShowExpandCollapse="False" NodeIndent="10"＞ ＜LevelStyles＞ ＜asp:TreeNodeStyle Font-Bold="True" Font-Underline="False"/＞ ＜asp:TreeNodeStyle Font-Italic="True" Font-Underline="False" /＞ ＜asp:TreeNodeStyle Font-Size="X-Small" ImageUrl="bullet.gif" FontUnderline="False" /＞ ＜/LevelStyles＞ ＜NodeStyle ChildNodesPadding="10" /＞ ＜/asp:TreeView＞ ＜/td＞ ＜td style="width: 100px"＞ ＜asp:contentplaceholder id="ContentPlaceHolder1" runat="server"＞ ＜/asp:contentplaceholder＞ ＜/td＞ ＜/tr＞ ＜/table＞ ＜asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server"/＞ ＜/div＞ ＜/form＞＜/body＞＜/html＞
chapter10教师用书配套课件
MVC模式
掌握Model I体系结构 掌握Model II体系结构 掌握MVC应用程序
MVC模式的核心思想是把一个应用的输入、处理、输出流程按照Model、 View、Controller的方式进行分离，这样一个应用被分成三个层：模型层、 视图层、控制层
MVC模式详细定义这3部分之间的交互： ◦ 用户和视图(View)进行交互，输入数据并点击按钮 ◦ 控制器(Controller)收到来自视图的事件，并对模型(Model)进行操作， 根据用户提供的数据更新模型(Model)
public void init() throw/rs/e获sSpe取ornvalsecetE.iosxenct的eCpoUtniRotenLn{tType("text/html;charset=gbk");
context = geSthtStirsein.rpgvrlopecatCethsosn=(trereexqqtu(U)e;RstI,.sreusbpsotrninsge()c;ontextPath.length() + 1, i);
1要p.需用ubl要到ic c建的las立类sppA属的rriicvvtaai性名otteenM文字SSattrr件，piinnpggi，本npcglaa用例{tshs;来中N//a请存采m求e放用;的//处不键UR理同值L请应对求用的儿类中的名要形用式来的页面的名字、处理业务
doAdd=/doAdpdri,vmaotedeMl.aApd<dSTtoriCnagr,tABcizti,oandFdo,inrwdaerxd.j>spforwards;
内嵌的逻辑使开发人员要理解应用程序的整个流程， 必须浏览所有的页面，工作量很大。HTML标签、 Java代码和JavaScript代码集中在同一个页面中，使 调试变得很困难。
掌握Model I体系结构 掌握Model II体系结构 掌握MVC应用程序
MVC模式的核心思想是把一个应用的输入、处理、输出流程按照Model、 View、Controller的方式进行分离，这样一个应用被分成三个层：模型层、 视图层、控制层
MVC模式详细定义这3部分之间的交互： ◦ 用户和视图(View)进行交互，输入数据并点击按钮 ◦ 控制器(Controller)收到来自视图的事件，并对模型(Model)进行操作， 根据用户提供的数据更新模型(Model)
public void init() throw/rs/e获sSpe取ornvalsecetE.iosxenct的eCpoUtniRotenLn{tType("text/html;charset=gbk");
context = geSthtStirsein.rpgvrlopecatCethsosn=(trereexqqtu(U)e;RstI,.sreusbpsotrninsge()c;ontextPath.length() + 1, i);
1要p.需用ubl要到ic c建的las立类sppA属的rriicvvtaai性名otteenM文字SSattrr件，piinnpggi，本npcglaa用例{tshs;来中N//a请存采m求e放用;的//处不键UR理同值L请应对求用的儿类中的名要形用式来的页面的名字、处理业务
doAdd=/doAdpdri,vmaotedeMl.aApd<dSTtoriCnagr,tABcizti,oandFdo,inrwdaerxd.j>spforwards;
内嵌的逻辑使开发人员要理解应用程序的整个流程， 必须浏览所有的页面，工作量很大。HTML标签、 Java代码和JavaScript代码集中在同一个页面中，使 调试变得很困难。
第10章 Web应用程序开发
10.1.2 程序结构 程序结构
【例10.2】页面的代码文件Multiply.aspx.cs 】 using System; using System.Collections; using ponentModel; 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; // 包含一些必需的系统类库
【例10.2】 】
namespace Multiply // Multiply命名空间 { /// <summary> /// WebForm1 的摘要说明. /// </summary> public class WebForm1 : System.Web.UI.Page // WebForm1类从System.Web.UI.Page类继承而来 // System.Web.UI.HTMLControls包含了HTML控件的类 // System.Web.UI.WebControls包含了各种服务器控件 { protected bel NumberLabel1; protected bel NumberLabel2; protected System.Web.UI.WebControls.TextBox NumberText1; protected bel MultiplyLabel; protected System.Web.UI.WebControls.TextBox NumberText2; protected bel ResultLabel;
asp.net第十章
FormView控件简介
FormView 控件使您可以使用数据源中的单个记录，该控件 与 DetailsView 控件相似。FormView 控件和 DetailsView 控 件之间的差别在于 DetailsView 控件使用表格布局，而 FormView 控件不指定用于显示记录的预定义布局，全部使 用模板，该模板中包含用于创建窗体的格式、控件和绑定表 达式。
教学目的 教学重点 教学内容 本章习题 返回目录 退出
使用GridView控件编辑数据
使用GridView控件更新数据表 使用GridView控件的列模板 在GridView控件中增添记录
举例 图例 上一页 下一页 返回目录 退出
使用GridView控件更新数据表
注：更新时若设置字段为只读属性则要修改源码
使用DetailsView控件编辑数据
DetailsView控件简介 使用DetailsView控件编辑数据
举例 图例 上一页 下一页 返回目录 退出
DetailsView控件简介
使用 DetailsView 控件，可以从它的关联数据源中一次显示、 编辑、插入或删除一条记录。默认情况下，DetailsView 控 件将记录的每个字段显示在它自己的一行内。DetailsView 控件通常用于更新和插入新记录，并且通常在主/详细方案 中使用，在这些方案中，主控件的选中记录决定要在 DetailsView 控件中显示的记录。即使 DetailsView 控件的数 据源公开了多条记录，该控件一次也仅显示一条数据记录。
定义页脚的样式
举例 图例 上一页 下一页 返回目录 退出
使用GridView控件的列模板
例1：为姓名字段添加验证控件 例2：为性别字段设置模板 例3：为照片字段设置模板
第3章 主题、用户控件和母版页
3.2.2 创建用户控件的方法
创建用户控件的步骤如下所述。 (1) 先创建一个网站。 (2) 右击网站中某个目录，选择【添加新项】，并在打开的对话框中选择 【Web用户控件】，然后确定用户控件的名称，再单击【打开】按钮。 (3) 从【工具箱】中将控件添加到Web用户控件中。其中凡是希望用服务 器编程方式访问的控件都必须是服务器端控件。 (4) 为各控件设置属性或编写事件代码。 (5) 给用户控件进行编译。方法是先选择用户控件名，然后选择【生成】| 【生成页】命令以便完成编译工作。
用户控件文件的扩展名为 .ascx而不是.aspx；代码的分离(隐藏)文件的 扩展名是.ascx.cs而不是.aspx.cs； 在用户控件中不能包含 <HTML>、<BODY>和<FORM>等HTML语言 的标记； 用户控件可以单独编译，但不能单独运行。只有将用户控件嵌入到.aspx 文件中时，才能和网页一起运行。 除此以外，用户控件与网页非常相似。
(4) 在应用程序中添加多个Web Form(网页)，用于显示各种不同的内容。 (5) 然后通过HyperLink的NavigateUrl属性分别与各窗体链接。 (6) 如果需要，可双击【查询】按钮，在代码隐藏文件中编写查询程序。最后选择【生 成】菜单，再选择【生成页】命令，以编译用户控件。
3.2.4 代码分析
进入的【源】视图，可以看见用户控件的相关代码如下： <%@ Register TagPrefix="uc1" TagName="WebUserControl1" Src="WebUserControl1.ascx" %> <body > <form id="Form1" method="post" runat="server"> <uc1:WebUserControl1 id="WebUserControl11" runat="server"></uc1:WebUserControl1> </form> </body> 代码中粗体为用户控件的相关部分。其中语句： <%@ Register TagPrefix="uc1" TagName="WebUserControl1" Src="WebUserControl1.ascx" %> 代表用户控件已经在.aspx中注册。语句中各个标记的含义如下。
《第十章：宏》PPT课件
第10章宏
10.2 宏的创建与编辑
10.2 宏的创建、编辑与使用
1 创建：利用宏编辑器创建与修改 2 使用： 直接运行：通过Access系统菜单和" 数据库"窗口运行宏或宏组,直接运行 宏组时,它只运行第一个宏的所有操作. 触发事件运行：设置控件的事件属性.
几个修正
• 图10-5中第二个宏定义顺序反了
• 实例演示
• addMenu • ApplyFilter • Beep • CancelEvent • Close • CopyDatabaseFile • CopyObject • DeleteObject • Echo • FindNext • FindRecord • GoToControl • GotoPage • GoteRecord • Maximize
• 作用与功能
宏组1
• 可以单独的控制数据库
中的其它对象的操作
• 也可以作为其它控件中 的事件想应来执行所规 定的操作
• 还可作为菜单栏中的操 作命令
宏1
操作序列
宏2
操作序列
宏13
操作序列
• Minimize • Movesize • MsgBox • OpenDataAccessPage • OpenDiagram • OpenForm • OpenFunction • OpenModule • Rename • RepaintObject • Requery • Restore • RunApp • Runcommand • RunMacro • RunSQL • Save • selectObject
特点
• 宏以操作为基本单位,每一个宏命令是由 动作名和操作参数组成的一个宏命令,能 够完成一个操作动作.
ASPNET网站开发技术第十章 网上书店管理系统的发布与部署
举源站点文件，右边窗口用于列举远程站点文件， 窗口之间的功能按钮，实现文件复制、同步等。
在使用过程中首先使用图中“连接”按钮，弹出如
图10-2 所示的对话框设置将站点复制到的位置，然 后进行相关操作。
第十章 学习情境：网上书店管理系统的发布与部署
10-2 打开网站
第十章 学习情境：网上书店管理系统的发布与部署
1、“复制网站”工具
注意：在复制应用程序文件之前，“复制网站”工
具将名为App_offline-htm的文件放置在目标网站的 根目录中，如果存在App_offline.html文件，则对网 站的任何请求都将重定向到该文件，并会显示一条 友好消息，通知客户端网站正在进行更新，复制完 所有网站文件后，“复制网站”工具从目标网站删 除App_offline.html文件。
10-3 发布网站
第十章 学习情境：网上书店管理系统的发布与部署
2、 “发布网站”工具
发布站点工具要求设置发布目标位置、是否允许更新预
编译站点、是否使用固定命名和单页程序集及是否对预 编译程序启用强命名，发布网站时一般选中“允许更新 预编译站点”和“使用固定命名和单页程序集”两个选 项。
（1）允许更新此预编译站点 选中此选项，可以在编译站点中的网页之后对它 们进行有限的更改，例如，可以更改控件的排列、页的颜色 、字体和其它外观元素，还可以添加不需要事件处理程序或 其它代码的控件。当站点第一次运行时，为了从标记创建输 出，将对.aspx文件执行进一步的编译。 如图 10-4为允许更新此预编译站点的简单网站编译前后的文件图 例
第十章 学习情境：网上书店管理系统的发布与部署
10-4允许更新此预编译站点
第十章 学习情境：网上书店管理系统的发布与部署
Web应用设计第4章 主题母版页
4.1.1 主题概述 4.1.2 创建主题 4.1.3 将主题应用于整个应用程序
5
4.1.1 主题概述
用户界面外观主要与控件和页面的样式有关。几乎所 有的控件都具有Style属性，用于设置前景色、背景色、 边框样式、字体等属性。在网站制作过程中，可以一个 控件一个控件的去设置，这样会做许多重复性的工作， 而且还不容易保持站点中页面外观的一致性。利用 2.0提供的主题功能，可以快速地为服务器控件 定义外观，并且所定义的外观可应用到单个页面、应用 程序的所有页面及所有的应用程序中。
文本框控件，按题目要求进行设置，第二个文本框应用 命名皮肤，第三个文本框禁用皮肤文件。要将定义的 TextBox.skin皮肤文件应用于该页面中的文本框，需要 在@Page指令中添加代码“Theme=”主题目录名称”” 属性，该皮肤文件位于Temes_skin主题目录中，因此 需在@Page指令中添加“Theme=”Temes_skin””属性。
第4章
主题、母版页
本章内容
掌握创建和应用主题的方法 掌握母版页的使用方法
2
本章重点
本章重点
外观文件 CSS样式文件 母版页
本章难点
创建和使用主题及母版页
3
主题、母版页
4.1 主题 4.2 母版页 4.3 本章小结
4
4.1 主题（Theme）
主题（Theme）是 2.0提供的一种新技术，是 指控件和页面外观属性设置的集合。通过为控件和页面 套用主题，可以使用户界面外观达到一致化的显示效果。
6
4.1.1 主题概述
在一个主题中至少要包括一个皮肤文件（或称外观文件， 扩展名为.skin），还可包括级联样式表文件（扩展名 为.css）。外观文件不同于CSS样式， CSS样式只能用来定义页面和HTML标记的外观样式 外观文件用来定义服务器控件的外观样式。 如果将两者结合起来就可以定义不同类型的控件。
5
4.1.1 主题概述
用户界面外观主要与控件和页面的样式有关。几乎所 有的控件都具有Style属性，用于设置前景色、背景色、 边框样式、字体等属性。在网站制作过程中，可以一个 控件一个控件的去设置，这样会做许多重复性的工作， 而且还不容易保持站点中页面外观的一致性。利用 2.0提供的主题功能，可以快速地为服务器控件 定义外观，并且所定义的外观可应用到单个页面、应用 程序的所有页面及所有的应用程序中。
文本框控件，按题目要求进行设置，第二个文本框应用 命名皮肤，第三个文本框禁用皮肤文件。要将定义的 TextBox.skin皮肤文件应用于该页面中的文本框，需要 在@Page指令中添加代码“Theme=”主题目录名称”” 属性，该皮肤文件位于Temes_skin主题目录中，因此 需在@Page指令中添加“Theme=”Temes_skin””属性。
第4章
主题、母版页
本章内容
掌握创建和应用主题的方法 掌握母版页的使用方法
2
本章重点
本章重点
外观文件 CSS样式文件 母版页
本章难点
创建和使用主题及母版页
3
主题、母版页
4.1 主题 4.2 母版页 4.3 本章小结
4
4.1 主题（Theme）
主题（Theme）是 2.0提供的一种新技术，是 指控件和页面外观属性设置的集合。通过为控件和页面 套用主题，可以使用户界面外观达到一致化的显示效果。
6
4.1.1 主题概述
在一个主题中至少要包括一个皮肤文件（或称外观文件， 扩展名为.skin），还可包括级联样式表文件（扩展名 为.css）。外观文件不同于CSS样式， CSS样式只能用来定义页面和HTML标记的外观样式 外观文件用来定义服务器控件的外观样式。 如果将两者结合起来就可以定义不同类型的控件。