《Web系统设计》PPT课件.ppt

1、ASP.NET网页设计和网站开发,Web系统设计,主要内容,ASP.NET与VS 2005 ASP.NET控件及应用 页面切换与导航 ASP.NET状态管理 ADO.net及与ASP.NET数据访问 母板页与内容页 XML及其应用,作业,设计一个Web系统（网站）。 要求：题目自拟界面优美，功能实用，要有 数据的动态交互能力。 提交： 设计文档 （包含系统的设计思路和数据库设计） 软件,第一讲 ASP.NET与VS 2005,1.1 ASP.NET与VS 2005发展 1.2 VS 2005介绍 1.3 ASP.NET的处理方式 1.4 开发ASP.NET Web应用程序的一般流程,1.1 A

2、SP.NET与VS 2005发展,ASP 1.0 ，IIS（Internet信息服务）的附属产品免费发送 。 1998年发布了ASP 2.0 。 2002年3月，Microsoft公司正式推出Visual Studio.NET中文版 。ASP.NET 1.0也诞生 。 2003年，Microsoft公司发布了Visual Studio.NET 2003（简称VS.NET 2003）。 2005年底，Microsoft公司又发布了基于.NET 2.0框架的VS 2005开发平台。,1.2 VS 2005介绍,VS 2005是一个综合性的软件开发平台，有四个版本： Team System Prof

3、essional Standard Express 分别适用于大型软件开发团体、中小型软件开发公司以及业余开发者。 我们采用第二个版本来介绍ASP.NET网页设计和网站开发方法。,1.2 VS 2005介绍,ASP.NET的主要功能: 设计Web窗体 样式表 母版页 数据库访问 用户控件 XML WebService 网站生成与发布,1.3 ASP.NET的处理方式,采用B/S模式,1.4 开发ASP.NET Web应用程序的一般流程 (例),1.4 开发ASP.NET Web应用程序的一般流程,发布一个实际的网站(例),第二讲ASP.NET控件及应用,HTML控件及HTML服务器控件 标准W

4、eb服务器控件 服务器数据验证控件 用户控件,2.1 HTML控件及HTML服务器控件（例2.1）,HTML控件 HTML服务器控件：在HTML控件的基础上加上runat=server,2.2 标准Web服务器控件,Lable TextBox DropDownList ListBox Image CheckBox 、CheckBoxList RadioButton、RadioButtonList Calendar Button、LinkButton、ImageButton HyperLink Table Panel,标准Web服务器控件共有属性,Arrtibutes：附加属性，编程时使用 Ba

5、ckColor、BorderColor：背景色和边框色 BorderWidth、BorderStyle：边框宽度和样式 CssClass：分配给该组件的CSS类 Style：文本属性集合 Enabled：是否被禁用 Font：字体 ForeColor：前景色 Height、 Width ：高和宽 TabIndex：Tab顺序 ToolTip：工具提示文本,2.2 标准Web服务器控件按钮控件(例2.1),Button ImageButton LinkButton,2.2 标准Web服务器控件文本控件（例2.2）,Lable TextBox,2.2 标准Web服务器控件选择控件（例2.3）,Ra

6、dioButton与RadioButtonList CheckBox与CheckBoxList,2.2 标准Web服务器控件列表选择控件（例2.4）,ListBox DropDownList,2.2 标准Web服务器控件图片有关控件,Image（例2.5） ImageMap（例2.6）,2.3服务器数据验证控件（例2.7）,ReguiredFieldValidator必需项检查控件 RangeValidator范围验证控件 CompareValidator比较验证控件 RegularExpressionValidate正则表达式验证控件（模式匹配） ValidationSummary验证总结控

7、件 CustomValidator用户定义验证控件,2.4用户控件（例2.8）,在某些情况下，使用ASP.NET提供的单个或现有的Web服务器控件不能满足要求。 用户控件是能够在其中放置标记和Web服务器控件的容器，可以将用户控件作为一个单元对待，为其定义属性和方法。,第三讲页面切换与导航,3.1页面切换 3.2网页间的数据传递 3.3站点导航,3.1 页面切换(例3.1),使用超链接 利用按钮的PostBackUrl属性 利用Response.Redirect或 Server.Transfer,3.1 页面切换,Response.Redirect与Server.Transfer 区别： Re

