情境二任务WEB开发环境的使用

1、情境二：搭建情境二：搭建WebWeb开发环境开发环境任务3： Web开发环境的使用主 讲：陈 琴WEB 应应 用 开开 发发ASP.NETASP.NET应用程序应用程序1ASP.NETASP.NET应用程序的构成应用程序的构成2WebWeb网站网站43WebWeb项目项目主要内容学习目标知识目标：知识目标：了解ASP.NET应用程序 掌握ASP.NET应用程序的构成 掌握ASP.NET应用程序的创建方法 掌握ASP.NET应用程序的管理及运行的方法 能力目标：能力目标：能够创建ASP.NET应用程序 能够管理ASP.NET应用程序能够调试运行ASP.NET应用程序技术应用的背景 ASP.NET

2、应用程序是一系列资源和配置的组合，这些资源和配置只在同一个应用程序内共享，而其他应用程序则不能享用这些资源和配置 每个ASP.NET应用程序都运行在一个单独的应用程序域，应用程序域是内存中的独立区域，这样可以确保在同一台服务器上的应用程序不会相互干扰，不至于因为其中一个应用程序发生错误就影响到其他应用程序的正常进行。 熟悉ASP.NET应用程序的创建及运行是开发的前提。 任务描述：创建一个Web网站，完成一个页面的制作，页面效果如下图所示：一、学习任务3 创建第一个程序应用程序的构成应用程序的构成 与传统的桌面程序不同，ASP.NET应用程序被分成很多Web页面，用户可以在不同的入口访问应用程

3、序，也可以通过超链接从一个页面到网站的另一个页面，也可以访问其他的服务器提供的应用程序。 ASP.NET应用程序是一系列资源和配置的组合，这些资源和配置只在同一个应用程序内共享，而其他应用程序则不能享用这些资源和配置 每个ASP.NET应用程序都运行在一个单独的应用程序域，应用程序域是内存中的独立区域，这样可以确保在同一台服务器上的应用程序不会相互干扰，不至于因为其中一个应用程序发生错误就影响到其他应用程序的正常进行。 二、基本知识与技能ASP.NET应用程序的构成应用程序的构成应用程序的构成 （1）文件类型1. .aspx文件 :是ASP.NET Web页面，它们包括用户接口和隐藏代码。 2

4、. .ascx文件 :是用户控件。用户控件同Web页面非常相似，但用户不能接访问用户控件，用户必须内置在Web页面中。3. .asmx文件 ：是ASP.NET Web服务，Web服务提供一个能够通过互联网访问的方法集合。 4. Web.config ：配置文件，它是基于XML的文件，用来实现对ASP.NET应用程序进行配置。5. Global.asax ：全局文件，在全局文件中可以定义全局变量和全局事件。6. .cs文件 ：这些文件是用C#编写的代码隐藏文件，用来实现Web页面的逻辑。 ASP.NET Web应用程序还可以包含其他文件资源，比如图片文件、HTML文件和CSS文件等，但这些文件类

5、型不是ASP.NET Web应用程序所特有的。 二、基本知识与技能ASP.NET应用程序的构成应用程序的构成应用程序的构成 （2）文件夹类型1. Bin ：包含ASP.NET应用程序使用的、编译好的.NET组件(DLLS)。一旦.NET组件放到这个文件夹里，ASP.NET就能够自动检测到这些组件，任何在这个Web应用程序里的页面都能够使用这些组件。 2. App_Code ：包含那些使用在应用程序中动态编译的源文件。 3. App_GlobalResources ：存储全局资源，这些资源能够被Web应用程序中所有的页面访问。 4. App_LocalResources ：存储被特定页面访问的资

