单元2　搭建ASP.NET开发环境

单元2搭建ASP.NET开发环境宁云智林东升学习目标【知识目标】 掌握IIS的安装与配置 掌握虚拟目录的设置 掌握VisualStudio2010的安装 熟悉ASP.NET集成开发环境的应用【技能目标】 能搭建ASP.NET项目的开发环境 能熟练使用ASP.NET集成开发环境 学会编写简单的ASP.NET程序学习导航图2-1本单元教学导航任务2-1安装VisualStudio2010集成开发环境ASP.NET的设计初衷是解决ASP程序开发的“复杂”、“烦琐”等问题。ASP.NET彻底抛弃了脚本语言，而使用编译式语言，为开发者提供更加强有力的编程资源，允许用服务器端控件取代传统的HTML元素并充分支持事件驱动机制。ASP.NET是建立在.NETFramework的公共语言运行库上的编程框架，可用于在服务器上生成功能强大的Web应用程序。与ASP相比，ASP.NET具有以下优点。(1) 支持多语言开发(2) 代码分离(3) 增强的性能2.1.1ASP.NET简介任务2-1安装VisualStudio2010集成开发环境1.运行Setup.exe程序文件2.1.2安装VisualStudio2010图2-2VisualStudio2010软件安装界面任务2-1安装VisualStudio2010集成开发环境2．安装向导2.1.2安装VisualStudio2010图2-3VisualStudio2010软件安装向导界面任务2-1安装VisualStudio2010集成开发环境3．选项页2.1.2安装VisualStudio2010图2-4安装程序选项页任务2-1安装VisualStudio2010集成开发环境4．选择要安装的功能2.1.2安装VisualStudio2010图2-5选择要安装的功能任务2-1安装VisualStudio2010集成开发环境4．选择要安装的功能2.1.2安装VisualStudio2010图2-6安装程序安装页任务2-1安装VisualStudio2010集成开发环境4．选择要安装的功能2.1.2安装VisualStudio2010图2-7安装完成页任务2-1安装VisualStudio2010集成开发环境5．启动VisualStudio20102.1.2安装VisualStudio2010图2-8VisualStudio2010主界面任务2-1安装VisualStudio2010集成开发环境ASP.NET的服务器控件主要有：标签控件Label和Literal按钮控件Button、LinkButton和ImageButton文本框控件TextBox图像控件Image超链接控件HyperLink复选框控件CheckBox单选按钮控件RadioButton列表控件DropDownList、ListBox容器类控件Panel，验证控件等2.1.3ASP.NET的服务器控件简介任务2-1安装VisualStudio2010集成开发环境Label控件Label控件用来在Web窗体上显示静态文本，要显示的具体内容通过其Text属性来设置。在Web页面中添加Label控件的操作过程是：在如图2-10所示的工具箱中单击Label控件按钮，按住鼠标左键，将其拖曳到设计区然后释放鼠标左键即可。2.1.3ASP.NET的服务器控件简介图2-10工具箱中的Web控件任务2-2架设Web程序的运行环境VisualStudio2017是微软公司推出的适用于Android、iOS、Windows、Web和云的功能完备型集成开发环境(IDE)。VisualStudio2017不仅支持C#、C++、Python、VisualBasic、Node.js、HTML、JavaScript等各大编程语言，还能开发iOS、Android的移动平台应用，VisualStudio2017甚至还自带了iOS模拟器。2.1.2安装VisualStudio2017任务2-2架设Web程序的运行环境VisualStudio2017细分为三个版本，分别是：社区版（Community）：免费提供给单个开发人员，给予初学者及大部分程序员支持，可以无任何经济负担、合法地使用。专业版：适用于专业用户或者小团体。相比于免费的社区版，有更强大的功能。专业版官方售价539美元/年或者45美元/月。企业版：为正规企业量身定做，能够提供点对点的解决方案，充分满足企业的需求。企业版官方售价2999美元/年或者250美元/月。2.1.2安装VisualStudio2017任务2-2架设Web程序的运行环境1.下载安装VisualStudio2017VisualStudio2017可以通过微软公司官方网站进行下载安装，具体下载网址如下：/zh-hans/downloads/。2.1.2安装VisualStudio2017图2-1VisualStudio2017下载页面任务2-2架设Web程序的运行环境1.下载安装VisualStudio2017

在图2-1的VisualStudio2017的下载页面中提供了社区版、专业版及企业版三个版本的下载路径，点击“社区”版本下方的“免费下载”按钮，出现如图2-2所示的“安装确认”界面，单击“继续”按钮。2.1.2安装VisualStudio2017图2-2安装确认界面任务2-2架设Web程序的运行环境1.下载安装VisualStudio2017