8、sponse.Redirect使浏览器链接到一个指 定的URL 。重定向操作发生在客户端，共涉 及两次与服务器的通信（两个来回）：第一 次是对原始页面的请求，得到一个应答；第 二次是请求应答中声明的新页面，得到重定 向之后的页面。,3.1 页面切换,Response.Redirect与Server.Transfer 区别： Server.Transfer方法直接在服务器端把执行流程从当前的网页转到同一个应用程序的另一个网页。调用Server.Transfer方法时，当前的页面终止执行，然后将执行流程转入另一个页面，但新的页面仍使用前一页面创建的应答流。,3.2 网页间的数据传递,使用Query

9、String传递数据（例3.2） 利用Session对象传递或共享数据 （例3.3） 利用PreviousPage属性获取数据 (例3.3),3.3 站点导航,（1）使用站点地图描述站点的逻辑结构。添加或移除页面时，开发人员可以简单地通过修改站点地图来管理页导航。 （2）提供导航控件在网页上显示导航菜单。导航菜单以站点地图为基础。 （3）可以以代码方式使用ASP.NET站点导航，以创建自定义导航控件或修改在导航菜单中显示的信息的位置。,3.3 站点导航（例3.4）,站点地图和SiteMapPath控件 利用Menu控件实现自定义导航 利用TreeView控件实现自定义导航,第四讲ASP.NET

10、状态管理,4.1 页面管理 4.2 状态管理 4.3 ASP.NET配置管理,4.1 页面管理页面处理机制 循环,（1）用户通过客户端浏览器请求页面，页面第一次运行。 （2）页面将标记动态呈现到浏览器，浏览器对标记进行解析并显示。 （3）用户操作页面。 （4）页面发送到Web服务器（回发）。 （5）服务器执行后台代码指定的操作。 （6）服务器将执行操作后的页面以HTML或XHTML标记的形式发送到客户端浏览器。,4.1 页面管理数据提交方式,HTTP GET和HTTP POST 。（例3.5） 其中HTTP GET是把数据用显式方式进行提交，而HTTP POST则是把数据用隐式方式进行提交。,

11、（1）GET方式通过URL请求来传递用户的数据，它将表单内各字段名称与其内容，以字符串的形式放在URL的后面。如果URL后有参数，该URL和其后面的参数信息也会在浏览器的地址栏中显示，例如： POST方式则是将表单内各字段名称及其内容放置在HTML表头内一起传送给服务器处理。,4.1 页面管理数据提交方式,（2）GET方式需要使用 Request.QueryString方法来取得传递的数据值；而POST方式通过Request.Form来访问提交的内容。 （3）GET方式传输的数据量非常小，一般限制在2KB左右，但是执行效率却比POST方式高；而POST方式传递的数据量相对较大，它是等待服务器来

12、读取数据，不过也有容量限制，这是为了避免用大量数据对服务器进行恶意攻击。,4.1 页面管理数据提交方式,4.1 页面管理页面生存周期,页请求:页请求发生在页生命周期开始之前。 开始:在开始阶段，将设置页属性。 页初始化: 加载: 验证: 回发事件处理: 呈现: 卸载:,4.2 状态管理,4.2.1 ViewState对象 4.2.2 Application对象与Session对象 4.2.3 Cookie对象 4.2.4 其他状态管理对象 控件状态 隐藏域 查询字符串 配置文件属性,4.2.1 ViewState对象(例4.2),视图状态:ASP.NET页框架默认情况下用于保存往返过程之间的页

13、面信息以及控件值的方法。 当呈现页的HTML形式时，需要在回发过程中保留的页的当前状态和值将被序列化为Base64编码的字符串，并输出到视图状态的隐藏字段中。,4.2.1 ViewState对象(例4.2),程序员可以通过使用页面的ViewState属性将往返过程中的数据保存到Web服务器端，然后利用自己的代码访问视图状态。 ViewState属性是一个包含密钥/值对（其中包含视图状态数据）的字典。,4.2.2 Application对象与Session对象（例4.2）,，一个虚拟目录下的所有ASP.NET文件构成一个Web应用程序，多个客户可通过浏览器同时访问同一个Web应用程序，为了让所有

14、用户共享一些数据信息，可以依靠Application对象，换句话说，利用Application对象可以定义类似于所有用户公用的全局对象。 由于Application对象是同一个虚拟目录下的所有.aspx文件共有的，所以对其进行操作时，需要先进行锁定，操作完成后再解除锁定。,4.2.2 Application对象与Session对象例4.2,如何区分不同的浏览器客户呢？可以通过Session对象实现，当不同的浏览器客户访问服务器应用程序时，服务器会分别为每一个客户分配一段内存空间用于保存不同用户的数据信息，即每一个客户都可以有自己的Session。定义与使用Session的方法也很简单，例如：

