第2章 ASP网站结构

1、 2.1.1 网站文件类型网站文件类型 *.aspx：ASP.NET网页文件，包含了用户界面的代码。网页文件，包含了用户界面的代码。 *.cs：采用代码隐藏页模型设计网页时的代码隐藏文件。如选择：采用代码隐藏页模型设计网页时的代码隐藏文件。如选择C# 作为开发语言，就产生作为开发语言，就产生 .cs文件。文件。 *ascx：开发人员自己设计的：开发人员自己设计的ASP.NET用户控件。用户控件。 Web.config：ASP.NET应用程序的基于应用程序的基于XML格式的配置文件。包含格式的配置文件。包含 各种各种ASP.NET功能的配置信息，如数据库连接、安全设置、状态管功能的配置信息，如数

2、据库连接、安全设置、状态管 理等。理等。 global.asax：全局应用程序文件。该文件驻留在：全局应用程序文件。该文件驻留在ASP.NET网站的根网站的根 目录下。目录下。 *.asmx文件文件：为其他计算机提供共享应用程序的：为其他计算机提供共享应用程序的Web服务。服务。 *.skin文件文件：外观文件，用于设置主题。：外观文件，用于设置主题。 *.css文件文件：样式表文件。：样式表文件。 *.master：母版页文件。：母版页文件。 2.1.2 网站的目录结构网站的目录结构 App_Data目录目录：用于存放应用程序使用的数据库。它是一个集中：用于存放应用程序使用的数据库。它是一个

3、集中 存储应用程序所用数据库的地方。存储应用程序所用数据库的地方。App_Data目录可以包含目录可以包含SQL Server数据库文件（数据库文件（.mdf）、）、Access数据库文件（数据库文件（.mdb）或）或XML 文件等。文件等。 App_Code 目录目录：用于存放所有应当作为应用程序的一部分动态编：用于存放所有应当作为应用程序的一部分动态编 译的类文件。在开发网站时，对译的类文件。在开发网站时，对App_Code目录的更改会导致整个目录的更改会导致整个 应用程序的重新编译。应用程序的重新编译。 Bin目录目录：包含应用程序所需的、用于控件、组件或者需要引用的：包含应用程序所需的

4、、用于控件、组件或者需要引用的 任何其他代码的可部署程序集。该目录中存在的任何任何其他代码的可部署程序集。该目录中存在的任何.dll文件将自文件将自 动地链接到应用程序。动地链接到应用程序。 App_Themes目录目录：用于存放主题文件和：用于存放主题文件和CSS文件等。文件等。 App_GlobalResources目录目录：用于存放系统资源文件。资源文件是：用于存放系统资源文件。资源文件是 一些字符串表，当应用程序需要根据某些事情进行修改时，资源一些字符串表，当应用程序需要根据某些事情进行修改时，资源 文件可用于这些应用程序的数据字典。除了字符串之外，还可以文件可用于这些应用程序的数据字

5、典。除了字符串之外，还可以 在资源文件中添加图像和其他文件。在资源文件中添加图像和其他文件。 2.1.3 aspx网页的结构网页的结构 每个每个aspx网页文件一般包含网页文件一般包含3个独立部分：个独立部分： 页面指令页面指令 代码脚本块代码脚本块 页面内容页面内容 页面指令是用来定义页面指令是用来定义ASP.NET网页分析器和编译器使网页分析器和编译器使 用该网页的一些设置。用该网页的一些设置。 这些指令允许用户为相应页指定页面属性和配置信息，这些指令允许用户为相应页指定页面属性和配置信息， 是由是由ASP.NET用作处理页面的指令，但不作为发送到浏览用作处理页面的指令，但不作为发送到浏览

