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