第13章 Web应用程序设计基础.ppt

13 1Web应用程序开发工具13 2页面设计基础13 3Web应用程序中的常用对象13 4网页切换与网页间数据传递 第13章Web应用程序设计基础 13 1Web应用程序开发工具 在Web应用程序中 对页面的处理有两种方式 一种是服务器响应客户端请求 然后在服务器端处理业务逻辑 处理完成后再将其转变为页面元素发送到客户端 另一种是直接在客户端进行处理 开发Web应用程序需要 C 语言 运行在服务器端 用于处理各种业务逻辑 HTML或者XHTML 靠客户端浏览器解析执行 用于在客户端呈现页面 JavaScript 运行在客户端 靠客户端浏览器解析执行 用于处理一些与页面控制相关的工作 CSS 靠客户端浏览器解析执行 用于控制在客户端呈现的页面元素样式 13 2页面设计基础 13 2 1HTML在ASP NET中 网页的默认扩展名为 aspx 页面中呈现的所有内容都放在标记和之间 每个页面文档都包含首部 head 和主体 body 两部分 主体紧接在首部的后边 13 2 1HTML 基本格式 HTML文档 首部 head 主体 body 首部 由标记和之间的内容构成 用于设置HTML文件的标题 作者等信息 浏览器中不显示 首部中可包含标题标记符title 样式标记符style 脚本语言标记符script等 主体 由标记和之间的内容构成 网页中的所有内容 包括文字 图形 链接以及其他页面元素都包含在该标记符内 13 2 1HTML HTML文档的一般形式为 文档标题这是xhtml文档的主体部分在HTML文档中 标记 和 标记 都是配对使用的 13 2 1HTML 中可以包含属性 一般格式为 标记属性1 值1 属性2 值2 例如 标记之间必须使用空格隔开 属性名和属性值之间用等号隔开 等号左边是属性名称 右边是属性值 表13 1 常用的HTML标记 13 2 1HTML 表格除了可直接在单元格内显示内容 还可将整个页面划分为若干个独立的部分 精确地定位文本 图像或其它元素 表格由行和列组成 行列交叉构成了单元格 如下面代码对应右边的图 第一行第一个单元格第一行第二个单元格在这段代码中 每一个作为一行 每一个作为该行中的一个单元格 13 2 2CSS 层叠样式表简称CSS CascadingStyleSheets 它可以控制网页中一个或多个元素的外观 由于改变样式表中任何一个元素的显示样式 网页中所有与该样式级联的元素都会自动发生改变 因此使用样式表可以减少很多具有相同外观元素的重复设置工作 从而给网页的设计和维护带来了很大的方便 样式是指每一个网页元素呈现在浏览器中的风格 例如 字体的大小 颜色 页面的背景色和背景图等 样式属性与值之间用冒号 分隔 如果一个样式中有多个样式属性 各样式属性之间要用分号 隔开 样式表就是将网页元素的样式定义设计为一个独立的文件 凡是在网页的head部分与该样式表文件建立链接的HTML文件 其页面元素的样式就会按照样式表中的定义显示 样式文件的扩展名为 css 在网页文件中引用该样式文件 只需要在网页的与之间添加如下代码 13 2 3JavaScript JavaScript用于在客户端直接对页面中的元素进行编程控制 因为JavaScript是在客户端运行 所以可以不必依赖于服务器端的程序 JavaScript代码包含在script块中 一般格式如下 JavaScript代码 13 2 3JavaScript 1 响应并处理客户端事件利用JavaScript可以响应鼠标移动 进入某个控件区域 离开某个控件区域等事件 并编写对应的JavaScript事件代码 2 弹出窗口 1 弹出新窗口通过调用window对象的open方法 可以生成一个新窗口 格式如下 window open URL windowName windowFeature 其中 如果open 成功就返回一个新的window对象 否则就返回NULL URL用来指定新打开窗口中的HTML文件的位置 此项也可以为空 windowName是窗口名 windowFeature是用于设置窗口属性的可选参数 项与项之间用逗号分开 各项含义见表13 3 13 2 3JavaScript 2 弹出消息框有如下3种类型的消息框 警告信息框Alert格式 window alert sMessage 功能 弹出一个警告信息框 sMessage是用户输入的警告信息 字符串 选择信息框Confirm格式 window confirm sMessage 功能 弹出一个选择信息框 sMessage是用户输入的信息 该信息框有 确定 和 取消 两个按钮 单击 确定 按钮时 返回true 单击 取消 按钮时 返回false 对话信息框Prompt格式 window prompt sMessage sDefaultValue 功能 弹出一个对话信息框 sMessage是用户输入的提示信息 该信息框中有一个文本输入框 sDefaultValue是文本框中的默认值 该消息框返回用户输入的整数或字符串 13 3Web应用程序中的常用对象 在Web应用程序运行时 ASP NET将维护与当前应用程序 每个用户会话 当前HTTP请求 请求的Web窗体页等有关的信息 ASP NET页框架包含一系列封装此上下文信息的类 在代码中使用这些类的实例访问内部对象 13 3Web应用程序中的常用对象 常用的对象及对应类 13 3 1Response与Request Response对象 用于向客户端发送信息 该对象提供了很多有用的属性和方法 常用有 1 Response Write方法 用于将字符 字符串 字符数组写入HTTP输出内容流 例如 Response Write thisisatest 2 Response WriteFile方法 用于将指定的文件写入HTTP输出内容流 例如 Response WriteFile test txt 3 Response Redirect方法 用于将客户端重定向到新的URL 例如 Response Redirect test aspx 13 3 1Response与Request Request对象 获取请求的页的HttpRequest对象 该对象使ASP NET能够读取客户端在Web请求期间发送的HTTP值 例如 Request Browser Platform客户端使用的操作系统Request Browser Type客户端使用的浏览器类型Request UserHostAddress客户端IP地址 13 3 2Application与Session对象 Application对象是一个应用程序级的对象 它包含的数据可以在整个Web站点中被所有用户使用 并且可以在网站运行期间持久地保存数据 即利用Application对象可以定义类似于所有用户公用的全局变量 由于Application对象被整个网站的所有用户使用 所以对其进行操作时 需要先进行锁定 操作完成后再解除锁定 Application Lock Application counter int Application counter 1 Application UnLock 13 3 2Application与Session对象 Session对象可以用来区分不同的浏览器客户 当不同的浏览器客户访问服务器应用程序时 服务器会分别为其分配一段内存空间用于保存不同用户的数据信息 即每一个客户都可以有自己的Session 定义与使用Session的方法 Session online true Session counter int Session counter 1 13 4网页的切换与数据传递 常用有下面几种切换网页的方法 1 利用超链接切换到新网页 例如 使用HyperLink控件直接链接到其他网页 2 利用跨页发送切换到新网页 3 使用Response Redirect方法切换到新的网页 跨页发送和Response Redirect方法均不限于同一个Web应用程序 也不限于 aspx网页 只要是存在的文件都可以 如 rar文件等 如果不是HTML网页 浏览器会显示相应的对话框 供用户选择是直接打开还是保存到磁盘上 13 4 2网页间的数据传递 1 使用QueryString传递数据在切换到另一个网页时直接在网页的URL后加传递的参数 第一个参数前用 和网页名分隔 参数之间用 分隔 每个参数的形式为 变量名 值 而在另一个网页中使用Request QueryString stringName 接收传递的参数 利用PreviousPage属性获取数据 2 利用PreviousPage属性获取数据如果两个网页属于同一个应用程序 目标网页可以使用 PreviousPage 属性来获取源网页中的公共属性或者控件值 使用这种方法时 必须在目标网页的 源 视图中添加类似下面的代码 其目的是指明源网页是哪个网页 这行代码中指定源网页是SourcePage aspx 指定以后 在目标页中就可以使用Previou