6、 器的标记的一部分呈现。器的标记的一部分呈现。 1. Page指令指令 该指令允许开发人员为网页指定多个配置选项，并且该指该指令允许开发人员为网页指定多个配置选项，并且该指 令只能在令只能在Web窗体网页中使用。每个窗体网页中使用。每个.aspx文件只能包含一条文件只能包含一条 Page指令。其基本格式如下：指令。其基本格式如下： AutoEventWireup：指示页面的事件是否自动绑定。如果启用：指示页面的事件是否自动绑定。如果启用 了事件自动绑定，则为了事件自动绑定，则为true（默认值）；否则为（默认值）；否则为false。 CodeFile：指定指向页面引用的代码隐藏文件的路径。：指

7、定指向页面引用的代码隐藏文件的路径。 CodePage：指示用于响应的编码方案的值，该值是一个用做编：指示用于响应的编码方案的值，该值是一个用做编 码方案码方案ID的整数。的整数。 常用属性：常用属性： 例如，第例如，第1章例章例1.1中中WebForm1.aspx网页文件的如下内容就网页文件的如下内容就 是页面指令：是页面指令： 作用：指定作用：指定ASP.NET网页编译器使用网页编译器使用C#作为网页的服务作为网页的服务 器端代码语言，自动绑定网页的事件，该网页代码隐藏文件为器端代码语言，自动绑定网页的事件，该网页代码隐藏文件为 WebForm1.aspx.cs，供页面继承的代码隐藏类为，

8、供页面继承的代码隐藏类为WebForm1。 2. Import指令指令 该指令将命名空间显式地导入到网页中，使所导入的命该指令将命名空间显式地导入到网页中，使所导入的命 名空间的所有类和接口可用于该网页。名空间的所有类和接口可用于该网页。 其基本格式如下：其基本格式如下： Import指令不能有多个指令不能有多个namespace属性。若要导入多个属性。若要导入多个 命名空间，需要使用多条命名空间，需要使用多条 Import指令来实现。指令来实现。 3. Control指令指令 Control指令与指令与Page指令基本相似，用于用户控件中。指令基本相似，用于用户控件中。 4. Master指

9、令指令 该指令只能在母版页的该指令只能在母版页的.master文件中使用，用于标识文件中使用，用于标识 ASP.NET母版页。每个母版页。每个.master文件只能包含一条文件只能包含一条Master 指令。其基本格式如下：指令。其基本格式如下： 5. Implements 该指令用来定义要在网页或用户控件中实现的接口。该指令用来定义要在网页或用户控件中实现的接口。 其基本格式如下：其基本格式如下： interface属性用来指定要在网页或用户控件中实现的接口属性用来指定要在网页或用户控件中实现的接口 6. Reference 该指令以声明的方式将网页、用户控件或该指令以声明的方式将网页、用户

10、控件或COM控件连接控件连接 至目前的网页或用户控件。其基本格式如下：至目前的网页或用户控件。其基本格式如下： 例如，使用例如，使用 Reference指令链接用户控件指令链接用户控件MyControl.ascx， 对应的代码如下：对应的代码如下： 7. OutputCache 该指令用于以声明的方式控制该指令用于以声明的方式控制ASP.NET网页或网页中网页或网页中 包含的用户控件的输出缓存策略。设置网页输出缓存的基本包含的用户控件的输出缓存策略。设置网页输出缓存的基本 格式如下：格式如下： 例如，设置网页或用户控件进行输出缓存的持续时间为例如，设置网页或用户控件进行输出缓存的持续时间为 1

11、00秒。代码如下：秒。代码如下： 8. Assembly 该指令用于在编译时将程序集链接到当前页面，这使得该指令用于在编译时将程序集链接到当前页面，这使得 开发人员可以使用程序集公开的所有类和方法等。开发人员可以使用程序集公开的所有类和方法等。 以下代码使用以下代码使用 Assembly指令链接到指令链接到VB源文件源文件mysource.vb： 2.3.1 代码脚本块代码脚本块 代码脚本块也称为代码声明块，它嵌入在代码脚本块也称为代码声明块，它嵌入在ASP.NET应用应用 程序文件的程序文件的 块中。脚本块的分类如下：块中。脚本块的分类如下： 1. 1. 客户端脚本客户端脚本 客户端脚本可以

