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

ASP NET网页设计和网站开发 Web系统设计 主要内容 ASP NET与VS2005ASP NET控件及应用页面切换与导航ASP NET状态管理ADO net及与ASP NET数据访问母板页与内容页XML及其应用 作业 设计一个Web系统 网站 要求 题目自拟界面优美 功能实用 要有数据的动态交互能力 提交 设计文档 包含系统的设计思路和数据库设计 软件 第一讲ASP NET与VS2005 1 1ASP NET与VS2005发展1 2VS2005介绍1 3ASP NET的处理方式1 4开发ASP NETWeb应用程序的一般流程 1 1ASP NET与VS2005发展 ASP1 0 IIS Internet信息服务 的附属产品免费发送 1998年发布了ASP2 0 2002年3月 Microsoft公司正式推出VisualStudio NET中文版 ASP NET1 0也诞生 2003年 Microsoft公司发布了VisualStudio NET2003 简称VS NET2003 2005年底 Microsoft公司又发布了基于 NET2 0框架的VS2005开发平台 1 2VS2005介绍 VS2005是一个综合性的软件开发平台 有四个版本 TeamSystemProfessionalStandardExpress分别适用于大型软件开发团体 中小型软件开发公司以及业余开发者 我们采用第二个版本来介绍ASP NET网页设计和网站开发方法 1 2VS2005介绍 ASP NET的主要功能 设计Web窗体样式表母版页数据库访问用户控件XMLWebService网站生成与发布 1 3ASP NET的处理方式 采用B S模式 1 4开发ASP NETWeb应用程序的一般流程 例 1 4开发ASP NETWeb应用程序的一般流程 发布一个实际的网站 例 第二讲ASP NET控件及应用 HTML控件及HTML服务器控件标准Web服务器控件服务器数据验证控件用户控件 2 1HTML控件及HTML服务器控件 例2 1 HTML控件HTML服务器控件 在HTML控件的基础上加上runat server 2 2标准Web服务器控件 LableTextBoxDropDownListListBoxImageCheckBox CheckBoxListRadioButton RadioButtonListCalendarButton LinkButton ImageButtonHyperLinkTablePanel 标准Web服务器控件共有属性 Arrtibutes 附加属性 编程时使用BackColor BorderColor 背景色和边框色BorderWidth BorderStyle 边框宽度和样式CssClass 分配给该组件的CSS类Style 文本属性集合Enabled 是否被禁用Font 字体ForeColor 前景色Height Width 高和宽TabIndex Tab顺序ToolTip 工具提示文本 2 2标准Web服务器控件 按钮控件 例2 1 ButtonImageButtonLinkButton 2 2标准Web服务器控件 文本控件 例2 2 LableTextBox 2 2标准Web服务器控件 选择控件 例2 3 RadioButton与RadioButtonListCheckBox与CheckBoxList 2 2标准Web服务器控件 列表选择控件 例2 4 ListBoxDropDownList 2 2标准Web服务器控件 图片有关控件 Image 例2 5 ImageMap 例2 6 2 3服务器数据验证控件 例2 7 ReguiredFieldValidator必需项检查控件RangeValidator范围验证控件CompareValidator比较验证控件RegularExpressionValidate正则表达式验证控件 模式匹配 ValidationSummary验证总结控件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区别 Response Redirect使浏览器链接到一个指定的URL 重定向操作发生在客户端 共涉及两次与服务器的通信 两个来回 第一次是对原始页面的请求 得到一个应答 第二次是请求应答中声明的新页面 得到重定向之后的页面 3 1页面切换 Response Redirect与Server Transfer区别 Server Transfer方法直接在服务器端把执行流程从当前的网页转到同一个应用程序的另一个网页 调用Server Transfer方法时 当前的页面终止执行 然后将执行流程转入另一个页面 但新的页面仍使用前一页面创建的应答流 3 2网页间的数据传递 使用QueryString传递数据 例3 2 利用Session对象传递或共享数据 例3 3 利用PreviousPage属性获取数据 例3 3 3 3站点导航 1 使用站点地图描述站点的逻辑结构 添加或移除页面时 开发人员可以简单地通过修改站点地图来管理页导航 2 提供导航控件在网页上显示导航菜单 导航菜单以站点地图为基础 3 可以以代码方式使用ASP NET站点导航 以创建自定义导航控件或修改在导航菜单中显示的信息的位置 3 3站点导航 例3 4 站点地图和SiteMapPath控件利用Menu控件实现自定义导航利用TreeView控件实现自定义导航 第四讲ASP NET状态管理 4 1页面管理4 2状态管理4 3ASP NET配置管理 4 1页面管理 页面处理机制循环 1 用户通过客户端浏览器请求页面 页面第一次运行 2 页面将标记动态呈现到浏览器 浏览器对标记进行解析并显示 3 用户操作页面 4 页面发送到Web服务器 回发 5 服务器执行后台代码指定的操作 6 服务器将执行操作后的页面以HTML或XHTML标记的形式发送到客户端浏览器 4 1页面管理 数据提交方式 HTTPGET和HTTPPOST 例3 5 其中HTTPGET是把数据用显式方式进行提交 而HTTPPOST则是把数据用隐式方式进行提交 1 GET方式通过URL请求来传递用户的数据 它将表单内各字段名称与其内容 以字符串的形式放在URL的后面 如果URL后有参数 该URL和其后面的参数信息也会在浏览器的地址栏中显示 例如 4 1页面管理 数据提交方式 2 GET方式需要使用Request QueryString方法来取得传递的数据值 而POST方式通过Request Form来访问提交的内容 3 GET方式传输的数据量非常小 一般限制在2KB左右 但是执行效率却比POST方式高 而POST方式传递的数据量相对较大 它是等待服务器来读取数据 不过也有容量限制 这是为了避免用大量数据对服务器进行恶意攻击 4 1页面管理 数据提交方式 4 1页面管理 页面生存周期 页请求 页请求发生在页生命周期开始之前 开始 在开始阶段 将设置页属性 页初始化 加载 验证 回发事件处理 呈现 卸载 4 2状态管理 4 2 1ViewState对象4 2 2Application对象与Session对象4 2 3Cookie对象4 2 4其他状态管理对象控件状态隐藏域查询字符串配置文件属性 4 2 1ViewState对象 例4 2 视图状态 ASP NET页框架默认情况下用于保存往返过程之间的页面信息以及控件值的方法 当呈现页的HTML形式时 需要在回发过程中保留的页的当前状态和值将被序列化为Base64编码的字符串 并输出到视图状态的隐藏字段中 4 2 1ViewState对象 例4 2 程序员可以通过使用页面的ViewState属性将往返过程中的数据保存到Web服务器端 然后利用自己的代码访问视图状态 ViewState属性是一个包含密钥 值对 其中包含视图状态数据 的字典 4 2 2Application对象与Session对象 例4 2 一个虚拟目录下的所有ASP NET文件构成一个Web应用程序 多个客户可通过浏览器同时访问同一个Web应用程序 为了让所有用户共享一些数据信息 可以依靠Application对象 换句话说 利用Application对象可以定义类似于所有用户公用的全局对象 由于Application对象是同一个虚拟目录下的所有 aspx文件共有的 所以对其进行操作时 需要先进行锁定 操作完成后再解除锁定 4 2 2Application对象与Session对象例4 2 如何区分不同的浏览器客户呢 可以通过Session对象实现 当不同的浏览器客户访问服务器应用程序时 服务器会分别为每一个客户分配一段内存空间用于保存不同用户的数据信息 即每一个客户都可以有自己的Session 定义与使用Session的方法也很简单 例如 Session online true Session counter int Session counter 1 关于Global asax文件 习题3 ASP NET应用程序文件 该文件是一个可选的文件 它包含响应ASP NET或HTTP模块所引发的应用程序级别和会话级别事件的代码 不是必需的 希望处理应用程序事件或会话事件时才需要 Global asax文件常用事件 Application start事件 第一个客户首次请求页面时触发 Session start事件 每个客户首次请求页面时触发 Application End事件 在关闭应用程序或者每个客户在规定时间内没有提出请求时触发 Session End事件 在关闭应用程序或者每个客户在规定时间内没有提出请求时触发 4 2 3Cookie对象 Cookie是一小段文本信息 提供了一种存储用户特定信息的方法 伴随着用户请求和页面在Web服务器和浏览器之间传递 例4 3 4 2 4其他状态管理对象 例4 4 控件状态隐藏域查询字符串配置文件属性 第五讲ADO net及与ASP NET数据访问 ADO NET与ASP NET数据访问基础知识ASP NET数据源控件ASP NET数据绑定控件 5 1ADO NET与ASP NET数据访问基础知识 5 1ADO NET与ASP NET数据访问基础知识 5 1ADO NET与ASP NET数据访问基础知识 1 Connection对象主要用于建立与数据源的连接 在ASP NET2 0的Web项目中 可以自动保存 用数据源控件或数据绑定控件的配置数据源向导选择一个实际的数据源 完成之后 在项目的Web config中会自动保存与该数据源的连接字符串 5 1ADO NET与ASP NET数据访问基础知识 2 Command对象Command对象可完成对数据库的定义 修改以及数据查询 通俗点说就是用来对数据库发出一些命令 像查询 新增 修改 和删除数据等 它是基于Connection对象的 它是通过连接到数据源的Connection对象来传递命令的 Connection连接到哪个数据源 Command对象就对哪个数据源传递命令 5 1ADO NET与ASP NET数据访问基础知识 3 DataReader对象主要用于按顺序读取数据源中的数据 不作其他操作 使用起来不但节省资源而且效率很高 也不需要数据回传 从而有效地降低了网络负载 4 DataAdapter对象主要用于将数据源中的数据填充到DataSet 或者更新数据源中的数据 5 1ADO NET与ASP NET数据访问基础知识 DataSet数据集 是支持ADO NET的断开式 分布式数据方案的核心对象 用于在内存中缓存各种数据源中的数据 以供应用程序调用适合于不同类型平台间的数据传输 包含一个或多个数据表 DataTable 以及表的约束 索引和表之间的关系 5 1ADO NET与ASP NET数据访问基础知识 DataSet数据模型 5 2ASP NET数据源控件 ASP NET2 0新增了几个独特的数据访问控件 用于为数据绑定控件构造一个公共接口框架 它们就是数据源对象 SqlDataSource控件XmlDataSource控件ObjectDataSource控件AccessDataSource控件 5 2ASP NET数据源控件 SqlDataSource控件 SqlDataSource控件 例5 1 用于访问SQL关系数据库中的数据 可以与其他数据绑定控件一起使用 开发人员用极少代码甚至不用代码 就可以在ASP NET网页上显示和操作数据 5 2ASP NET数据源控件 AccessDataSource控件 用于检索MicrosoftAccess数据库 mdb文件 中的数据 然后在与之绑定的数据绑定控件中显示数据 如GridView FormView和DetailsView控件 AccessDataSource控件继承了SqlDataSource类 并用DataFile属性替换了ConnectionString属性 这样更便于连接到MicrosoftAccess数据库 5 2ASP NET数据源控件 XmlDataSource控件 XmlDataSource控件可以从文件 URL或包含XML内容的字符串中加载XML数据 并将其绑定到数据绑定控件 能显示分层数据和表格数据 即是一种层次性数据源又是一种表格式数据源 5 2ASP NET数据源控件 ObjectDataSource控件 ObjectDataSource控件在三层架构系统中 可以使用 它通过一种将表示层的数据控件绑定到中间层业务对象的方法 为三层架构提供支持 在不使用扩展代码的情况下 ObjectDataSource使用中间层业务对象以声明方式对数据执行选择 插入 更新 删除 分页 排序 缓存和筛选操作 5 3ASP NET数据绑定控件 绑定标准控件GridView控件DetailsView控件FormView控件 5 3ASP NET数据绑定控件 标准控件 绑定标准控件DropDownList控件图片相关控件 5 3ASP NET数据绑定控件 GridView控件 GridView控件的主要作用是通过数据源控件自动绑定数据 然后按照数据源中的一行显示为输出表中的一行的规则将数据显示出来 5 3ASP NET数据绑定控件 DetailsView控件 DetailsView服务器控件用于显示显示 编辑 插入或删除一条与它相关联数据源中一条记录 将记录的每个字段显示在它自己的一行内 它通常用于更新和插入新记录 该控件一次仅显示一条数据记录 5 3ASP NET数据绑定控件 FormView控件 FormView控件可以绑定到数据源控件上或者绑定到其他形式的数据源上 实现自动更新 删除 插入和分页等功能 第六讲母板页与内容页 第七讲XML及其应用 XML ExtensibleMarkupLanguage 可扩展标记语言 是定义基于语义的 具有层次结构标记的一种数据描述语言 简单地讲 它是一种结构化的 使用文本格式存储的一种数据描述 也就是说 可以将数据表示为具有层次结构的结构化文本形式 由于任何平台都支持文本 所以把数据转换为文本就可以达到跨平台传递数据的功能 从而轻松完成不同平台之间的数据共享 也不会被防火墙拒之门外 第七讲XML及其应用 张三25李四36 第七讲XML及其应用 第七讲XML及其应用