VisualStudio准备完成后，会直接跳到如图2-3所示安装配置选项页面。在VisualStudio2017中摒弃了之前版本的默认安装和自定义安装的选项，全部改为自定义安装，用户完全自主选择需要安装的组件2.1.2安装VisualStudio2017图2-3安装配置选项任务2-2架设Web程序的运行环境1.下载安装VisualStudio2017勾选需要的组件，点击右下角的“安装”按钮，出现如图2-4所示的下载及安装界面。此时会自动从微软VisualStudio官方网站下载VisualStudio2017社区版并自动进行安装。安装完毕后出现如图2-5所示的安装完成界面。2.1.2安装VisualStudio2017图2-4下载及安装任务2-2架设Web程序的运行环境1.下载安装VisualStudio20172.1.2安装VisualStudio2017图2-5安装完成页至此完成了VisualStudio2017社区版的全部安装工作，下面可以启动VisualStudio2017并完成注册。任务2-2架设Web程序的运行环境1.下载安装VisualStudio20172.1.2安装VisualStudio2017图2-6登录页单击【开始】|【所有程序】|【VisualStudio20107】命令，即可运行该软件。首次运行VisualStudio2017，出现如图2-6所示“登录”对话框。社区版可以免费使用30天，如果注册微软账号并登录即可永久免费使用，如图2-7所示。任务2-2架设Web程序的运行环境1.下载安装VisualStudio20172.1.2安装VisualStudio2017图2-7登录成功并进行环境设置单击【开始】|【所有程序】|【VisualStudio20107】命令，即可运行该软件。首次运行VisualStudio2017，出现如图2-6所示“登录”对话框。社区版可以免费使用30天，如果注册微软账号并登录即可永久免费使用，如图2-7所示。任务2-2架设Web程序的运行环境1.下载安装VisualStudio20172.1.2安装VisualStudio2017在图2-7中设置自动环境开发设置为“Web开发”并选择“颜色主题”，点击“启动VisualStudio”按钮，进入如图2-8所示VisualStudio2017集成开发环境主界面，这表示已经成功建立了用于软件开发的集成开发环境(IDE)。任务2-2架设Web程序的运行环境1.下载安装VisualStudio20172.1.2安装VisualStudio2017图2-8VisualStudio2017集成开发环境主界面任务2-2架设Web程序的运行环境1.下载安装VisualStudio20172.1.2安装VisualStudio2017图2-9VisualStudio2017产品授权要永久免费使用VisualStudio2017社区版，除了需要在图2-6中的登录页中使用微软账号登录外，还需要在集成开发环境中进行产品注册。方法如下：在IDE菜单栏中单击【帮助】|【注册产品】命令，即可打开软件注册页，点击“检查更新的许可证”即可完成产品授权过程，如图2-9所示任务2-2架设Web程序的运行环境

IIS（InternetInformationServer）为Internet信息服务器的简写，通常称之为Web服务器。IIS是一个功能强大的Internet信息服务系统，是Windows服务器操作系统中集成的最重要的Web技术。1．安装IIS服务器

(1)将Windows7操作系统光盘放到光盘驱动器中。(2)依次选择【开始】|【控制面板】选项，打开“控制面板”窗口，双击【程序和功能】图标，打开“卸载或更改程序”窗口，如图2-11所示。2.2.1安装与配置IIS任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-11“卸载或更改程序”窗口任务2-2架设Web程序的运行环境

