第八章 Web应用程序开发(二)

9．将Button控件从工具箱拖动到设计图面。
10．单击鼠标将光标放到Button控件的后面，并按ENTER键以创建另一个分行符。
11．将Label控件从工具箱拖动到设计图面中按钮的下方。
注2：开始构建Web页时，我们会发现无法将控件任意放置。而桌面应用程序允许将控件放置在希望的任何像素位置。另一方面，Web页是针对“流”而设计的，也就是说，页面布局的格式应动态设置。如果可用空间较多，浏览器就会使各行更长些，而如果可用空间较少，浏览器就会自动折行。这还意味着，布置标签和文本框时要求将Web控件以表格形式放置，用以控制对齐。
利用Visual Studio 2005可构建功能完备的 Web站点。但使用Visual Studio 2005原本附带的用于构建Web站点的无项目系统，会让熟悉桌面开发的人员在构建Web站点时与构建桌面应用程序的体验有较大的不同，而Visual Studio 2005 Web应用程序项目加载项提高了Web站点构建与桌面应用程序构建之间的相似性。所以，本节所述的步骤，需要下载安装Visual Studio 2005 Web应用程序项目加载项。为了练习显示数据库中信息的操作，还需要SQL Server 2005 Express Edition和Northwind示例数据库。
3．按F5“运行”该Web应用程序。
4．在“User Name”文本框输入您的名字。
5．单击“Button”按钮。
注4：代码在Web服务器上运行以生成HTML页，HTML页被发送到浏览器并进行显示。如果这是一个Windows应用程序，那么包含控件的“窗体”仍会继续运行，而且它可以包含变量等内容。但是，对于Web应用程序，当我们看见浏览器中的用户界面时，服务器上的page类已被卸载。
1．在“解决方案资源管理器”的“项目”菜单上，单击““添加新项”。
2．在“模板”中，选择“WebForm”，然后单击“添加”。
HtmlForm
<Img>
HtmlImage
<Table>
HtmlTable
<Tr>
HtmlTableRow
<Td>
HtmlTableCell
<Select>
HtmlSelect
二、HTML控件
HtmlAnchor控件：用于指定超级链接。
HtmlImage控件：HtmlImage控件用来显示图片于网页上的控件。设定值为字符串。
8.5 性能与配置
配置系统提供一个分层配置结构，能够配置整个服务器上的所有应用程序、单个应用程序、各个页面或应用程序子目录。
的配置文件是基于XML文本文件，全部命名为web.config。每个web.config文件将配置设置应用到其所在的目录和下面的所有虚拟子目录中，配置文件可以出现在 Web应用程序服务器上任何目录中，并且子目录中的设置可以随意修改或重写在父目录中提供的设置。
3．按如下所示修改Button1_Click事件处理程序的代码。
Label1.Text =“您以前叫”& previousUser &“，现在叫”& TextBox1.Text
previousUser = TextBox1.Text
如果运行该应用程序，请输入名称Fred，单击按钮，然后输入名称Jim并再次单击按钮，此时应当看到消息：您以前叫Fred，现在叫Jim。在桌面应用程序中，代码会如此工作。但我们发现结果并不是想像的那样。
HtmlButton控件：让用户透过按钮执行命令或动作，最重要的是OnServerClick事件。
HtmlForm控件：HtmlForm（窗体）控件可以让用户将Client端的数据传送至Server端作处理。
HtmlInputButton控件：执行一个指令或动作。
HtmlInputText控件：让用户输入数据。
练习3：挂接事件处理程序
提供了一种与构建windows窗体应用程序极为相似的编程模式。对于简单方案而言，应用程序的“Web”性质可以抛开不谈，以利用自己的桌面开发经验来快速入门。
1．双击设计图面上的Button控件为其Click事件生成代码。
2．输入以下代码。
Label1.Text =“欢迎使用”&TextBox1.Text
一、配置文件
web.config文件中主要包括3个方面的信息：
应用程序配置，用于设置可以使用的功能。
连接字符串，用于连接数据源，以读取或写入数据。
system.web和设置。
二、网站管理工具
中提供了一个简单的Web界面帮助开发人员查看并管理网站配置，该管理工具就是Web网站管理工具（Website Administration Tool缩写为WAT）。
HtmlSelect控件：选单。选单控件有两种风格，一种是下拉式选单，另一种是清单，也就是同时可以显示多个选项，由Size属性控制。
HtmlTable、HtmlTableRow、HtmlTableCell控件：HtmlTable控件可以配合HtmlTableRow以及HtmlTableCell控件来动态的产生表格。
7．按如下所示修改Button1_Click事件处理程序的代码。
Label1.Text = "您以前叫" & Session（"previousUser"）& "，现在叫" &a#34;previousUser"）= TextBox1.Text
8．按F5运行该应用程序。
1.将HTML控件用作Server控件
可以将任何HTML元素转换为服务器控件，只要为该元素添加runat=“server”属性即可。当页面提交到服务器的时候，可以使用代码动态地处理任何服务器控件(由HTML元素转换而来的或的)。
另外，因为可以向任意HTML元素添加runat=“server”属性，可以使用Input type=“text”控件代替的TextBox控件——其他HTML元素只要在工具箱中有对应的控件都可以这样使用。
2.应该使用HTML控件还是服务器控件
这个问题实际上只与页面上简单的元素有关。在选择向页面添加哪种类型的控件时，绝大多数开发人员的方法是在页面上主要使用的Standard Server Control，而在布局时使用静态HTML元素。
一、HTML服务器控件构架
HTML服务器控件构架
9．输入Fred并单击按钮。
10．输入Jim并单击按钮。
通过使用Session变量，站点可以跨越用户交互，记住有用信息。
注6：管理状态是Web开发和桌面开发之间最大的区别。如果我们需要Web站点来跨越用户交互记住任何信息，就不能使用简单的变量来存储该信息，必须使用像Session之类的变量来明确地指示Web服务器记住某个值。
性能监视中最简单的方法就是跟踪。跟踪的主要使用方式是帮助进行调试，虽然不是设计为性能工具，但可以利用它来获得对如何执行页面的深入的了解。
8.6使用构建Web应用程序的练习
本节简要介绍如何使用 2.0构建Web应用程序。重点讲述开发桌面应用程序和开发Web应用程序之间的区别。
第八章
教学目标：通过讲授和学生的动手练习，使学生了解Web应用程序的开发方法。
教学类型：在多媒体教室直观讲授，引导学生进行简单程序设计操作。加深对本次课内容的理解。
教学内容：
8.4 HTML控件
在创建站点时，有时对某个控件在服务器端不需要做任何处理。在这种情况下，开发人员可能只想在页面上添加静态的HTML控件，工具箱的HTML面板上包含了大多数最常用的HTML元素的拖放版本，这些控件只是向页面添加HTML元素的一种简便的方法，可以使用的控件并不局限于这些元素。
HTML标注
HTML服务器控件
<A>
HtmlAnchor
<Input>
HtmlInputButton,HtmlInputCheckBox,HtmlInputRadioButton, HtmlInputFIle,HtmlInputHidden,HtmlInputImage,HtmlInputText
<Form>
4．按F5运行该应用程序。
5．输入Fred并单击按钮。
6．输入Jim并单击按钮。
注意，previousUser的值始终都不会显示出来。它总是说：您以前叫，现在叫Jim。
注5：问题的原因是，每次单击按钮时，page类都会被破坏然后重新创建。这一过程是将previousUser创建并初始化为一个空字符串，然后为其分配文本框中的值，页面处理完成，破坏page类，丢弃previousUser变量。当再次单击按钮时，再重复这一过程。页面不能用来存储站点需要在几次用户交互之间记住的任何信息。通过“Session”变量来提供这种存储功能。
三、缓存
过多用户从数据库中检索数据，执行过程常常会较慢，如果用户较多，检索数据量较大，会影响应用程序的性能。所以应该尽量降低对数据库的存取。可以将数据库的数据存储到内存，无需在请求每个页面时都访问数据库。
提供了两种基本的缓存机制来实现缓存功能：页输出缓存和应用程序缓存。
四、性能监视和测试
1．在Visual Studio 2005的“解决方案资源管理器”中，右键单击“Default.aspx”，然后单击“查看代码”。
2．在Inherits System.Web.UI.Page后面的一行中输入下列代码。
Public previousUser As String
这是一个页面级别的变量，用于存储先前输入的用户名。
练习2：布置控件
1．选择该页的内容，按DELETE键删除所有内容。
2．在“布局”菜单上，单击“插入表”。
3．在“行”中，输入2。
4．在“列”中，输入2。
5．单击“确定”。可以将控件直接键入或拖入表单元格中。