第8章 Web应用程序开发.ppt

《第8章 Web应用程序开发.ppt》由会员分享，可在线阅读，更多相关《第8章 Web应用程序开发.ppt（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第8章章Web应用程序应用程序开发开发n n本章要点：什么是Web应用程序Web应用程序的特点ASP.NET服务器端控件在Web应用程序中访问数据库8.1 Web版的版的“你好，你好，Visual Basic.NET！”n n8.1.18.1.1第一个第一个WebWeb应用程序应用程序n n进入开发环境后，建立一个新项目进入开发环境后，建立一个新项目Case8_1Case8_1，但是这一次与，但是这一次与以前不同，要选择建立的是一个以前不同，要选择建立的是一个“ASP.NET WebASP.NET Web应用程序应用程序”，如图，如图8.18.1所示。所示。n n应用程序建立以后，将会看到应

2、用程序建立以后，将会看到Visual Basic.NETVisual Basic.NET自动生成了自动生成了一个叫做一个叫做WebForm1WebForm1的窗体，这是一个的窗体，这是一个Web FormsWeb Forms窗体，与窗体，与以前的以前的Windows FormsWindows Forms窗体有许多相似之处，但是由于其窗体有许多相似之处，但是由于其运行在运行在WebWeb上的特点，两者并不完全相同。上的特点，两者并不完全相同。n n最显著的一点就是它没有明显的边界，这一点很好理解：最显著的一点就是它没有明显的边界，这一点很好理解：可以回想一下，平时上网看到的网页也没有如可以回想一

3、下，平时上网看到的网页也没有如WindowsWindows窗窗体那般明显的边界。体那般明显的边界。n n另外一个不同点就是在另外一个不同点就是在Web FormsWeb Forms窗体上只能够放置窗体上只能够放置WebWeb窗窗体控件。事实上，如果看看工具箱，就会发现工具箱中显体控件。事实上，如果看看工具箱，就会发现工具箱中显示的是如图示的是如图8.28.2所示的所示的WebWeb窗体控件页，而没有窗体控件页，而没有WindowsWindows窗窗体控件页。体控件页。n n8.1.2在浏览器中执行Web应用程序n n8.1.38.1.3WebWeb应用程序如何运行应用程序如何运行n n由于这是

4、本书的第一个由于这是本书的第一个WebWeb应用程序，在这里有必要首先应用程序，在这里有必要首先解释一下解释一下WebWeb应用程序本身应用程序本身“是什么是什么”。n nWebWeb应用程序可以看做是一个或几个协同工作的应用程序可以看做是一个或几个协同工作的WebWeb页面，页面，如果是几个页面，它们之间往往会互相传递信息，根据用如果是几个页面，它们之间往往会互相传递信息，根据用户的输入做出相应的反应。户的输入做出相应的反应。Case8_1Case8_1虽然只有一个页面，但虽然只有一个页面，但是也可以看成是这个页面与它自身传递信息以做出适当的是也可以看成是这个页面与它自身传递信息以做出适当的

5、反应。事实上，在运行这个程序期间，计算机反应。事实上，在运行这个程序期间，计算机“偷偷地偷偷地”做了很多事情：做了很多事情：n n（1 1）按）按F5F5键，相当于在浏览器中输入键，相当于在浏览器中输入“http:/localhost/Case8_1/WebForm1.aspx”http:/localhost/Case8_1/WebForm1.aspx”；n n（2 2）服务器接受请求，运行）服务器接受请求，运行WebForm1.aspxWebForm1.aspx中的程序，把中的程序，把结果返回到浏览器；结果返回到浏览器；n n（3 3）用户单击）用户单击“Say Hello”Say Hell

