今年的最新文章Web应用程序开发(二).doc

呼伦贝尔学院 计算机科学与技术学院 VB第八章第一次课第八章 Web应用程序开发（二）教学目标：通过讲授和学生的动手练习，使学生了解Web应用程序的开发方法。教学类型：在多媒体教室直观讲授，引导学生进行简单程序设计操作。加深对本次课内容的理解。教学内容：HTML控件，ASP.NET性能与配置，使用ASP.NET构建Web应用程序的练习。8.4 HTML控件在创建站点时，有时对某个控件在服务器端不需要做任何处理。在这种情况下，开发人员可能只想在页面上添加静态的 HTML控件，工具箱的HTML 面板上包含了大多数最常用的HTML元素的拖放版本，这些控件只是向页面添加 HTML元素的一种简便的方法，可以使用的控件并不局限于这些元素。 1. 将HTML 控件用作Server 控件可以将任何HTML 元素转换为服务器控件，只要为该元素添加runat=“server”属性即可。当页面提交到服务器的时候，可以使用代码动态地处理任何服务器控件(由HTML 元素转换而来的或ASP.NET 的)。 另外，因为可以向任意HTML元素添加runat=“server”属性，可以使用Input type=“text”控件代替ASP.NET 的TextBox 控件其他HTML 元素只要在ASP.NET工具箱中有对应的控件都可以这样使用。2. 应该使用HTML 控件还是ASP.NET 服务器控件这个问题实际上只与页面上简单的元素有关。在选择向页面添加哪种类型的控件时，绝大多数开发人员的方法是在页面上主要使用ASP.NET 的Standard Server Control，而在布局时使用静态HTML元素。一、HTML服务器控件构架HTML服务器控件构架HTML标注HTML服务器控件HtmlAnchorHtmlInputButton,HtmlInputCheckBox,HtmlInputRadioButton, HtmlInputFIle,HtmlInputHidden,HtmlInputImage,HtmlInputTextHtmlFormHtmlImageHtmlTableHtmlTableRowHtmlTableCellHtmlSelect二、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.5 ASP.NET性能与配置ASP.NET配置系统提供一个分层配置结构，能够配置整个服务器上的所有ASP.NET应用程序、单个ASP.NET应用程序、各个页面或应用程序子目录。ASP.NET的配置文件是基于XML文本文件，全部命名为web.config。每个web.config文件将配置设置应用到其所在的目录和下面的所有虚拟子目录中，配置文件可以出现在ASP.NET Web应用程序服务器上任何目录中，并且子目录中的设置可以随意修改或重写在父目录中提供的设置。一、ASP.NET配置文件web.config文件中主要包括3个方面的信息：应用程序配置，用于设置可以使用的功能。连接字符串，用于连接数据源，以读取或写入数据。system.web和设置。 二、ASP.NET网站管理工具ASP.NET中提供了一个简单的Web界面帮助开发人员查看并管理网站配置，该管理工具就是Web网站管理工具（Website Administration Tool缩写为WAT）。三、缓存过多用户从数据库中检索数据，执行过程常常会较慢，如果用户较多，检索数据量较大，会影响应用程序的性能。所以应该尽量降低对数据库的存取。可以将数据库的数据存储到内存，无需在请求每个页面时都访问数据库。ASP.NET提供了两种基本的缓存机制来实现缓存功能：页输出缓存和应用程序缓存。四、性能监视和测试性能监视中最简单的方法就是ASP.NET跟踪。跟踪的主要使用方式是帮助进行调试，虽然不是设计为性能工具，但可以利用它来获得对如何执行页面的深入的了解。8.6 使用ASP.NET构建Web应用程序的练习本节简要介绍如何使用 ASP.NET 2.0 构建 Web 应用程序。重点讲述开发桌面应用程序和开发Web应用程序之间的区别。利用 Visual Studio 2005 可构建功能完备的 ASP.NET Web 站点。但使用Visual Studio 2005 原本附带的用于构建 Web 站点的无项目系统，会让熟悉桌面开发的人员在构建 Web 站点时与构建桌面应用程序的体验有较大的不同，而Visual Studio 2005 Web 应用程序项目加载项提高了 Web 站点构建与桌面应用程序构建之间的相似性。所以，本节所述的步骤，需要下载安装Visual Studio 2005 Web应用程序项目加载项。为了练习显示数据库中信息的操作，还需要 SQL Server 2005 Express Edition 和 Northwind 示例数据库。练习1：创建简单的 Web 应用程序1启动 Visual Studio 2005。2在“文件”菜单上，单击“新建”，然后单击“项目”。3在“项目类型”中，选择“Visual Basic”。4在“模板”中，选择“ASP.NET Web 应用程序”。Visual Studio将创建包含单个 Web 页的新 Web 应用程序。设计器将显示该页的标记代码。可在“源”视图中或使用 WYSIWYG 编辑器来编辑该页。5单击代码编辑器上的“设计”按钮，切换到 WYSIWYG 视图。注1：初看起来，构建Web 应用程序似乎与构建桌面应用程序没有区别。6单击设计图面，并输入“Enter your name：”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.Text3按 F5“运行”该Web应用程序。4在“User Name”文本框输入您的名字。5单击“Button”按钮。注4：代码在Web服务器上运行以生成HTML页，HTML页被发送到浏览器并进行显示。如果这是一个Windows应用程序，那么包含控件的“窗体”仍会继续运行，而且它可以包含变量等内容。但是，对于Web应用程序，当我们看见浏览器中的用户界面时，服务器上的page类已被卸载。练习4：管理状态练习假定要构建一个在每两次用户交互之间必须关闭再重启的桌面应用程序。换句话说，应用程序先创建一个用户可以看见的窗体，而后终止。当用户单击窗体上的某个按钮时，应用程序会默默地重启、处理输入、生成新的“窗体”位图，然后关闭。这样的应用程序关闭时不存和启动时不加载的所有数据都会丢失，窗体级变量实际没什么用处了，因为这些变量的值将会在关闭和启动之间丢失。这就是 Web 应用程序的工作方式，下列的练习将说明这一行为方式。1在 Visual Studio 2005 的“解决方案资源管理器”中，右键单击“Default.aspx”，然后单击“查看代码”。2在 Inherits System.Web.UI.Page 后面的一行中输入下列代码。Public previousUser As String这是一个页面级别的变量，用于存储先前输入的用户名。3按如下所示修改 Button1_Click 事件处理程序的代码。Label1.Text = “您以前叫” & previousUser & “，现在叫 ” & TextBox1.TextpreviousUser = 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.TextSession（previousUser） = TextBox1.Text8按 F5 运行该应用程序。9输入 Fred 并单击按钮。10输入 Jim 并单击按钮。通过使用 Session 变量，站点可以跨越用户交互，记住有用信息。注6：管理状态是 Web 开发和桌面开发之间最大的区别。如果我们需要Web站点来跨越用户交互记住任何信息，就不能使用简单的变量来存储该信息，必须使用像 Session 之类的变量来明确地指示 Web 服务器记住某个值。练习5：以数据为中心的站点很多Web站点主要作为用户界面运行于数据库信息之上。ASP.NET 2.0可以有效地简化这些类型的站点，本练习会让我们对此有个大致的了解（构建完全以数据为中心的站点是一个很大的课题，我们在此无法对其进行详尽的介绍）。要执行下列步骤，需要安装 SQL Express 和 Northwind 示例数据库。1在“解决方案资源管理器”的“项目”菜单上，单击“添加新项”。2在“模板”中，选择“WebForm”，然后单击“添加”。3单击代码编辑器窗口底部的“设计”选项卡。4从工具箱的“数据”部分，将 GridView 控件拖动到设计器上。5从“GridView 任务”智能标记中，单击“选择数据源”，然后单击“”。6在“选择数据源类型”对话框中，选择“数据库”并单击“确定”。7单击“新建连接”。8如果安装了 SQL Server，在“服务器名称”中，输入 localhost。如果安装了 SQL Express，则输入 .sqlexpress。9在“选择或输入数据库”中，输入 Northwind。10单击“测试连接”，以确保可以连接数据库。11单击“确定”。12单击“下一步”。注7：连接字符串等信息并未硬编码到应用程序中，