12、完成如下功能：客户端脚本可以完成如下功能： 在将某个页面加载至浏览器中时，改变此页面的外观。在将某个页面加载至浏览器中时，改变此页面的外观。 验证用户在窗体中输入的数据，将通过验证的数据发送验证用户在窗体中输入的数据，将通过验证的数据发送 至服务器。至服务器。 当触发按钮的点击事件时，在浏览器中显示相关信息。当触发按钮的点击事件时，在浏览器中显示相关信息。 例如，采用例如，采用JavaScript编写客户端脚本代码的一般格编写客户端脚本代码的一般格 式如下：式如下： javascript脚本代码脚本代码 2. 服务器端脚本服务器端脚本 服务器脚本也是页面的一部分，但它不发送至浏览器，服务器脚本

13、也是页面的一部分，但它不发送至浏览器， 而是在请求页面之后和在回送至浏览器之前由服务器处理这而是在请求页面之后和在回送至浏览器之前由服务器处理这 些脚本。服务器端代码声明块必须具有些脚本。服务器端代码声明块必须具有 runat=server 属性。属性。 服务器脚本的基本格式如下：服务器脚本的基本格式如下： 代码部分代码部分 例如，第例如，第1章中例章中例1.2采用单文件页模型，其服务器脚本采用单文件页模型，其服务器脚本 代码如下：代码如下： protected void Button1_Click(object sender, EventArgs e) Label1.Text = 您单击了按

14、钮您单击了按钮; 2.3.2 ASP.NET网站的编译和预编译网站的编译和预编译 编译给定的编译给定的ASP.NET应用程序文件时，嵌入的代码块应用程序文件时，嵌入的代码块 将随与给定的将随与给定的ASP.NET文件类型关联的特定对象一起编译。文件类型关联的特定对象一起编译。 例如，编译网页时，任何嵌入的代码声明块将随网页例如，编译网页时，任何嵌入的代码声明块将随网页 类一起编译到服务器上的单个网页对象中。类一起编译到服务器上的单个网页对象中。 图图2.2 用户首次请求和以后请求网页的处理过程用户首次请求和以后请求网页的处理过程 ASP.NET在将整个网站提供给用户之前，可以预编译该在将整个网

15、站提供给用户之前，可以预编译该 网站。网站。 预编译网站可以在命令行上使用预编译网站可以在命令行上使用Aspnet_compiler.exe工工 具来实现。具来实现。 采用采用Visual Studio设计设计ASP.NET网页时，表示页面的可网页时，表示页面的可 视元素有视元素有静态元素静态元素和和服务器控件服务器控件。 2.4.1 网页静态元素设计网页静态元素设计 Visual Studio的工具箱提供了的工具箱提供了HTML控件组，如图控件组，如图 2.3所示，其中的控件都是客户端控件。在设计网页时，所示，其中的控件都是客户端控件。在设计网页时， 可以将这些可以将这些HTML控件直接拖放

16、到网页中进行可视化设计。控件直接拖放到网页中进行可视化设计。 在客户端脚本代码设计中常用的有在客户端脚本代码设计中常用的有Document对象和对象和 Element对象等。对象等。 每个载入浏览器的每个载入浏览器的HTML文档都会成为文档都会成为Document对象。对象。 Document对象对象可以从脚本中对可以从脚本中对HTML页面中的所有元素进行访页面中的所有元素进行访 问。其常用的方法如下：问。其常用的方法如下： close()：关闭用：关闭用document.open()方法打开的输出流，并显示选定的数据。方法打开的输出流，并显示选定的数据。 getElementById()：返

