第15章 Web应用程序设计.ppt

1、第15章Web应用程序设计,15.1 ASP.NET概述 15.2 开发Web应用程序的准备工作 15.3 创建一个简单的Web应用程序 15.4 基本ASP.NET服务器控件 15.5 高级ASP.NET服务器端控件,15.1 ASP.NET概述,15.1.1 ASP.NET的发展历程 2000年ASP.NET 1.0正式发布。 2003年ASP.NET升级为1.1版本。 2005年11月微软公司又发布了ASP.NET 2.0。 ASP.NET 2.0技术增加了大量方便、实用的新特性，是一种建立在公共语言运行库上的编程框架，可用于在服务器上开发功能强大的Web应用程序。,15.1.2. AS

2、PNET网页的运行方式 ASP.NET页面作为代码在服务器上运行。因此，要得到处理，页面必须配置为当使用者触发交互时提交到服务器。每次页面都会传回服务器，以便再次运行其服务器代码，然后向使用者呈现其自身的新版本。其处理循环如下： （1）使用者请求页面。页面第一次运行时，执行初步处理。 （2）页面将标记动态呈现到浏览器中，使用者看到的网页类似于其他任何网页。 （3）使用者输入信息或从可用选项中进行选择，然后回车或单击按钮确定。 （4）页面发送到Web服务器中。 （5）在Web服务器上，该页再次被运行。并且可在页上使用使用者输入或选择的信息。 （6）页面执行用户通过编程所要实现的操作。 （7）页面

3、将其自身发送给使用者的浏览器呈现该页面。,注意与Windows窗体运行的区别！,15.2 开发Web应用程序的准备工作 15.2.1 安装Web服务器 安装Web服务器实际上就是安装IIS服务器。 IIS是Internet Information Server的缩写，是Windows服务器操作系统中最重要的Web技术。,15.2.2 创建IIS的虚拟目录 （1）首先打开“控制面板”中的“管理工具”页面，可以看到“Internet服务管理器”图标。双击该图标，将打开“Internet信息服务”对话框。,（2）用鼠标右击 “默认网站”，从弹出的快捷菜单中选择“新建”|“虚拟目录”命令。,（3）打开

4、创建虚拟目录向导，单击“下一步”按钮，,（4）在窗口中的“别名”文本框中输入要建立虚拟目录的名称，这里输入MyWeb。,（5）单击“下一步”按钮，在打开的窗口中单击“浏览”按钮，选择要建立虚拟目录的实际文件夹。这里选择H:MyWeb文件夹，单击“下一步”按钮。,（6）设置虚拟目录的访问权限。保持默认值。单击“下一步”按钮。,（7）在“默认网站”节点下有了一个MyWeb项，鼠标右击该项，在弹出的快捷菜单中选择“属性”命令。,（8）在打开的窗口中选择“目录安全性”选项卡，打开如下图所示的窗口，单击“编辑”按钮。,（9）打开如下图所示的对话框，勾选“集成Windows身份验证”复选框。单击“确定”按

5、钮。,15.3 创建一个简单的Web应用程序,【例15.1】 创建一个Web应用程序，根据用户输入Access数据库名称（在网站主目录的App_Data文件夹中查找该数据库文件）连接到该数据库。,操作步骤如下： （1）启动Microsoft Visual Studio 2005，选择“文件”|“新建网站”命令，打开“新建网站”对话框，在“Visual Studio己安装的模板”列表框中选择“ASP.NET网站”，在“位置”下拉列表中选择HTTP，在“语言”下拉列表中选择Visual C#。,（2）单击“浏览”按钮，打开 “选择位置”对话框，从中选择MyWeb作为其保存的位置，单击“打开”按钮，

6、再单击“确定”按钮。,（3）打开Web窗体设计对话框，在解决方案管理器中可以看到自动生成一个名称为Default.aspx的Web窗体文件。另外，还自动生成了一个App_Data文件夹。在左边的“工具箱”中可以将看到各种控件。,（4）为了能够打开school.mdb数据库，将该文件复制到H:MyWeb的App_Data文件夹中。单击解决方案管理器工具栏上的按钮，会看到school.mdb文件出现在解决方案管理器中。,（5）单击中部下方的按钮，切换到Web窗体设计模式，进行可视化网页设计。,（6）双击button1控件，出现代码编辑窗口，设计其事件过程。最后设计整个Web窗体的代码如下：,usi