6、o”按钮，浏览器把请求发回到服按钮，浏览器把请求发回到服务器；务器；n n（4 4）服务器接受请求，再次运行）服务器接受请求，再次运行WebForm1.aspxWebForm1.aspx中的程序，中的程序，把结果返回到浏览器。把结果返回到浏览器。n n可以看到，就是这么一个简单的程序，却包含了可以看到，就是这么一个简单的程序，却包含了浏览器与服务器之间的两次信息来回，这也正是浏览器与服务器之间的两次信息来回，这也正是WebWeb应用程序的特点：几乎每一个动作都会引起应用程序的特点：几乎每一个动作都会引起浏览器与服务器的通讯，所以比起本地的应用程浏览器与服务器的通讯，所以比起本地的应用程序来，效

7、率比较低。序来，效率比较低。n n理解了理解了WebWeb应用程序，可能不会对程序本身有什应用程序，可能不会对程序本身有什么疑问，因为它与么疑问，因为它与WindowsWindows应用程序太相像了：都应用程序太相像了：都是把控件放到窗体上，都是编写事件代码，运行是把控件放到窗体上，都是编写事件代码，运行起来也几乎没什么区别。但是，应该意识到，这起来也几乎没什么区别。但是，应该意识到，这些表面上的相似性都是些表面上的相似性都是Web FormsWeb Forms的功劳，是它使的功劳，是它使我们能够以如此一致的方式创建这两种完全不同我们能够以如此一致的方式创建这两种完全不同的应用程序。在下一个案

8、例中，会对这一切作深的应用程序。在下一个案例中，会对这一切作深入地探讨。入地探讨。8.2 ASP.NETn nASPASP是近些年来是近些年来WindowsWindows平台上使用最广泛的服务平台上使用最广泛的服务器端页面语言之一。确实，即使你从没有做过器端页面语言之一。确实，即使你从没有做过WebWeb编程，那也接触过它编程，那也接触过它在常去的网站中，在常去的网站中，就有很多页面带有就有很多页面带有“asp”asp”这个扩展名的。这个扩展名的。ASPASP的的页面嵌入式语言特性，以及它与页面嵌入式语言特性，以及它与ActiveXActiveX的完美结的完美结合都给程序员带来了很大的方便。合

9、都给程序员带来了很大的方便。n n如果你是一个如果你是一个ASPASP程序员，或者对程序员，或者对ASPASP有所了解的有所了解的话，那么理解话，那么理解ASP.NETASP.NET（原来叫（原来叫ASP+ASP+）最快的办）最快的办法是一句话：法是一句话：“ASP.NETASP.NET是下一代的是下一代的ASPASP，并且是，并且是建立在建立在.NET.NET框架上的框架上的ASPASP。”但是，仅仅这么一但是，仅仅这么一句话还是失之偏颇了，因为句话还是失之偏颇了，因为ASP.NETASP.NET并不是简单并不是简单的对原有的的对原有的ASPASP的补充和增强，也不是仅仅加上的补充和增强，也

10、不是仅仅加上了一些了一些.NET.NET，而是真正从底层重新创建了的，而是真正从底层重新创建了的ASPASP。n n从表面特征来看，从表面特征来看，ASP.NETASP.NET与与ASPASP相比至少有两大优点。相比至少有两大优点。n n（1 1）执行速度更快）执行速度更快n n传统的传统的ASPASP是纯解释型的，也就是说每一次执行时，都要是纯解释型的，也就是说每一次执行时，都要先先“阅读阅读”ASPASP源代码，然后源代码，然后“翻译翻译”成可执行码，最后成可执行码，最后才执行。而才执行。而ASP.NETASP.NET是编译执行的，在第一次执行的时候，是编译执行的，在第一次执行的时候，“阅

11、读阅读”和和“翻译翻译”的过程还要进行，但是的过程还要进行，但是“翻译翻译”的结的结果被保留下来，在以后就直接执行了，除非源代码做了改果被保留下来，在以后就直接执行了，除非源代码做了改变。变。n n（2 2）代码更简洁）代码更简洁n n原本原本400400行的行的ASPASP代码完成的功能往往只用代码完成的功能往往只用2020行的行的ASP.NETASP.NET代码就可以完成。代码就可以完成。n n以上谈到的是一些理论，事实上，上一个案例中已经用到以上谈到的是一些理论，事实上，上一个案例中已经用到了了ASP.NETASP.NET。Web FormsWeb Forms就是就是ASP.NETASP