17、回对拥有指定：返回对拥有指定id的第一个对象的引用。的第一个对象的引用。 getElementsByName()：返回带有指定名称的对象集合。：返回带有指定名称的对象集合。 getElementsByTagName()：返回带有指定标签名的对象集合。：返回带有指定标签名的对象集合。 open()：打开一个流，以收集来自任何：打开一个流，以收集来自任何document.write()或或 document.writeln()方法的输出。方法的输出。 write()：向文档写：向文档写HTML表达式或表达式或JavaScript代码。代码。 Element对象对象表示表示XML文档中的元素。元素可

18、包含属性、文档中的元素。元素可包含属性、 其他元素或文本。如果元素含有文本，则在文本节点中表示其他元素或文本。如果元素含有文本，则在文本节点中表示 该文本。其中该文本。其中textContent属性用于设置或返回元素及其后代属性用于设置或返回元素及其后代 的文本内容。的文本内容。 例如，如下代码用于获取网页中例如，如下代码用于获取网页中Label1控件的文本值：控件的文本值： document.getElementById(Label1).textContent 【例例2.1】 在在D盘盘ASP.NET目录中建立一个目录中建立一个ch2的子目录，的子目录， 将其作为网站目录，创建一个将其作为网

19、站目录，创建一个WebForm1.html网页，其功能网页，其功能 是说明是说明HTML控件的应用。控件的应用。 解：解：其设计步骤如下：其设计步骤如下： 启动启动Visual Studio 2012。 选择选择“文件文件|新建新建|网站网站”命令，出现命令，出现“新建网站新建网站”对话框，选择对话框，选择 “ASP.NET空网站空网站”模板，选择模板，选择“Web位置位置”为为“文件系统文件系统”，单击，单击 “浏览浏览”按钮，选择按钮，选择“D:ASP.NETch2”目录，单击目录，单击“确定确定”按钮，创按钮，创 建了一个空的网站建了一个空的网站ch2。 选择选择“网站网站|添加新项添加

20、新项”菜单命令，出现菜单命令，出现“添加新项添加新项-ch2”对话框，对话框， 在中间列表中选择在中间列表中选择“Web窗体窗体”，将文件名称改为，将文件名称改为WebForm1.aspx，去，去 掉掉“将代码放在单独的文件中将代码放在单独的文件中”的默认勾选（创建单文件页模型的网的默认勾选（创建单文件页模型的网 页），单击页），单击“添加添加”按钮。按钮。 进入网页的设计视图，该网页的最终设计设计界面如图进入网页的设计视图，该网页的最终设计设计界面如图2.5所示。所示。 进入源视图，修改代码如下：进入源视图，修改代码如下： function count() document.getEleme

21、ntById(Text2).value = document.getElementById(Text1).value.length; .auto-style1 font-family: 楷体楷体; font-weight: bold; font-size: medium; color: #0000FF; #Button1 color: #FF0000; font-size: medium; font-weight: 700; font-family: 黑体黑体; #Text1 width: 205px; #Text2 width: 58px; 学习使用学习使用HTML控件控件(客户端脚本设计客

22、户端脚本设计) 输入：输入： 字符个数：字符个数： 单击工具栏中的单击工具栏中的 按钮运行本网页，在文本框按钮运行本网页，在文本框Text1中输入中输入“China”， 单击单击“单击单击”命令按钮，得到的结果如图命令按钮，得到的结果如图2.6所示。所示。 本例的几点说明如下：本例的几点说明如下： javascript脚本代码是客户端代码，服务器直接将其发送到客户端，它脚本代码是客户端代码，服务器直接将其发送到客户端，它 是在客户端浏览器中运行的。是在客户端浏览器中运行的。 如果在如果在中添加中添加runat=server，就会变成服务器脚本，服务器，就会变成服务器脚本，服务器 脚本是在服务器

23、端运行的，而脚本是在服务器端运行的，而Text2等等HTML元素是在客户端浏览器中元素是在客户端浏览器中 呈现的，服务器并不处理呈现的，服务器并不处理Text2，所以改为服务器脚本后出现，所以改为服务器脚本后出现Text2没有没有 定义的出错消息。定义的出错消息。 本例中本例中Text1、Text2和和Button1等等HTML控件的代码中都没有控件的代码中都没有 runat=server，表示它们都是客户端元素。如果使用：，表示它们都是客户端元素。如果使用： Text2.Value = Text1.Value.Length; 同样出现同样出现Text2等没有定义的错误。等没有定义的错误。 2