7、ng System; using System.Data; using System.Data.OleDb;/新增 using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls;,其余引用都是系统自加的,public partial class _Defau

8、lt : System.Web.UI.Page protected void Button1_Click(object sender, EventArgs e) OleDbConnection myconn = new OleDbConnection(); myconn.ConnectionString = Provider=Microsoft.Jet.OLEDB.4.0;Data Source = + Server.MapPath(App_Data) + + TextBox1.Text; myconn.Open(); if (myconn.State = ConnectionState.Op

9、en) Label2.Text = Access数据库连接成功; else Label2.Text = 不能连接到Access数据库; myconn.Close(); ,（7）单击按钮或按F5键，第一次运行时将有提示对话框出现，其界面如下图所示。,选中修改项（默设值），单击“确定”按钮，出现图浏览器界面，在文本框中输入school.mdb，单击“连接”命令按钮，其运行界面如下图所示，表示连接成功。,（9）启动IE浏览器，输入地址为http:/localhost/myweb，按回车键后会启动本网站。这样就隐藏了本网站的实际地址H:MyWeb，从而防止对本网站程序的攻击，这就是建立虚拟目录的好处。

10、,15.4 基本ASP.NET服务器控件,15.4.1服务器控件概述 1. 什么是服务器控件 服务器控件都包含在ASP.NET页面中。当运行页面时，.NET执行引擎将根据控件对象和程序逻辑完成一定的功能。 根据服务器控件定义方式，可分为HTML服务器控件、Web标准服务器控件和自定义服务器控件：,2. 服务器控件的属性、方法和事件,3. 服务器控件的相关操作 （1）向页面中添加服务器控件 可以通过以下3种方法添加服务器控件。,双击实现添加控件：在Web页面上，把光标停留在要添加控件的位置上。在工具箱中找到想要添加的服务器控件然后双击，服务器控件就会呈现在Web页面上光标停留的位置。 拖曳实现添

11、加控件：在工具箱中找到想要添加的控件，然后拖曳到Web页想要添加控件的位置上。 使用代码添加控件：还可以通过添加代码来实现添加控件。用户可以在HTML视图下，在想要添加控件的位置输入相应控件的代码。,（2）删除页面中服务器控件 删除页面中的控件有两种方法：一种方法是选中该控件，按键盘上的Delete键；另一种方法是选择该控件并单击鼠标右键，在弹出的快捷菜单中选择“删除”命令。,15.4.2Label、Button和TextBox控件 Label服务器控件提供了一种以编程方式设置 Web 窗体页中文本的方法，这些文本在页面上是静态的；用户无法编辑。还可以将 Label 控件的Text属性绑定到数

12、据源，以在页面上显示数据库信息。 Button服务器控件通过用户操作完成特定工作和事务逻辑。其常用的事件有Click（在单击Button控件时触发）。 TextBox服务器控件为用户提供了一种向Web窗体输入信息（包括文本、数字和日期）的方法。通过对TextBox的TextMode属性进行设置可以得到不同的TextBox。另外，当用户更改TextBox的文本时触发TextChanged事件。,15.4.3DropDownList控件 DropDownList（下拉列表框）服务器控件允许用户从预定义列表中选择某一项，其项列表在用户单击下拉列表以前一直保持隐藏状态。,【例15.2】 设计一个Web

13、窗体，当用户从下拉列表中选择学生姓名和班号时，程序将用户选择的学生姓名和班号显示出来。,WebForm2 事件过程：,public partial class WebForm2 : System.Web.UI.Page protected void Page_Init(object sender, EventArgs e) OleDbConnection myconn = new OleDbConnection(); myconn.ConnectionString = Provider=Microsoft.Jet.OLEDB.4.0;Data Source = + Server.MapPath