12、.NET的组成部分。的组成部分。n n为了让你有一个深刻的了解，在这个案例中将重写为了让你有一个深刻的了解，在这个案例中将重写WebWeb版版本的本的“你好，你好，Visual Basic.NET”Visual Basic.NET”。这一次我们不用集成开。这一次我们不用集成开发环境，而是用编写发环境，而是用编写ASPASP的传统方式的传统方式使用记事本（或使用记事本（或者其他文本编辑器）来完成。者其他文本编辑器）来完成。n n8.2.1 8.2.1 手工编写一个手工编写一个WebWeb应用程序应用程序n nn n script language=VB =servern n Sub Sub bt

13、nHello_Click(SrcbtnHello_Click(Src As Object,e As As Object,e As EventArgsEventArgs)n n txtHello.TexttxtHello.Text=你好你好,Visual Basic.NET!,Visual Basic.NET!n n End Sub End Subn n n n n n form =servern n =server/n n =server/n n n n n nn n8.2.2手工运行Web应用程序n n在上个案例中曾经讲过在浏览器中输入“http:/localhost/Case8_1/Web

14、Form1.aspx”可以访问Case8_1的运行结果，这里localhost实际上就是默认网站，它运行在本地机上。IP协议规定IP地址127.0.0.1指的就是本机，所以如果要运行这个案例，可以在浏览器中输入“http:/127.0.0.1/Case8_2/Case8_2.aspx”，当然输入“http:/localhost/Case8_2/Case8_2.aspx”同样可以运行，二者是等价的。n n8.2.38.2.3点评：点评：ASP.NETASP.NETn n下面来看看代码，这段代码也许从后面看起来更好一些，下面来看看代码，这段代码也许从后面看起来更好一些，我们先看这一段：我们先看这一

15、段：n n form=servern n =server/n n =server/n n n n你可能会注意到两个显眼的你可能会注意到两个显眼的“asp:”asp:”标示，这是标示，这是ASPASP前缀，前缀，用来表明一个用来表明一个ASP.NETASP.NET控件（也就是控件（也就是Web FormsWeb Forms控件）。控件）。这里的两个控件（这里的两个控件（TextBoxTextBox和和ButtonButton）在上个案例中已经介）在上个案例中已经介绍过了，事实上集成开发环境的工作就是自动加上这两句绍过了，事实上集成开发环境的工作就是自动加上这两句话。在后面有话。在后面有“runa

16、trunat=server”=server”的字样，这表明它们都是的字样，这表明它们都是服务器端的控件。简单地说，这些控件是运行在服务器端服务器端的控件。简单地说，这些控件是运行在服务器端的，而且帮助客户与服务器进行交互。的，而且帮助客户与服务器进行交互。n n在在ButtonButton控件中有这样一句：控件中有这样一句：OnClickOnClick=btnHello_ClickbtnHello_Click，这是在声明事件处理程序，这是在声明事件处理程序，那么事件处理程序在哪里呢？就在页面的开头部分：那么事件处理程序在哪里呢？就在页面的开头部分：n n script language=VB=

17、servern n Sub Sub btnHello_Click(SrcbtnHello_Click(Src As Object,e As As Object,e As EventArgsEventArgs)n n txtHello.TexttxtHello.Text=你好你好,Visual Basic.NET!,Visual Basic.NET!n n End Sub End Subn n n n页面上的所有函数、过程都必须定义在页面上的所有函数、过程都必须定义在块中，块中，这与传统这与传统ASPASP差不多。如果仅仅看这个过程本身，根差不多。如果仅仅看这个过程本身，根本无法分辨出这是一个本

18、无法分辨出这是一个WindowsWindows应用程序中的事件处应用程序中的事件处理程序还是理程序还是WebWeb应用程序中的事件处理程序。前面已应用程序中的事件处理程序。前面已经介绍过，在经介绍过，在Web FormsWeb Forms的帮助下（现在可以说是在的帮助下（现在可以说是在ASP.NETASP.NET的帮助下），这两者达到了高度的统一。的帮助下），这两者达到了高度的统一。8.3 Web窗体控件窗体控件n n8.3.1 8.3.1 建立建立WebWeb日历程序日历程序n n建立一个建立一个ASP.NET WebASP.NET Web应用程序应用程序Case8_3Case8_3。把一。

19、把一个个CalendarCalendar控件从控件从“WebWeb窗体窗体”工具页拖曳到工具页拖曳到WebWeb窗体上，命名为窗体上，命名为cldDatecldDate，注意现在要更，注意现在要更改的是改的是(ID)(ID)）而不是）而不是(name)(name)。CalendarCalendar控件的控件的默认样式非常单调，但默认样式非常单调，但是，在它的是，在它的“属性属性”页页中可以看到很多可以更中可以看到很多可以更改的属性。改的属性。n n8.3.2运行Web日历程序n n8.3.3 8.3.3 验证控件验证控件n n首先，可以看到，对首先，可以看到，对ListBoxListBox的操

20、作与的操作与Windows FormsWindows Forms的的ListBoxListBox基本相同，这里不再赘述。基本相同，这里不再赘述。n n这里最重要的内容是关于这里最重要的内容是关于ValidatorValidator（验证），它们是用来（验证），它们是用来验证用户输入的有效性的，验证用户输入的有效性的，ASP.NETASP.NET一共提供了一共提供了5 5种种ValidatorValidator，分别是，分别是ReqiredFieldValidatorReqiredFieldValidator（验证某个输入是否（验证某个输入是否为空），为空），CompareValidatorCo

21、mpareValidator（将某个输入与既定的值相比较）（将某个输入与既定的值相比较），RangeValidatorRangeValidator（看某个输入是否在既定的范围内），（看某个输入是否在既定的范围内），RegularExpressionValidatorRegularExpressionValidator（看某个输入是否满足给定的正（看某个输入是否满足给定的正则表达式），以及则表达式），以及CustomValidatorCustomValidator（用户自定义的验证）。（用户自定义的验证）。有了这有了这5 5种工具，就可以很方便地验证用户输入了。在程种工具，就可以很方便地验证用户

22、输入了。在程序中用到了其中两种，其他的序中用到了其中两种，其他的3 3种在用法上大致相同，都种在用法上大致相同，都使用使用ControlToValidateControlToValidate属性来设置要验证的控件，而用其他属性来设置要验证的控件，而用其他的属性（如的属性（如RangeValidatorRangeValidator的的MinimumMinimum和和MaximumMaximum）来设置）来设置验证条件。验证条件。n n但是同时也应该看到，验证控件不是万能的。在判断某个但是同时也应该看到，验证控件不是万能的。在判断某个月份的日期是否有效时，月份的日期是否有效时，ValidatorV

23、alidator就没办法很好地完成任就没办法很好地完成任务，以至于我们要在服务器端补充验证代码务，以至于我们要在服务器端补充验证代码.8.4 HTML控件控件n n第一个是效率。这一点在后面会讲到，HTML控件基本上就是对HTML语言中的元素的直接对应，与Web窗体控件不同，这些控件在放到页面上以后（如果不把它们转成服务器控件的话），直接作为HTML元素来处理。换句话说，不必经过编译和运行的过程，从而运行的速度要快得多。所以，如果对一个控件的功能要求很简单的话（比如，放上一个Label控件，只是为了显示一行不变的字），那么可以考虑HTML控件。n n第二个是对页面的控制。由于第二个是对页面的控

24、制。由于HTMLHTML控件是直接控件是直接被作为被作为HTMLHTML元素处理，所以它们在运行时显示元素处理，所以它们在运行时显示出的外观与设计时的一模一样。出的外观与设计时的一模一样。n n第三个是考虑到向下兼容。第三个是考虑到向下兼容。WebWeb窗体控件在传统窗体控件在传统ASPASP中根本就不存在，所以如果只提供中根本就不存在，所以如果只提供WebWeb窗体控窗体控件，那么程序员在把传统件，那么程序员在把传统ASPASP代码升级到代码升级到ASP.NETASP.NET的时候就要做相当大的改变，而的时候就要做相当大的改变，而HTMLHTML控件减少了这种改变的需要。控件减少了这种改变的

25、需要。n n在这个案例中，我们会使用在这个案例中，我们会使用HTMLHTML控件编写一个控件编写一个简单的简单的WebWeb应用程序，从中可以看出虽然应用程序，从中可以看出虽然HTMLHTML控控件功能简单，但是只要善用，它也可以工作得很件功能简单，但是只要善用，它也可以工作得很好。好。n n8.4.1用HTML控件设计Web应用程序n n8.4.2程序运行n n8.4.3 8.4.3 点评：服务器控件点评：服务器控件n n这个程序确实很简单，但是有些东西值得解释，首先这个程序确实很简单，但是有些东西值得解释，首先是关于什么是是关于什么是“作为服务器控件运行作为服务器控件运行”的问题。的问题。

26、n n前面介绍过前面介绍过HTMLHTML控件在不作为服务器控件运行的时控件在不作为服务器控件运行的时候，就相当于一行普通的候，就相当于一行普通的HTMLHTML语句，服务器对它不语句，服务器对它不做任何处理，而是原原本本地把它送到浏览器中去。做任何处理，而是原原本本地把它送到浏览器中去。事实上，如果查看程序窗体的事实上，如果查看程序窗体的HTMLHTML代码，会看到有代码，会看到有这样一行：这样一行：n nDIV style=DISPLAY:inline;Z-INDEX:101;LEFT:请输入你的名字请输入你的名字n n这就是那个永远不变的这就是那个永远不变的LabelLabel控件，服务

27、器根本不把它控件，服务器根本不把它作为什么作为什么“控件控件”，而是作为一行文字来看待，所以，而是作为一行文字来看待，所以它没有自己的行为，也没有除了它没有自己的行为，也没有除了HTMLHTML元素定义之外元素定义之外的属性。的属性。n n而如果把而如果把HTMLHTML控件作为服务器控件运行，服务器就将对控件作为服务器控件运行，服务器就将对它进行处理，这就是为什么一定要把一个控件转成服务器它进行处理，这就是为什么一定要把一个控件转成服务器控件才能控制它的行为。控件才能控制它的行为。n n在在HTMLHTML代码中，代码中，Text FieldText Field控件和控件和ButtonBut

28、ton控件是这样存在控件是这样存在的：的：n nINPUT id=servern nINPUT id=servern n注意后面的注意后面的“runatrunat=server”=server”字样，这标志着它们是服字样，这标志着它们是服务器控件。而相应的，在代码文件中，也会看到对它们的务器控件。而相应的，在代码文件中，也会看到对它们的定义：定义：n nProtected Protected WithEventsWithEvents txtNametxtName As As System.Web.UI.HtmlControls.HtmlInputTextSystem.Web.UI.HtmlCo

29、ntrols.HtmlInputTextn nProtected Protected WithEventsWithEvents btnSayHellobtnSayHello As As System.Web.UI.HtmlControls.HtmlInputButtonSystem.Web.UI.HtmlControls.HtmlInputButton8.5 访问数据库访问数据库n n前面已经学过了使用前面已经学过了使用Visual Basic.NETVisual Basic.NET开发基于窗开发基于窗口的数据库应用程序，有了口的数据库应用程序，有了ADO.NETADO.NET的帮助，这的帮助

30、，这个过程的确简单。而在个过程的确简单。而在WebWeb应用程序中，这种简应用程序中，这种简单的特性一点也没有变，这个案例就演示如何开单的特性一点也没有变，这个案例就演示如何开发基于发基于WebWeb的数据库应用程序。事实上，由于编的数据库应用程序。事实上，由于编程模型的统一性，基于程模型的统一性，基于WebWeb的数据库应用程序和的数据库应用程序和基于窗口的数据库应用程序在开发过程上没有太基于窗口的数据库应用程序在开发过程上没有太多不同，所以这个案例只是作为一个引子，演示多不同，所以这个案例只是作为一个引子，演示出了一种最简单的情况，即在浏览器中显示一个出了一种最简单的情况，即在浏览器中显示

31、一个表。表。n n在学习了这个案例之后，结合第在学习了这个案例之后，结合第7 7章学到的知识，章学到的知识，就可以开发出更复杂的就可以开发出更复杂的WebWeb数据库应用程序。当数据库应用程序。当然，应当保证自己的机器上装有然，应当保证自己的机器上装有SQL ServerSQL Server数据库，数据库，或者至少可以访问到或者至少可以访问到SQL ServerSQL Server数据库。数据库。n n8.5.1Web控件上的数据绑定n n8.5.2程序运行n n8.5.38.5.3WebWeb上的数据库连接上的数据库连接n n关于数据库连接，在第关于数据库连接，在第7 7章已经有详细的介绍，

32、在这里只章已经有详细的介绍，在这里只是简单地把过程提一下。是简单地把过程提一下。n n首先是设置连接字符串，并且打开一个数据库连接：首先是设置连接字符串，并且打开一个数据库连接：n nconnMain.ConnectionStringconnMain.ConnectionString=data source =data source=RALPH;_=RALPH;_n n&user id=&user id=sasa;password=password=sa;initialsa;initial catalog=pubs catalog=pubsn nconnMain.OpenconnMain.Op

33、en()()n n其次是建立一个其次是建立一个SQLSQL命令，也就是设置命令，也就是设置SqlCommandSqlCommand对象的对象的CommandTextCommandText属性，并且设置其连接为刚刚打开的连接属性，并且设置其连接为刚刚打开的连接connMainconnMain：n ncmdSelAuthor.CommandTextcmdSelAuthor.CommandText=Select Top =Select Top 10*from Authors10*from Authorsn ncmdSelAuthor.ConnectioncmdSelAuthor.Connection

34、=connMainconnMainn n接下来通过接下来通过SqlDataAdapterSqlDataAdapter对象执行对象执行SQLSQL命令并且用结果来命令并且用结果来填充数据集：填充数据集：n ndbaMain.SelectCommanddbaMain.SelectCommand=cmdSelAuthorcmdSelAuthorn ndbaMain.Fill(dsAuthordbaMain.Fill(dsAuthor)n n最后把数据集绑定到最后把数据集绑定到DataGridDataGrid上，就可以显示出数据了：上，就可以显示出数据了：n ndgrdAuthor.DataSourc

35、edgrdAuthor.DataSource=dsAuthordsAuthorn ndgrdAuthor.DataBinddgrdAuthor.DataBind()()n n整个过程十分简单，但是仍然需要注意的是，数据库操作整个过程十分简单，但是仍然需要注意的是，数据库操作往往会有错误发生，而且这些错误很可能无法预知。比如往往会有错误发生，而且这些错误很可能无法预知。比如由于网络状况不好、数据库服务器停机、数据库名称或位由于网络状况不好、数据库服务器停机、数据库名称或位置改变等，都有可能造成数据库访问失败。所以，对于数置改变等，都有可能造成数据库访问失败。所以，对于数据库的访问一定要用据库的访问一定要用TryCatchTryCatch语句保护起来，并且提语句保护起来，并且提供尽可能完善的错误处理。本案例中进行了一个简单的错供尽可能完善的错误处理。本案例中进行了一个简单的错误处理，在网页上报告出错误的地点和原因。误处理，在网页上报告出错误的地点和原因。