第2章VS2012集成化开发环境

管理学院©CopyrightbyXuHuijie第2章VS2012集成化开发环境管理学院本章主要内容2.1获取VS20122.2安装VS20122.3VS2012开发界面2.4VS的主要特性2.5HTML基础2.6XML基础2.7使用CSS布局网页2.8IIS的安装与配置2.1获取VS2012VisualStudio2012开发工具是目前所有开发工具中的佼佼者，该工具是微软公司未来配合.NET战略推出的IDE开发环境，本身包含.NETFramework及ASP.NET程序开发服务器。另外，在编写程序时该工具的智能代码提示功能会主动提示目前可用的属性、方法及参数等，程序开发人员可很方便地从中选择需要的代码。VS2012智能显示可用的方法、属性及参数通过搜索引擎搜索“VS2012安装包下载”，然后找到适合的链接下载VisualStudio2012安装包，下载完毕即可。本章提供一VisualStudio2012的安装包下载地址（VisualStudio2012ExpressForWin8简体中文版）：，大家可以打开该链接地址前往下载、安装。2.2安装VS20121.操作系统要求WindowsXPServicePack2.0WindowsServer2003ServicePack1.0Windows7Windows82.硬件要求CPU：至少600MHz（推荐使用1GHz）内存：至少1GB（推荐使用4GB）显示器：至少800×600像素，256色（建议用1024×768像素，增强色为16位）3.磁盘要求全部安装（包括帮助文档，即MSDN），安装盘上至少需要2.86GB磁盘空间，系统盘至少剩余6GB磁盘空间4.安装步骤（从略）2.3VS2012开发界面当打开VisualStudio2012时，将显示如图所示的界面，该窗口与普通的Windows窗体区别不大，同样具有菜单栏、工具栏，然后是一些自动停靠的窗口。下面我们通过创建一个web应用程序来介绍VisualStudio2012的一些开发特性。VisualStudio2012开发界面2.3.1创建web应用程序新建项目eg1创建web应用程序窗口布局2.3.2菜单栏菜单栏显示了所有可用的VisualStudio2012命令，除了“文件”、“编辑”、“视图”、“窗口”和“帮助”菜单之外，还提供编程专用的功能菜单，如“网站”、“生成”、“调试”、“工具”和“测试”等，如图所示。菜单栏2.3.3工具栏为了操作更方便、快捷，菜单项中常用的命令按功能分组分别放入工具栏中，通过工具栏可以迅速地访问常用的菜单命令。常用的工具栏有标准工具栏和调试工具栏，如图所示。工具栏2.3.4解决方案资源管理器解决方案资源管理器是相当常用的一个窗口，例如当打开在上述创建的WebApplication1程序项目后，可以看到在解决方案资源管理器中列出了项目中的所有文件和文件夹，并且在左下栏增加了一个属性窗口。单击不同的文件夹或文件，属性窗口自动显示出相应的属性信息。2.3.5控件工具箱工具箱是VisualStudio2012的重要工具，每一个开发人员都必须熟悉这个工具。工具箱提供了进行Windows窗体应用程序开发所必需的控件。通过工具箱，开发人员可以方便地进行可视化的窗体设计，简化了程序设计的工作量，提高了工作效率。根据控件功能的不同，将工具箱划分为11个栏目，如图所示。VS2012“工具箱”面板单击某个栏目，将显示该栏目下的所有控件，当需要某个控件时，可以通过双击所需要的控件直接将控件加载到窗体上，也可以先单击选择需要的控件，再将其拖动到设计窗体上。工具箱面板中的控件可以通过工具箱右键菜单来控制，如实现控件的排序、删除、显示方式等。工具箱窗口工具箱右键菜单2.3.6服务器资源管理器服务器资源管理器窗口可以很便利的列出指定服务器中的资源和数据库服务器资源，这个窗口使开发人员能十分方便的查看服务器端的资源，并可以通过拖动的方式向程序中添加服务器资源。服务器资源管理器中较常用的是数据连接项，在该项中可以添加修改数据表、视图、存储过程等等，非常方便，如图所示。服务器资源管理器2.3.7错误列表“错误列表”为代码中的错误提供了及时的提示和可能是的解决方法。例如，当某句代码结束时忘记输入分号，错误列表中会显示如图所示的错误。错误列表就好像一个错误提示器，它可以将程序中的错误代码及时地显示给编辑者，并通过提示信息找到相应的错误代码。“错误列表”面板2.3.8页面设计窗口“VisualStudio2012”设计页面2.3.9代码编辑窗口ASP.NET4.5也是事件驱动的编程模式，例如，在“设计”窗体中添加一个按钮。双击这个按钮便会进入“代码编辑区”，如图所示（这种模式便是“代码隐藏页”）。“代码编辑器”窗口同时ASP.NET4.5也支持另一种模式即“单文件页”模型，例如，单击“源”选项卡，如图所示：在单文件页模型中，页的标记及其编程代码位于同一个.aspx文件中。“HTML代码编辑器”窗口2.4VS2012的主要特性VS2012和VS2010相比，最大的新特性莫过于对Windows8Metro开发的支持。Metro天生为云端而生，简洁、数字化、内容优于形式、强调交互的设计已经成为未来的趋势。不过对于开发者而言，要想使用这项新功能，必须要安装Windows8RP版。该版本中包含了新的Metro应用程序模板，增加了JavaScript功能、一个新的动画库，并提升了使用XAML的Metro应用程序的性能。VS2012RC在界面上，比Beta版更容易使用，彩色的图标和按照开发、运行、调试等环境区分的颜色方案让人爱不释手。VS2012集成了ASP.NETMVC4，全面支持移动和HTML5，WF4.5相比WF4，更加成熟，期待已久的状态极工作流回来了，更棒的是，现在它的设计器已经支持C#表达式(之前只能用VB.NET)。VS2012支持.NET4.5，和.NET4.0相比，4.5更多的是完善和改进，4.5也是WindowsRT被提出来的首个框架库，.NET获得了和WindowsAPI同等的待遇。VS2012+TFS2012实现了更好的生命周期管理，可以这么说，VS2012不仅是开发工具，也是团队的管理信息系统。VS2012对系统资源的消耗并不大，不过需要Windows7/8/10的支持。2.5HTML基础HTML是创建Web页面的基本框架语言，它利用标记（tag）来描述网页的字体、大小、颜色及页面布局。自1990年以来HTML就一直被用作上的信息表示语言，用于描述网页的格式设计和它与上其他网页的链接信息。可以说，HTML是整个Web开发技术的基础，ASP.NET网页上的影像、语音、图片和文字，甚至后台程序都是通过HTML连接起来的。2.5.1HTML与XHTML为了方便浏览器的开发，W3C组织为HTML制定了相应的国际标准，目前常用的版本为4.01。但这一标准并不严格，而且由于历史原因，一些老的HTML网页并不规范，例如，在有的网页中起始标签与结束标签并没有严格对应，而且也不区分大小写。由于HTML的老版本并不统一，所以在解析老版本的HTML网页时，各种浏览器的开发者往住自行其是，从而导致同一个网页在不同种类的浏览器（甚至是同一种浏览器的不同版本）中显示效果不一样。为了统一网页的编写规则，在原有HTML规范的基础之上，W3C制定了更为严格的XHTML（eXtensibleHyperTextMarkupLanguage）规范，引入了XML文档的一些特性（如起始标签与结束标签必须严格对应，整个文档只能有一个根节点等）。2.5.2遵循XHTML规范编写网页W3C建议编写新的网页时遵循XHTML规范，简单总结如下。（1）标签名称必须小写。（2）属性名称必须小写，属性值用双引号括起来。（3）标签必须严格嵌套。（4）标签必须严格配对，即使是空元素也要封闭。（5）XHTML区分“内容标签”与“结构标签”。2.5.3HTML标签HTML使用描述性的标记符，即标签，来指明文档的不同内容。起始标签用角括号将特定字符串括起来表示特定的含义，结束标签还需要在特定字符串前面增加一个斜线“/”，其余部分和起始标签相同。一个标准的HTML页面应该包含几个重要的标签，如html和/html标签、head和/head标签、body和/body标签等。HTML的格式没有具体要求，但建议写成缩排格式，以便检查。HTML标签不区分大小写，但在默认情况下，ASP.NET中系统提供的HTML标签都用小写字母表示。HTML标签可以分为两类：单标签和双标签。2.5.4HTML文档的基本结构1．HTML标记：HTML.../HTML2．首部标记：HEAD.../HEAD3．正文标记：BODY.../BODY2.5.5常用的HTML标记htmlheadtitlePageTitle/title/headbodyContentsofpage/body/htmlHTML页面的两个主要部分是head和body。head是放置title标记和link标记（附带各种元数据）的区域。body包含要显示的元素。2.5.6使用HTML设计网页实例1．创建表格表格是网页上常见的元素，在eg1网站中添加一个HTML页面，名称为HTMLTable.html，页面的运行效果如图所示。具体代码实现请见eg2下的HTMLTable.htm文件eg22．设计表单HTML提供了有限的输入控件，如文本框和按钮等，用于与用户进行交互。具体代码实现请见eg2下的HTMLForm.htm文件。eg2该实例中form标签有两个属性很重要，分别是method和action属性。1.method属性。它有两个可选值“get”和“post”，决定了网页发送信息的方式。使用get方式时，网页数据被附加到URL之后提交给服务器，因而其数据大小受到很大的限制，一般只用于少量的不重要信息的提交；而使用post就没有上述限制。所以，默认选项为post。2.action属性。指定信息要提交的目的地（URL）。在本例中，信息将被提交到register.aspx网页。2.6XML基础XML主要用于表达数据，由于其具有很强的表达能力和高度的灵活性，并且易于扩展，因此得到了广泛的应用。XML不是要替换HTML，可以视作对HTML的补充。HTML回归于“定义文档结构”的本位，信息本身使用XML表达，而CSS则确定了信息的外在表现形式，HTML+XML+CSS构成了当代互联网技术的基石。2.6.1XML概述可扩展标记语言（eXtensibleMarkupLanguage，XML）是用于标记电子文档，使其具有结构性的标记语言，是W3C组织于1998年2月发布的标准。XML是标准通用标记语言（StandardGeneralizedMarkupLanguage，SGML）的一个子集，是一个精简的SGML.XML保留了SGML的可扩展功能，它不再像HTML那样使用固定的标记，而是允许定义数量不限的标记来描述文档中的资料，允许嵌套的信息结构，它的功能远远超过了HTML。HTML只是Web显示数据的通用方法，而XML提供了一个直接处理Web数据的通用方法。HTML着重描述Web页面的显示格式，而XML着重描述Web页面的内容。2.6.2XML与HTML的关系XML与HTML相比较，存在如下主要的区别。（1）内容与形式分离。（2）良好的可扩展性。2.6.3XML文档的基本结构XML必须满足格式良好的要求，如果对XML进行验证，还需要满足有效性。格式良好的XML应满足以下条件。（1）如果XML有声明，则声明必须放在XML文件首行首列的位