Visual Web应用程序.pptx

第10章 Web应用程序
应用程序概述

是Mirosoft公司推出的新一代建立动态Web应用程序的开发平台,是一种建立动态Web应用程序的新技术。
开发环境
Microsoft Visual Web Developer 2010
标记
1. HTML
HTML(Hyper Text Markup Language)是实际创建Web页面的语言,它使用标记标签来描述网页。
例如“<h2>Hello World</h2>”表示以二级标题的形式将文本“Hello World”呈现在页面上
2. 标记
除了HTML外, Web页面也可能包含其他标记,服务器控件,这些控件的标记与HTML类似。不同的是,标记都是以asp:前缀开头的。例如,中的按钮类似于下面的表示:
<asp:Button ID="Button1" runat="server" Text="OK" />
Web站点
1. 创建Web站点
2. 站点打开和编辑
3. 站点保存和调试
页面设计
页面的基本组成
1、静态文本:类似普通的HTML页面包含的内容。
2、服务器控件:特定标记元素,浏览器不能识别。页面被请求时,这些标记元素会动态地转化标准HTML元素,浏览器就可以正确显示了。
3、指令:以字符“@”开头,分析器或编译器在分析或编译页(包括窗体页和母版页)、用户控件或其他资源文件时,页、指令指定编译器的属性。
4、服务器端代码声明部分:包含了页面对应的应用程序逻辑,所有的公共变量定义,子过程,函数,包含有类似<Script Runat=”server”>的标记。
服务器控件
1、标准:一般的控件,组成大多数的页面,等价于Windows窗体控件,由TextBox、Button、Label、Hyperlink、Image、DropDownList、CheckBox、RadioButton等控件组成。
2、数据:用来连接数据源的控件,数据源可以是来自数据库,也可以是XML文件,包含DataList 、GridView、 ListView等控件。
3、验证:用来添加页面验证用户输入的控件。
4、导航:用来提供简单快速的网站导航的控件。
5、登陆:一组用来简化从开放站点到个性化区域的移动的控件。
6、WebParts: 一组方便用户对网页的各区域布局自由调整的控件。
7、AJAX Extensions: 用于创建无闪烁的Web应用程序,且不需要完整回发就能从客户端中检索服务器上的数据。
8、动态数据:允许在数据库中快速创建用户界面来管理数据。
下面列举一个简单示例演示向页面添加控件和控件事件代码的过程。
(设计过程见教材270页)
创建外观一致的Web站点
在创建Web站点时应该努力使整个站点页面的布局和行为尽可能保持一致。一致性能让站点既显得美观又比较专业,而且有利于访问者浏览站点。Visual Web Developer 2010提供了许多实现一致设计的优秀功能和工具,来帮助建立具有外观一致性的站点。