ASPNET动态网站设计ppt课件.ppt

单元2搭建ASP.NET开发环境,学习目标,【知识目标】掌握IIS的安装与配置掌握虚拟目录的设置掌握Visual Studio 2010的安装熟悉ASP.NET集成开发环境的应用【技能目标】能搭建ASP.NET项目的开发环境能熟练使用ASP.NET集成开发环境学会编写简单的ASP.NET程序,学习导航,图2-1本单元教学导航,任务2-1 安装Visual Studio 2010 集成开发环境,ASP.NET的设计初衷是解决ASP程序开发的“复杂”、“烦琐”等问题。ASP.NET彻底抛弃了脚本语言，而使用编译式语言，为开发者提供更加强有力的编程资源，允许用服务器端控件取代传统的HTML元素并充分支持事件驱动机制。ASP.NET是建立在.NET Framework的公共语言运行库上的编程框架，可用于在服务器上生成功能强大的Web应用程序。与ASP相比，ASP.NET具有以下优点。(1)支持多语言开发(2)代码分离(3)增强的性能,2.1.1 ASP.NET简介,任务2-1 安装Visual Studio 2010 集成开发环境,1.运行Setup.exe程序文件,2.1.2 安装Visual Studio 2010,图2-2 Visual Studio 2010软件安装界面,任务2-1 安装Visual Studio 2010 集成开发环境,2安装向导,2.1.2 安装Visual Studio 2010,图2-3 Visual Studio 2010软件安装向导界面,任务2-1 安装Visual Studio 2010 集成开发环境,3选项页,2.1.2 安装Visual Studio 2010,图2-4 安装程序选项页,任务2-1 安装Visual Studio 2010 集成开发环境,4选择要安装的功能,2.1.2 安装Visual Studio 2010,图2-5 选择要安装的功能,任务2-1 安装Visual Studio 2010 集成开发环境,4选择要安装的功能,2.1.2 安装Visual Studio 2010,图2-6 安装程序安装页,任务2-1 安装Visual Studio 2010 集成开发环境,4选择要安装的功能,2.1.2 安装Visual Studio 2010,图2-7 安装完成页,任务2-1 安装Visual Studio 2010 集成开发环境,5启动Visual Studio 2010,2.1.2 安装Visual Studio 2010,图2-8 Visual Studio 2010主界面,任务2-1 安装Visual Studio 2010 集成开发环境,本节首先介绍Label控件。,2.1.3 ASP.NET的服务器控件简介,图2-9 工具箱中的Web控件,任务2-2架设Web程序的运行环境,IIS（Internet Information Server）为Internet 信息服务器的简写，通常称之为Web服务器。IIS是一个功能强大的Internet信息服务系统，是Windows服务器操作系统中集成的最重要的Web技术。1安装IIS服务器（1）将Windows XP操作系统光盘放到光盘驱动器中。（2）依次选择【开始】|【设置】|【控制面板】命令，打开【控制面板】窗口，双击【添加删除程序】图标，打开“添加或删除程序”窗口，如图2-10所示。,2.2.1 安装与配置IIS,任务2-2架设Web程序的运行环境,2.2.1 安装与配置IIS,图2-10“添加或删除程序”窗口,任务2-2架设Web程序的运行环境,（3）在“添加或删除程序”对话框中，单击左侧的【添加/删除Windows组件】图标打开“Windows组件向导”对话框，如图2-11所示。,2.2.1 安装与配置IIS,图2-11“Windows组件向导”对话框,任务2-2架设Web程序的运行环境,（4）在“Windows组件向导”对话框中，选中【Internet 信息服务(IIS)】复选框，然后单击【详细信息】按钮，打开“Internet 信息服务(IIS)”对话框，如图2-12所示。,2.2.1 安装与配置IIS,图2-12“Internet 信息服务(IIS)”对话框,任务2-2架设Web程序的运行环境,（5）单击【确定】按钮返回到“Windows组件向导”对话框，再单击【下一步】按钮开始安装IIS服务器。如图2-13所示。（6）单击“完成”按钮，完成IIS信息服务的安装。,2.2.1 安装与配置IIS,图2-13“正在配置组件”窗口,任务2-2架设Web程序的运行环境,2配置IIS服务器(1)选择【开始】|【设置】|【控制面板】|【管理工具】|【Internet 信息服务】选项，打开“Internet 信息服务”窗口，如图2-14所示。,2.2.1 安装与配置IIS,图2-14“Internet 信息服务”对话框,任务2-2架设Web程序的运行环境,(2)单击左边窗格中的折叠符号“”，展开折叠项目如图2-15所示。,2.2.1 安装与配置IIS,图2-15 展开的“Internet 信息服务”对话框,任务2-2架设Web程序的运行环境,(3)在“Internet 信息服务”窗口中，右击【默认网站】图标，在打开的快捷菜单中选择【属性】命令，打开“默认网站 属性”对话框，如图2-16所示。,2.2.1 安装与配置IIS,图2-16“默认网站 属性”对话框,任务2-2架设Web程序的运行环境,(4)设置IP地址与TCP端口 在“默认网站 属性”对话框的【网站】选项卡中，可以设置服务器的IP地址和TCP端口，IP地址是用来访问此服务器的地址，一般采用默认值；TCP端口默认值为80，可以通过使用不同的端口在同一个IIS服务器上配置多个项目。(5)设置主目录,2.2.1 安装与配置IIS,图2-17“默认网站属性”对话框的【主目录】选项卡,任务2-2架设Web程序的运行环境,(6)设置默认文档,2.2.1 安装与配置IIS,图2-18“默认网站 属性”对话框的【文档】选项卡,任务2-2架设Web程序的运行环境,(7)设置目录安全性,2.2.1 安装与配置IIS,图2-19“默认网站 属性”对话框的【目录安全性】选项卡,任务2-2架设Web程序的运行环境,(7)设置目录安全性,2.2.1 安装与配置IIS,图2-20“身份验证方法”对话框,任务2-2架设Web程序的运行环境,（8）设置ASP.NET的版本（9）单击【确定】按钮，完成IIS的配置。,2.2.1 安装与配置IIS,图2-21设置ASP.NET版本对话框,任务2-2架设Web程序的运行环境,下面介绍一种常用的设置虚拟目录的方法。首先选择Web项目所在的文件夹，然后右击文件夹，在打开的快捷菜单中选择【共享和安全】命令或者选择【属性】命令打开【属性】对话框，切换到【Web共享】选项卡，打开“属性”对话框，如图2-22所示。,2.2.2设置虚拟目录,图2-22“属性”对话框的【Web共享】选项卡,任务2-2架设Web程序的运行环境,在“属性”对话框的【Web共享】选项卡中选择【共享文件夹】单选按钮，单击【添加】按钮，打开“编辑别名”对话框，如图2-23所示。,2.2.2设置虚拟目录,图2-23“编辑别名”对话框,任务2-2架设Web程序的运行环境,.NET Framework是微软提供的一个框架结构，也是支持Web应用程序运行的关键组件之一。1安装Microsoft.NET Framework SDK v4.0运行从微软件网站下载的安装文件，如图2-24所示，接下来的步骤按默认选项进行安装。,2.2.3安装.NET Framework,图2-24 安装.NET Framework,任务2-2架设Web程序的运行环境,2Microsoft Visual Studio 2010介绍（1）主窗口启动Microsoft Visual Studio 2010之后，首先出现主窗口，如图2-25所示。主窗口是主要的工作界面。,2.2.3安装.NET Framework,图2-25 Microsoft Visual Studio 2010主窗口,任务2-2架设Web程序的运行环境,（2）工具箱Microsoft Visual Studio 2010的窗口左侧有一个隐藏的工具箱，当用户将鼠标停留在工具箱标签上时，会向中间展出一个“工具箱”窗口，如图2-26所示。,2.2.3安装.NET Framework,图2-26“工具箱”窗口,任务2-2架设Web程序的运行环境,（3）解决方案资源管理器在主窗口的右侧有一个隐藏的“解决方案资源管理器”窗口，如图2-27所示。,2.2.3安装.NET Framework,图2-27“解决方案资源管理器”窗口,任务2-2架设Web程序的运行环境,（4）属性窗口属性窗口如图2-28所示。,2.2.3安装.NET Framework,图2-28“属性”窗口,任务2-2架设Web程序的运行环境,（5）窗体设计器如图2-29所示。,2.2.3安装.NET Framework,图2-29窗体设计器,任务2-3 创建基于C#的Web应用程序的基本步骤,具体操作步骤如下。（1）选择【开始】【程序】【Microsoft Visual Studio 2010】【Microsoft Visual Studio 2010】命令，启动Microsoft Visual Studio 2010，进入.NET集成开发环境。（2）选择【文件】|【新建】|【网站】命令，打开“新建网站”对话框，如图2-30所示。,2.3.1 创建Web项目,图2-30“新建网站”,任务2-3 创建基于C#的Web应用程序的基本步骤,（3）在“新建网站”对话框中，【模板】列表中选择“Visual C#”；中间区域的位置中选择“ASP.NET网站”，单击【浏览】按钮，选择要存放网站的位置并输入网站名，这里假设网站存放在E：盘根目录下，网站名为“first_Web”。单击【确定】，创建网站，打开新建网站的“源”视图界面，如图2-31所示。,2.3.1 创建Web项目,图2-31 新建网站的“源”视图界面,任务2-3 创建基于C#的Web应用程序的基本步骤,下面将介绍如何创建一个新的Web窗体。（1）在“解决方案资源管理器”中，右击“网站名”节点，弹出快捷菜单，选择【添加新项】选项，如图2-32所示。,2.3.2创建Web窗体,图2-32“添加新项”,任务2-3 创建基于C#的Web应用程序的基本步骤,（2）在“添加新项”窗口中的“模板”列表中选择“Visual C#”；中间区域的位置中选择“Web窗体”，单击【添加】按钮，并可根据需要重新命名Web窗体名，如图2-33所示。,2.3.2创建Web窗体,图2-33“添加新项”对话框,任务2-3 创建基于C#的Web应用程序的基本步骤,在Web页面中添加一个Label控件，然后设置该控件【Font】中的【Name】属性为“黑体”、【Size】属性为“Larger”、【Bold】属性为“True”，其【Text】属性值为“这是我创建的第一个Web页面”。该Label控件的属性设置面板如图2-34所示。,2.3.3 添加Web控件,图2-34Label控件的属性设置面板,任务2-3 创建基于C#的Web应用程序的基本步骤,1查看前台的HTML代码在图2-34中单击左下角标签“源”，可以查看Web页面的HTML代码，如图2-35所示。同样单击标签，可以切换到页面的设计视图。,2.3.4 编写代码,图2-35Web页面的HTML代码,任务2-3 创建基于C#的Web应用程序的基本步骤,2查看后台代码在如图2-34所示的设计视图区域中双击空白的地方，会显示一个名为first.aspx.cs的文件，如图2-36所示，该文件专门负责处理first.aspx页面的逻辑事务。后台代码即是用编程语言编写的事件代码，其后缀名为.aspx.cs。,2.3.4 编写代码,图2-36Web应用程序的后台代码,任务2-3 创建基于C#的Web应用程序的基本步骤,2.3.5运行程序,Web窗体设计完成之后，可以通过运行程序来查看其最终效果，单击常用工具栏中的【启动】按钮 或按键盘上的【F5】键即可运行程序。运行程序时会提示“未启用调试”信息，出现这种提示信息是因为还没有在Web.Config配置文件中启用调试，所以在首次调试项目时系统会给出提示，如图2-37所示，用户只须单击【确定】按钮。,图2-37系统提示信息,【小结】,