1.4 ASP.NET的开发环境
使用ASP.NET技术开发的Web应用程序文件后缀名为“.aspx”,其格式是文本文件,使用诸如EditPlus、Notepad++等这些文本编辑工具就可以编写。但是,使用开发工具将会有助于提高开发效率,尤其对于复杂的Web开发。
ASP.NET Web应用开发,通常使用微软的集成开发环境Visual Studio。Visual Studio全面支持.NET框架,其中的工具箱、设计器、调试器等可以让开发人员进行“所见即为所得”的编辑,实现了服务器控件拖放、完全集成的调试和项目自动部署的功能支持,是创建ASP.NET Web应用并提高开发效率的得力工具。
自1997年微软发布最早的Visual Studio 97以来,Visual Studio经过不断地改进和发展,多次版本升级,当前的最新版本为Visual Studio 2015。Visual Studio 2015包括社区版(Visual Studio Community)、专业版(Visual Studio Professional)和企业版(Visual Studio Enterprise)三个版本。其中,社区版是免费的、功能完备并且可扩展的版本,它包含创建强大的应用所需的一切内容;专业版面向单个开发人员或小团队的专业开发人员;企业版针对企业级应用程序开发进行了优化,适用于设计、生成和管理复杂的企业应用程序,可以面向各种规模团队。本书采用Visual Studio 2015社区版作为开发工具,书中的所有示例都是在Visual Studio 2015社区版平台上构建的。
1.4.1 安装Visual Studio Community 2015集成开发环境
用户可以直接在微软的官方网站下载Visual Studio Community 2015安装文件,免费安装使用。其安装方式有两种,在网址https://www.visualstudio.com/vs-2015-product-editions下载安装文件后在线安装,或者在https://www.visualstudio.com/downloads/download-visualstudio-vs下载ISO镜像安装文件后进行本地离线安装。
Visual Studio Community 2015软件的安装环境要求为如下。
·操作系统:Windows 7或者Windows更高版本、Windows Server 2008 R2 SP1及以上;
·硬件要求:1.6GHz或更快的处理器、1GB的RAM(如果在虚拟机上运行,则为1.5GB)、4GB可用硬盘空间、5400RPM硬盘驱动器、支持DirectX 9的视频卡;
·其他要求:建议与Internet Explorer 10或更高版本浏览器搭配使用。
Visual Studio Community 2015软件的安装操作步骤如下。
1.启动安装程序
运行.exe可执行安装程序文件,出现图1-2所示的安装启动界面,几秒钟后自动进入安装程序初始化界面,如图1-3所示。如果计算机上没有安装Internet Explorer 10,将会弹出如图1-4所示的警告界面,此时可以单击“继续”按钮继续进行安装。
图1-2 安装启动界面
图1-3 安装程序初始化界面
图1-4 安装警告界面
2.选择软件安装的位置及需要安装的功能
继续安装后,将出现如图1-5所示的界面,让用户选择程序的安装位置和安装类型,建议将程序安装在有较大剩余空间的磁盘,同时安装类型选择“自定义”。单击“下一步”按钮,进入如图1-6所示的界面,选择需要安装的功能。由于本书针对的是动态网页应用程序开发,所以勾选“Microsoft SQL Server Data Tools”和“Microsoft Web开发人员工具”复选框,仅选择安装Web开发所需要的工具平台和数据库工具。
图1-5 安装位置和安装类型选择界面
图1-6 安装功能选择界面
3.安装
单击“下一步”按钮,进入图1-7所示的界面,界面上列出了用户刚刚选择的需要安装的功能,以便用户确认。单击“安装”按钮,正式开始安装程序,显示图1-8所示的界面,安装过程需要较长的时间。安装成功后,将出现图1-9所示的界面,单击“立即重新启动”按钮,重新启动计算机。
图1-7 选定功能确认界面
图1-8 安装界面
图1-9 安装成功界面
4.激活
启动Visual Studio Community 2015软件,第一次启动时需要进行激活操作。Community版本虽然是免费的,但必须先使用一个微软账号登录激活,获取开发许可证后才可以正常使用。软件启动后首先出现图1-10所示的启动界面,几秒钟后自动进入图1-11所示的激活界面。如果已经注册过微软账号,则可以单击界面上的“登录”按钮,直接进入图1-12所示的登录页面输入账号完成登录。如果未注册过微软账号,则需要单击界面上的“注册”链接,先注册一个微软账号,再完成登录流程。
图1-10 Visual Studio Community 2015启动界面
图1-11 激活界面
图1-12 微软账户登录界面
5.配置运行环境
第一次运行时Visual Studio Community 2015程序会自动配置运行环境,弹出如图1-13所示的默认环境设置界面,用户可以根据自己的需要设置默认环境。本书主要学习Web应用开发技术,所以将“开发设置”选择为“Web开发”。设置完毕后单击“启动Visual Studio”按钮启动程序,弹出如图1-14所示的提示界面,告诉用户系统正在为第一次使用做准备,配置运行环境。稍等片刻后将进入Visual Studio 2015开发环境,主界面如图1-15所示,表示软件已经完成安装并正常运行。
图1-13 设置默认环境界面
图1-14 配置运行环境提示界面
图1-15 Visual Studio Community 2015开发环境主界面
1.4.2 Visual Studio Community 2015视图窗口
在学习创建ASP.NET Web应用程序之前,先来熟悉一下Visual Studio Community 2015集成开发环境的几个主要视图窗口,Visual Studio集成开发环境由工具栏、可停靠或自动隐藏的工具窗口以及编辑器窗口等元素组成。开发Web应用程序时,将使用特定于Web项目的窗口、菜单和工具栏,图1-16显示了集成开发环境的默认窗口及其位置,包括文档窗口、解决方案资源管理器、工具箱和属性窗口。开发人员可以根据自己的需要对这些窗口的位置或大小重新排列或调整,如果某个视图隐藏不见了,可以在菜单栏上单击“视图”菜单项,在展开的菜单中单击对应的视图名称,就可以重新显示出该视图。
图1-16 Visual Studio 2015开发环境主要视图窗口
1.解决方案资源管理器
解决方案资源管理器结构化地分层显示项目及其文件。在此窗口中可以查看和管理项目文件,执行对项目和文件相关命令的便捷访问。例如打开文件、向项目中添加新文件以及设置项目属性等。
2.文档窗口
文档窗口提供了编辑器和设计器以编辑代码和设计界面,包括“设计”“源”和“拆分”三种视图形式。“设计”视图是一个图形用户界面,使用一种类似于“所见即所得”的方式显示和编辑控件和网页;“源”视图显示网页文件的源代码;“拆分”视图将窗口分成两个部分,可以同时查看和编辑“设计”视图和“源”视图中的内容,默认情况下两个窗口是水平排列的。在文档窗口底部的左侧有“设计”“拆分”和“源”三个视图选项卡,用户可以单击相应的选项卡来切换显示所需要的视图。
3.工具箱
工具箱用来显示可以被添加到网页中的控件和元素,用户可以将这些控件拖放到“设计”视图的界面上或“源”视图的代码编辑器中,这些拖放操作都会在网页源文件中自动生成相应的基础代码。
4.属性窗口
属性窗口中可以查看和设置页面使用的对象的属性和事件。在页面上选中某个控件,属性窗口即会显示该控件的各项属性和事件;在窗口中选中某项属性,即可设置它的具体取值;选中某个事件,可以设置该事件的关联代码名称。