14、(App_Data) + school.mdb; OleDbCommand mycmd = new OleDbCommand( SELECT 姓名 FROM student, myconn); myconn.Open(); OleDbDataReader myreader = mycmd.ExecuteReader();,DropDownList1.DataSource = myreader; DropDownList1.DataTextField = 姓名; DropDownList1.DataBind(); /上面的绑定在调用该方法时才执行 OleDbCommand mycmd1 = ne

15、w OleDbCommand(SELECT distinct 班号 FROM student, myconn); OleDbDataReader myreader1 = mycmd1.ExecuteReader(); DropDownList2.DataSource = myreader1; DropDownList2.DataTextField = 班号; DropDownList2.DataBind(); /上面的绑定在调用该方法时才执行 myreader.Close(); myreader1.Close(); myconn.Close(); Label3.Text = ; ,protec

16、ted void Button1_Click(object sender, EventArgs e) Label3.Text = 学生 + DropDownList1.Text + 属于 + DropDownList2.SelectedValue + 班; ,运行界面,15.4.4CheckBox、CheckBoxList、RadioButton和RadioButtonList控件 CheckBox（复选框）和CheckBoxList（复选框组）服务器控件为用户提供了一种在真/假、是/否或开/关选项之间切换的方法。前者包含一个复选框，后者是由一组复选框组成。,RadioButton（单选按钮）

17、和RadioButtonList（单选按钮组）服务器控件允许用户从一个预定义的选项中选择一项。,【例15.3】 设计一个Web窗体，用户可以选择学生相关信息并提交。,WebForm3 事件过程：,protected void Button1_Click(object sender, EventArgs e) string result=; /判断性别 if (RadioButton1.Checked) result += 性别：女; /为屏幕换行 else result += 性别：男; /判断年龄 if (RadioButtonList1.SelectedItem != null) resu

18、lt += 年龄： + RadioButtonList1.SelectedItem.Text + ;,/读取爱好信息 if (CheckBoxList1.SelectedIndex -1) result += 爱好：; for (int i = 0;i; /是否接受邮件信息 if (CheckBox1.Checked) result += 该生是三好生; Label1.Text = result; ,运行界面,15.4.5数据验证控件 在ASP.NET中，提供了以下6种数据验证控件（它们位于“工具箱”的“验证”部分，可以拖放到窗体上）：,15.4.5数据验证控件 在ASP.NET中，提供了以下

19、6种数据验证控件（它们位于“工具箱”的“验证”部分）：,RequiredFieldValidator：又称非空验证控件。确保用户在 Web 窗体页上输入数据时不会跳过必填字段，也就是说，检查被验证控件的输入是否为空，如果为空，则在网页中显示提示信息。 CompareValidator：又称比较验证控件。将用户的输入与常数值（由ValueToCompare属性指定）、另一个控件（由ControlToCompare属性指定）的属性值进行比较，若不相同，则在网页中显示提示信息。,RangeValidator：又称范围验证控件。确保用户输入的值在指定的上下限范围之内，当输入不在验证的范围内时，则在网页

20、中显示提示信息。 RegularExpressionValidator：又称正则表达式验证控件。确保用户输入信息匹配正则表达式指定的模式（由ValidationExpression属性指定），例如，要验证用户输入的是否为E-mail地址，只要使用E-mail的正则表达式来验证用户输入即可，若不符合，则在网页中显示提示信息。 CustomValidator：又称自定义验证控件。确保用户输入的内容符合自己创建的验证逻辑。 ValidationSummary：又称错误总结控件。提供一个集中显示验证错误信息的地方，将本网页中所有验证控件错误信息组织好并一同显示出来。,验证控件重要的属性,【例15.4】 设计一个Web窗体，说明数据验证控件的使用方法。,WebForm4,protected void Page_Init(object sender, EventArgs e) Label1.Text = ; protected void Button1_Click(object sender, EventArgs e) if (Page.IsValid ) /用户输入均有效 Label1.Text += TextBox1.Text + ; Label