6、源。 二、基本知识与技能ASP.NET应用程序的构成1.Web1.Web项目项目 Web项目通俗的说就是在服务器上运行的项目，页面是通过服务器上的程序运算所得到的结果。常见的web项目按计算机语言分，有：Java Web(Java EE)、ASP.Net、PHP项目。 二、基本知识与技能Web项目2. Web2. Web项目的创建项目的创建启动Microsoft Visual Studio 2010 单击主界面上的“新建项目”快捷按钮或选择“文件”|“新建项目”命令，打开“新建项目对话框“。选择“Viusal C#”类型节点，选择“Web”子节点这个模板，选择“ASP.NET 空Web应用程序

7、”，在“名称”文本框中输入项目名称，并在“位置”文本框中输入相应的存储路径，在“解决方案名称”文本框中输入解决方案名称。最后，单击“确定”按钮即可创建一个新的Web项目。二、基本知识与技能Web项目3. Web3. Web项目的管理项目的管理(1)添加新资源 右键单击项目名称，弹出快捷菜单选择“添加”命令，弹出下一级子菜单。分别包括了“新建项”、“现有项”、“新建文件夹”和“添加ASP.NET文件夹”四个命令。二、基本知识与技能Web项目选择“新建项”命令，打开 “添加新项”对话框，选择“已安装模板”下的“Web”模板，并在模板文件列表中选中“Web窗体”，然后在“名称”文本框输入该文件的名称

8、，最后单击“添加”按钮即可向网站项目中添加一个新的文件。3. Web3. Web项目的管理项目的管理(2)编辑Web页面当创建一个新的网站项目之后，就可以利用解决方案资源管理器对网站项目进行管理。可以浏览当前项目所包含的所有的资源(.aspx文件、.aspx.cs文件、图片等)，也可以向项目中添加新的资源，并且可以修改、复制和删除已经存在的资源。解决方案资源管理器如下图所示。二、基本知识与技能Web项目在资源管理器中双击某个要编辑Web页面文件，该页面文件就会在中间的视窗中打开。页面文件编辑视窗分为三个视图：设计视图、拆分视图和源视图。其中，设计视图用来显示设计的效果，并且可以从工具箱中直接把

9、控件放置在设计视图中，工具箱是放置控件的容器，如图所示；拆分视图同时显示设计视图和源视图；源视图显示设计源码，可以在该视图中直接通过编写代码来设计页面。3. Web3. Web项目的管理项目的管理（2）编辑Web页面 属性查看器 在Web页面设计视图下，右键单击某一个控件或页面的任何地方，在弹出的菜单中选择“属性”命令，就会弹出与之对应的属性查看器。在属性查看器中，可以编辑想要修改的属性 。二、基本知识与技能Web项目的管理3. Web3. Web项目的管理项目的管理 （3）编辑后台代码 在Web页面的设计视图下，双击页面的任何地方或者展开页面双击文件.aspx.cs,即可打开隐藏的后台代码文

10、件，在此界面中，开发者可以编写与页面对应的后台逻辑代码。二、基本知识与技能Web项目4. 4. 编辑及运行应用程序编辑及运行应用程序 选择菜单栏上的“生成”|“生成网站”命令，如果生成成功，单击工具栏上的“启动调试”按钮运行程序，浏览器就会显示程序的运行效果。二、基本知识与技能Web项目1. Web1. Web网站的创建网站的创建启动Visual studio 2010,文件新建新建网站，打开新建网站对话框，选择“ASP.NET空网站” ，选择语言模版，选择.net框架版本，选择保存的位置，如下图所示，确定二、基本知识与技能Web网站2. ASP.NET2. ASP.NET网站及网站及ASP.NETASP.NET空网站的区别空网站的区别 ASP.NET空网站模版创建后网站目录下只有一个简单的网站配置文件web.config;而ASP.NET网站提供了ASP.NET Web应用程序中所有的功能，包括基础的身份验证功能，默认网站的项目母板页，默认的css文件site.css,精简了web.config配置文件，只存放站点设置的数据信息，把大部分不需要在网站应用程序中使用的配置设置信息放在了machine.config文件中。二、基本知识与技能Web网站3. Web3. Web网站中添加新项网站中添加新项二、基本知识与技能Web网站三、任务三的实施第一步：文件