HtmlTableCell HtmlSelect 二、HTML控件 HtmlAnchor控件: 用于指定超级链接。 HtmlImage控件: HtmlImage控件用来显示图片于网页上的控件。 设定值为字符串。 HtmlButton控件: 让用户透过按钮执行命令或动作,最重要的是OnServerClick事件。 HtmlForm控件: HtmlForm(窗体)控件可以让用户将Client端的数据传送至Server端作处理。 HtmlInputButton控件: 执行一个指令或动作。 HtmlInputText控件: 让用户输入数据。 HtmlInputRadio控件: 单选一个选项。 HtmlInputCheckBox控件: 可选择多个选项。 HTMLInputHidden控件: 当我们要在使用者传送所输入的数据时,顺便传送不需要使用者输入的数据时,可以使用隐藏输入控件。 HtmlTextArea控件: 文本输入框。 可以设定长度和高度,可以用来输入一小段文字。 HtmlSelect控件: 选单。 选单控件有两种风格,一种是下拉式选单,另一种是清单,也就是同时可以显示多个选项,由Size属性控制。 HtmlTable、HtmlTableRow、HtmlTableCell控件: HtmlTable控件可以配合HtmlTableRow以及HtmlTableCell控件来动态的产生表格。 8.5ASP.NET性能与配置 ASP.NET配置系统提供一个分层配置结构,能够配置整个服务器上的所有ASP.NET应用程序、单个ASP.NET应用程序、各个页面或应用程序子目录。 ASP.NET的配置文件是基于XML文本文件,全部命名为web.config。 每个web.config文件将配置设置应用到其所在的目录和下面的所有虚拟子目录中,配置文件可以出现在ASP.NETWeb应用程序服务器上任何目录中,并且子目录中的设置可以随意修改或重写在父目录中提供的设置。 一、ASP.NET配置文件 web.config文件中主要包括3个方面的信息: 应用程序配置,用于设置可以使用的功能。 连接字符串,用于连接数据源,以读取或写入数据。 system.web和设置。 二、ASP.NET网站管理工具 ASP.NET中提供了一个简单的Web界面帮助开发人员查看并管理网站配置,该管理工具就是Web网站管理工具(WebsiteAdministrationTool缩写为WAT)。 三、缓存 过多用户从数据库中检索数据,执行过程常常会较慢,如果用户较多,检索数据量较大,会影响应用程序的性能。 所以应该尽量降低对数据库的存取。 可以将数据库的数据存储到内存,无需在请求每个页面时都访问数据库。 ASP.NET提供了两种基本的缓存机制来实现缓存功能: 页输出缓存和应用程序缓存。 四、性能监视和测试 性能监视中最简单的方法就是ASP.NET跟踪。 跟踪的主要使用方式是帮助进行调试,虽然不是设计为性能工具,但可以利用它来获得对如何执行页面的深入的了解。 8.6使用ASP.NET构建Web应用程序的练习 本节简要介绍如何使用ASP.NET2.0构建Web应用程序。 重点讲述开发桌面应用程序和开发Web应用程序之间的区别。 利用VisualStudio2005可构建功能完备的ASP.NETWeb站点。 但使用VisualStudio2005原本附带的用于构建Web站点的无项目系统,会让熟悉桌面开发的人员在构建Web站点时与构建桌面应用程序的体验有较大的不同,而VisualStudio2005Web应用程序项目加载项提高了Web站点构建与桌面应用程序构建之间的相似性。 所以,本节所述的步骤,需要下载安装VisualStudio2005Web应用程序项目加载项。 为了练习显示数据库中信息的操作,还需要SQLServer2005ExpressEdition和Northwind示例数据库。 练习1: 创建简单的Web应用程序 1.启动VisualStudio2005。 2.在“文件”菜单上,单击“新建”,然后单击“项目”。 3.在“项目类型”中,选择“VisualBasic”。 4.在“模板”中,选择“ASP.NETWeb应用程序”。 VisualStudio将创建包含单个Web页的新Web应用程序。 设计器将显示该页的标记代码。 可在“源”视图中或使用WYSIWYG编辑器来编辑该页。 5.单击代码编辑器上的“设计”按钮,切换到WYSIWYG视图。 注1: 初看起来,构建Web应用程序似乎与构建桌面应用程序没有区别。 6.单击设计图面,并输入“Enteryourname: ” 7.将Textbox控件从工具箱拖动到设计图面中所述文本的后面。 8.单击鼠标将光标放到Textbox控件的后面,并按ENTER键以创建一个新行。 9.将Button控件从工具箱拖动到设计图面。 10.单击鼠标将光标放到Button控件的后面,并按ENTER键以创建另一个分行符。 11.将Label控件从工具箱拖动到设计图面中按钮的下方。 注2: 开始构建Web页时,我们会发现无法将控件任意放置。 而桌面应用程序允许将控件放置在希望的任何像素位置。 另一方面,Web页是针对“流”而设计的,也就是说,页面布局的格式应动态设置。 如果可用空间较多,浏览器就会使各行更长些,而如果可用空间较少,浏览器就会自动折行。 这还意味着,布置标签和文本框时要求将Web控件以表格形式放置,用以控制对齐。 练习2: 布置控件 1.选择该页的内容,按DELETE键删除所有内容。 2.在“布局”菜单上,单击“插入表”。 3.在“行”中,输入2。 4.在“列”中,输入2。 5.单击“确定”。 可以将控件直接键入或拖入表单元格中。 注3: 该表格可确保所有文本框的左边缘完全对齐。 表格是控制Web页布局的主要机制。 6.通过键入表格单元内容或直接从工具箱拖动控件,创建用户界面。 练习3: 挂接事件处理程序 ASP.NET提供了一种与构建windows窗体应用程序极为相似的编程模式。 对于简单方案而言,应用程序的“Web”性质可以抛开不谈,以利用自己的桌面开发经验来快速入门。 1.双击设计图面上的Button控件为其Click事件生成代码。 2.输入以下代码。 Label1.Text=“欢迎使用”&TextBox1.Text 3.按F5“运行”该Web应用程序。 4.在“UserName”文本框输入您的名字。 5.单击“Button”按钮。 注4: 代码在Web服务器上运行以生成HTML页,HTML页被发送到浏览器并进行显示。 如果这是一个Windows应用程序,那么包含控件的“窗体”仍会继续运行,而且它可以包含变量等内容。 但是,对于Web应用程序,当我们看见浏览器中的用户界面时,服务器上的page类已被卸载。 练习4: 管理状态练习 假定要构建一个在每两次用户交互之间必须关闭再重启的桌面应用程序。 换句话说,应用程序先创建一个用户可以看见的窗体,而后终止。 当用户单击窗体上的某个按钮时,应用程序会默默地重启、处理输入、生成新的“窗体”位图,然后关闭。 这样的应用程序关闭时不存和启动时不加载的所有数据都会丢失,窗体级变量实际没什么用处了,因为这些变量的值将会在关闭和启动之间丢失。 这就是Web应用程序的工作方式,下列的练习将说明这一行为方式。 1.在VisualStudio2005的“解决方案资源管理器”中,右键单击“Default.aspx”,然后单击“查看代码”。 2.在InheritsSystem.Web.UI.Page后面的一行中输入下列代码。 PublicpreviousUserAsString 这是一个页面级别的变量,用于存储先前输入的用户名。 3.按如下所示修改Button1_Click事件处理程序的代码。 Label1.Text=“您以前叫”&previousUser&“,现在叫”&TextBox1.Text previousUser=TextBox1.Text 如果运行该应用程序,请输入名称Fred,单击按钮,然后输入名称Jim并再次单击按钮,此时应当看到消息: 您以前叫Fred,现在叫Jim。 在桌面应用程序中,代码会如此工作。 但我们发现结果并不是想像的那样。 4.按F5运行该应用程序。 5.输入Fred并单击按钮。 6.输入Jim并单击按钮。 注意,previousUser的值始终都不会显示出来。 它总是说: 您以前叫,现在叫Jim。 注5: 问题的原因是,每次单击按钮时,page类都会被破坏然后重新创建。 这一过程是将previousUser创建并初始化为一个空字符串,然后为其分配文本框中的值,页面处理完成,破坏page类,丢弃previousUser变量。 当再次单击按钮时,再重复这一过程。 页面不能用来存储站点需要在几次用户交互之间记住的任何信息。 ASP.NET通过“Session”变量来提供这种存储功能。 7.按如下所示修改Button1_Click事件处理程序的代码。 Label1.Text="您以前叫"&Session("previousUser")&",现在叫"&TextBox1.Text Session("previousUser")=TextBox1.Text 8.按F5运行该应用程序。 9.输入Fred并单击按钮。 10.输入Jim并单击按钮。 通过使用Session变量,站点可以跨越用户交互,记住有用信息。 注6: 管理状态是Web开发和桌面开发之间最大的区别。 如果我们需要Web站点来跨越用户交互记住任何信息,就不能使用简单的变量来存储该信息,必须使用像Session之类的变量来明确地指示Web服务器记住某个值。 练习5: 以数据为中心的站点 很多Web站点主要作为用户界面运行于数据库信息之上。 ASP.NET2.0可以有效地简化这些类型的站点,本练习会让我们对此有个大致的了解(构建完全以数据为中心的站点是一个很大的课题,我们在此无法对其进行详尽的介绍)。 要执行下列步骤,需要安装SQLExpress和Northwind示例数据库。 1.在“解决方案资源管理器”的“项目”菜单上,单击““添加新项”。 2.在“模板”中,选择“WebForm”,然后单击“添加”。 3.单击代码编辑器窗口底部的“设计”选项卡。 4.从工具箱的“数据”部分,将GridView控件拖动到设计器上。 5.从“GridView任务”智能标记中,单击“选择数据源”,然后单击“<新建数据源>”。 6.在“选择数据源类型”对话框中,选择“数据库”并单击“确定”。 7.单击“新建连接”。 8.如果安装了SQLServer,在“服务器名称”中,输入localhost。 如果安装了SQLExpress,则输入.\sqlexpress。 9.在“选择或输入数据库”中,输入Northwind。 10.单击“测试连接”,以确保可以连接数据库。 11.单击“确定”。 12.单击“下一步”。 注7: 连接字符串等信息并未硬编码到应用程序中,而是存放在Webapp.config文件中,在这里无需更改源代码即可轻松地更改这些信息。 此时程序会提示我们输入此文件名以便获得连接字符串。 13.在“保存连接字符串”对话框中,单击“下一步”。 然后,程序会提示我们输入要显示的数据源。 可以输入专门的SQL,使用存储的过程,或选择特定的表格或视图。 14.在“名称”下拉列表中,单击“顺序”。 15.在“列”中,选择*。 16.单击“下一步”。 17.单击“测试查询”,以确保与数据库之间的通信能正常运行。 18.单击“完成”。 注8: GridView控件显示设计时的数据库列,我们也可以完全控制网格的呈现方式。 对Web站点采用一致观感的标准Web方法是通过称为“级联样式表”的技术。 另一种更为简单的方法是: 自动套用网格格式,这与在MicrosoftOffice中采用自动格式的方法非常相似。 19.右键单击GridView控件,再单击“自动套用格式”。 20.选择一种格式,如“专业”。 注9: GridView控件还支持许多高级功能,如排序和分页(无需任何编码)。 21.右键单击GridView控件,再单击“属性”。 22.在“属性面板”中,将AllowPaging属性设置为True。 23.将AllowSorting属性设置为True。 24.按F5运行该Web应用程序。 学生练习 课程总结本资料来自互联网共享文档 好资料来自互联网,一起创造,共同分享。 10
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
-
今年
最新
文章
Web
应用程序
开发
冰点文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
|