15、Sessiononline=true; Sessioncounter= (int)Sessioncounter+1;,关于Global.asax文件（习题3）,ASP.NET应用程序文件，该文件是一个可选的文件，它包含响应ASP.NET或HTTP模块所引发的应用程序级别和会话级别事件的代码。 不是必需的，希望处理应用程序事件或会话事件时才需要。,Global.asax文件常用事件,Application_start事件：第一个客户首次请求页面时触发。 Session_start事件：每个客户首次请求页面时触发。 Application_End事件：在关闭应用程序或者每个客户在规定时间内没有提出

16、请求时触发。 Session_End事件：在关闭应用程序或者每个客户在规定时间内没有提出请求时触发。,4.2.3 Cookie对象,Cookie是一小段文本信息，提供了一种存储用户特定信息的方法，伴随着用户请求和页面在Web服务器和浏览器之间传递。(例4.3),4.2.4 其他状态管理对象（例4.4）,控件状态 隐藏域 查询字符串 配置文件属性,第五讲ADO.net及与ASP.NET数据访问,ADO.NET与ASP.NET数据访问基础知识 ASP.NET数据源控件 ASP.NET数据绑定控件,5.1 ADO.NET与ASP.NET数据访问基础知识,5.1 ADO.NET与ASP.NET数据访问

17、基础知识,5.1 ADO.NET与ASP.NET数据访问基础知识,1Connection对象 主要用于建立与数据源的连接。 在ASP.NET2.0的Web项目中,可以自动保存：用数据源控件或数据绑定控件的配置数据源向导选择一个实际的数据源。完成之后，在项目的Web.config中会自动保存与该数据源的连接字符串。,5.1 ADO.NET与ASP.NET数据访问基础知识,2Command对象 Command对象可完成对数据库的定义、修改以及数据查询，通俗点说就是用来对数据库发出一些命令，像查询、新增、修改、和删除数据等。 它是基于Connection对象的，它是通过连接到数据源的Connecti

18、on对象来传递命令的，Connection连接到哪个数据源，Command对象就对哪个数据源传递命令。,5.1 ADO.NET与ASP.NET数据访问基础知识,3DataReader对象 主要用于按顺序读取数据源中的数据，不作其他操作，使用起来不但节省资源而且效率很高，也不需要数据回传，从而有效地降低了网络负载。 4DataAdapter对象 主要用于将数据源中的数据填充到DataSet，或者更新数据源中的数据。,5.1 ADO.NET与ASP.NET数据访问基础知识,DataSet数据集: 是支持ADO.NET的断开式、分布式数据方案的核心对象。 用于在内存中缓存各种数据源中的数据，以供应用

19、程序调用适合于不同类型平台间的数据传输。 包含一个或多个数据表（DataTable），以及表的约束、索引和表之间的关系。,5.1 ADO.NET与ASP.NET数据访问基础知识,DataSet 数据模型,5.2 ASP.NET数据源控件,ASP.NET 2.0新增了几个独特的数据访问控件，用于为数据绑定控件构造一个公共接口框架，它们就是数据源对象。 SqlDataSource控件 XmlDataSource控件 ObjectDataSource控件 AccessDataSource控件,5.2 ASP.NET数据源控件 SqlDataSource控件,SqlDataSource控件(例5.1)

20、 用于访问SQL关系数据库中的数据。 可以与其他数据绑定控件一起使用，开发人员用极少代码甚至不用代码，就可以在ASP.NET网页上显示和操作数据。,5.2 ASP.NET数据源控件 AccessDataSource控件,用于检索Microsoft Access数据库（.mdb文 件）中的数据。然后在与之绑定的数据绑定 控件中显示数据，如GridView、FormView 和DetailsView控件。AccessDataSource控 件继承了SqlDataSource类，并用DataFile 属性替换了ConnectionString属性，这样更 便于连接到Microsoft Access数据库。,5.2 ASP.NET数据源控件XmlDataSource控件,XmlDataSource控件 可以从文件、URL或包含XML内容的字符串中加载XML数据，并将其绑定到数据绑定控件。 能显示分层数据和表格数据，即是一种层次性数据源又是一种表格式数据源。,5.2 ASP.NET数据源控件 ObjectDataSource控件,ObjectDataSource控件 在三层架构系统中，可以使用。它通过一种将表示层的数据控件绑定到中间层业务对象的方法，为三层架构提供支持。 在不使用扩展代码的情况下， ObjectDataSource使用中间层业务对象以声明方式对数据执行选择、插入、