24、.4.2 ASP.NET服务器控件服务器控件 ASP.NET服务器控件分为服务器控件分为3类：类： HTML服务器控件服务器控件 Web标准服务器控件标准服务器控件 其他服务器控件其他服务器控件 1. HTML服务器控件服务器控件 默认情况下，默认情况下，ASP.NET文件中的文件中的HTML元素作为文本进元素作为文本进 行处理，并且不能在服务器端代码中引用这些元素。若要使行处理，并且不能在服务器端代码中引用这些元素。若要使 这些元素能以编程方式进行访问，可以通过添加属性：这些元素能以编程方式进行访问，可以通过添加属性： runat=server 表明应将表明应将HTML元素作为服务器控件进行

25、处理。还需要元素作为服务器控件进行处理。还需要 设置元素的设置元素的id属性，使可以通过编程方式引用控件。属性，使可以通过编程方式引用控件。 HTML控件转换为服务器控件后，控件的事件在服务器控件转换为服务器控件后，控件的事件在服务器 中处理，对应的事件名称也会发生变化。中处理，对应的事件名称也会发生变化。 例如，命令按钮例如，命令按钮Button包含包含onServerClick属性，而不是属性，而不是 常规常规HTML中使用的中使用的onClick属性。就是告诉服务器当命令按属性。就是告诉服务器当命令按 钮的单击事件发生时，应调用的事件处理过程是钮的单击事件发生时，应调用的事件处理过程是“

26、命令按钮命令按钮 id_ServerClick”。若希望控件在客户端处理事件，则应使用。若希望控件在客户端处理事件，则应使用 传统的传统的onClick属性。在这时必须提供客户端脚本来处理事件，属性。在这时必须提供客户端脚本来处理事件， 系统会首先执行客户端代码，然后再执行服务器代码。系统会首先执行客户端代码，然后再执行服务器代码。 【例例2.2】在在ch2网站中设计一个网页网站中设计一个网页WebForm2，说明，说明 HTML服务器控件的应用。服务器控件的应用。 解：解：其设计步骤如下：其设计步骤如下： 打开打开ch2网站，选择网站，选择“网站网站|添加新项添加新项”菜单命令，出现菜单命令

27、，出现 “添加添加 新项新项-ch2”对话框，在中间列表中选择对话框，在中间列表中选择“Web窗体窗体”，将文件名称改为，将文件名称改为 WebForm2.aspx，去掉，去掉“将代码放在单独的文件中将代码放在单独的文件中”的默认勾选（创建的默认勾选（创建 单文件页模型的网页），单击单文件页模型的网页），单击“添加添加”按钮。按钮。 该网页的设计界面如图该网页的设计界面如图2.7所示，其中包含两个所示，其中包含两个input(Text)HTML 控件（控件（id为为TextBox1和和TextBox2）和一个）和一个input(Button) HTML控件控件 Button1。 进入源视图，设

28、计对应的代码如下（其中红字是增加部分）：进入源视图，设计对应的代码如下（其中红字是增加部分）： protected void Button1_ServerClick(object sender, EventArgs e) Text2.Value = 您输入的是：您输入的是： + Text1.Value; .auto-style1 font-family: 楷体楷体; font-weight: bold; font-size: medium; color: #0000FF; #Text1 width: 72px; #Button1 color: #FF0000; font-size: medium; font-weight: 700; font-family: 黑体黑体; 学习使用学习使用HTML服务器控件服务器控件 输入：输入： 单击工具栏中的单击工具栏中的 按钮运行本网页，在输入文本框中输入按钮运行本网页，在输入文本框中输入“China”， 单击单击“单击