(3)在“卸载或更改程序”窗口中，单击左侧的【打开或关闭Windows功能】图标打开“Windows功能”对话框，如图2-12所示。(4)在“Windows功能”对话框中，选中“Internet信息服务”复选框，然后单击【确定】按钮，完成IIS服务器的安装。2.2.1安装与配置IIS图2-11“Windows组件向导”对话框任务2-2架设Web程序的运行环境2.配置IIS服务器IIS服务器安装完成后，还需要进行一定的设置，这样才能使服务器在最优的环境下运行，配置IIS服务器的具体步骤如下：(1)选择【开始】|【控制面板】|【管理工具】|【Internet信息服务】选项，打开“Internet信息服务（IIS）管理器”窗口，如图2-13所示。2.2.1安装与配置IIS任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-13“Internet信息服务”窗口任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-14展开的“Internet信息服务”窗口(2)单击左边窗格中的折叠符号，展开折叠项目，如图2-14所示。若默认的站点“DefaultWebSite”的最右侧的“管理网站”中“停止”项被选中，则表示此IIS服务器处于停止状态，可以单击【重新启动】按钮，启动IIS服务器，也可右击“默认网站”图标，在打开的快捷菜单中选择“启动”命令来启动。任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-15网站“编辑绑定”窗口(3)要建立一个Web站点，首选需要配置站点的IP地址和TCP端口。IP地址是用来访问此服务器的地址，一般采用默认值；TCP端口默认值为80，可以通过使用不同的端口在同一个IIS服务器上配置多个项目。右击目标站点，如图2-15所示。从弹出来的快捷菜单中选择“编辑绑定”，如图2-16所示。任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-16“网站绑定”窗口(3)要建立一个Web站点，首选需要配置站点的IP地址和TCP端口。IP地址是用来访问此服务器的地址，一般采用默认值；TCP端口默认值为80，可以通过使用不同的端口在同一个IIS服务器上配置多个项目。右击目标站点，如图2-15所示。从弹出来的快捷菜单中选择“编辑绑定”，如图2-16所示。任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-17“编辑网站绑定”窗口(4)在弹出来的“网站绑定”窗口中，点击“编辑”按钮，出现如图2-17所示“编辑网站绑定”窗口。在“编辑网站绑定”窗口中，可以看见IP地址为“全部未分配”，这里我们也可以指定一个固定的IP地址，单击下拉列表框选择，或者直接输入IP地址。任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-18“高级设置”窗口(5)设置主目录配置站点物理路径与连接限制打开“Internet信息服务器管理器”，在左侧窗口中右击目标站点，选择“管理网站”-“高级设置”命令。在“高级设置”窗口中，设置站点的物理路径，连接超时、最大并发连数、最大宽带，如图2-18所示。任务2-2架设Web程序的运行环境2.2.1安装与配置IIS(6)设置默认文档若将主页文件设置为默认文档，则在访问时不写出主页文件名就能打开网站。在“Internet信息服务器管理器”的中间窗口双击“默认文档”。通过右侧操作窗口的“添加”、“删除”、“上移”、“下移”按钮，可以添加新的默认文档，也可以调整现有文档的使用顺序，或者删除不用的默认文档，如图2-19所示。可以将不需要的文件名删除掉，也可以将需要使用的文件名添加进来。例如，访问网站地址为：0/default.aspx，若设置default.aspx为默认文档，则访问此网站时在浏览器地址栏只需输入0即可。任务2-2架设Web程序的运行环境2.2.1安装与配置IIS图2-19“默认文档”窗口(6)设置默认文档任务2-2架设Web程序的运行环境2.2.2设置虚拟目录图2-20“添加网站”窗口要浏览一个已经存在的Web项目(不是在本机上新创建的项目)，除了配置IIS服务器之外，还必须将项目指定为虚拟目录才能浏览。下面介绍设置虚拟目录的方法。首先在“Internet信息服务管理器”中的左侧右击“网站”，选择“添加网站”，出现如图2-20所示“添加网站”窗口。在“物理路径”中选择Web项目所在的文件夹，并在“网站名称”中添加网站名称。任务2-2架设Web程序的运行环境在“属性”对话框的【Web共享】选项卡中选择【共享文件夹】单选按钮，单击【添加】按钮，打开“编辑别名”对话框，如图2-23所示。2.2.2设置虚拟目录图2-23“编辑别名”对话框任务2-2架设Web程序的运行环境.NETFramework是微软提供的一个框架结构，也是支持Web应用程序运行的关键组件之一。1．安装Microsoft.NETFrameworkSDKv4.0运行从微软件网站下载的安装文件，如图2-24所示，接下来的步骤按默认选项进行安装。2.2.3安装.NETFramework图2-24安装.NETFramework任务2-2架设Web程序的运行环境2．MicrosoftVisualStudio2010介绍（1）主窗口启动MicrosoftVisualStudio2010之后，首先出现主窗口，如图2-25所示。主窗口是主要的工作界面。2.2.3安装.NETFramework图2-25

MicrosoftVisualStudio2010主窗口任务2-2架设Web程序的运行环境（2）工具箱MicrosoftVisualStudio2010的窗口左侧有一个隐藏的工具箱，当用户将鼠标停留在工具箱标签上时，会向中间展出一个“工具箱”窗口，如图2-26所示。2.2.3安装.NETFramework图2-26“工具箱”窗口任务2-2架设Web程序的运行环境（3）解决方案资源管理器在主窗口的右侧有一个隐藏的“解决方案资源管理器”窗口，如图2-27所示。2.2.3安装.NETFramework图2-27“解决方案资源管理器”窗口任务2-2架设Web程序的运行环境（4）属性窗口属性窗口如图2-28所示。2.2.3安装.NETFramework图2-28“属性”窗口任务2-2架设Web程序的运行环境（5）窗体设计器如图2-29所示。2.2.3安装.NETFramework图2-29窗体设计器任务2-3创建基于C#的Web应用程序的基本步骤具体操作步骤如下。（1）选择【开始】｜【程序】｜【MicrosoftVisualStudio2010】｜【MicrosoftVisualStudio2010】命令，启动MicrosoftVisualStudio2010，进入.NET集成开发环境。（2）选择【文件】|【新建】|【网站】命令，打开“新建网站”对话框，如图2-30所示。2.3.1创建Web项目图2-30“新建网站”任务2-3创建基于C#的Web应用程序的基本步骤（3）在“新建网站”对话框中，【模板】列表中选择“VisualC#”；中间区域的位置中选择“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）在“添加新项”窗口中的“模板”列表中选择“VisualC#”；中间区域的位置中选择“Web窗体”，单击【添加】按钮，并可根据需要重新命名Web窗体名，如图2-33所示。2.3.2创建Web窗体图2-33“添加新项”对话框任务2-3创建基于C#的