Visual Web Developer2010是为动态web应用程序开发人员提供的而一款设计软件,主要功能有web平台构建、测试和部署web应用程序,还有调试、个性化网页、多目标代码、状态管理等功能。小编带来的是速成版,可以帮助用于快速完成一个完整的平台搭建,感兴趣的朋友可以下载!
Visual Web Developer 2010介绍
在Visual Web Developer 2010 Express中(Express是速成版),你可以使用Web标准、JavaScript和ASP.NET。在个性化环境中面向既有的和新兴的Web技术,其中包括基于AJAX或Silverlight的丰富Internet应用程序、云和Web展务。利用集成的调试工具你可以快速轻松地找到并修复错误以帮助确保高质量解决方案!
Visual Web Developer功能
多目标代码功能
您可以将web应用程序定位到.NET框架的特定版本。默认情况下,Visual Web开发人员将目标发布到.NET Framework版本4。多目标功能有助于确保应用程序只使用在.NET框架的指定版本中可用的功能。此外,多目标功能允许您部署旧的应用程序,而不需要在部署包中添加新的.NET框架版本。
智能感知功能
IntelliSense代码提供了上下文适当选择你的类型,包括性能、功能和目标。智能使你保持你的编码的情况下,找到你需要的信息,并将语言元素直接插入到你的代码。
调试功能
您可以使用集成调试器测试页,它可以在代码中查找错误。还可以打开跟踪,在每个页面中显示有用的调试信息。
个性化网页功能
您可以创建用户配置文件,它可以存储用户自定义设置,您可以使用该自定义设置为每个用户自定义页。
状态管理功能
可视Web开发人员的状态管理能力使您能够在页请求之间存储信息,例如客户信息或购物车的内容。您可以保存和管理特定于应用程序、特定于会话的、特定于页的、用户特定的和开发人员定义的信息。
全球化功能
您可以配置您的网页,以便自动从与用户首选语言和区域设置相匹配的资源文件中读取文本。
Visual Web Developer 2010安装教程
1.首先找到下载文件中的“wpilauncher.exe”,双击打开。这是一个微软官方提供的Web 平台在线安装程序,安装的电脑需要是联网状态,否则无法安装。
2.在该程序右上角输入“Visual Web Developer”,然后按回车。
3.找到“Visual Web Developer 2010速成版”,这里的速成版就是express版,也可以称之为学习版。点击右侧的“添加”按钮,然后点击程序下方的“安装”按钮。
4.点击我接受,这里我们可以看到关于“Visual Web Developer 2010 express ”的一些信息。
5.完成安装。具体安装时间与电脑配置有关,小编这里只花了1分钟即安装完成。
6.打开开始菜单,可以看到“Visual Web Developer 2010 express”已经安静的躺在这里了,双击打开即可。注意:当你打开它提示你需要安装“Microsoft Visual Studio 2010 Service Pack 1”时,则说明你的电脑缺少这个服务包,直接按照提示下载安装即可。
Visual Web Developer控件介绍
标准控件
使您可以添加基本功能和复杂功能的ASP.NET网页。标准控件包括按钮、图像、文本框、复选框、超链接、列表框等。其他标准控件包括日历、文件上载控件和在网页上显示xml的控件。
数据控件
使您能够将网页连接到各种数据源,其中包括数据库和xml文件。数据控件还允许您以表格或其他格式在页面上显示数据,并允许用户编辑数据。
导航控件
使您可以向网页添加各种类型的菜单。这些包括静态和飞出菜单、树视图和导航路径(也被称为眉毛或面包屑)。
验证控件
提供检查用户输入的方法。您可以检查所需的字段、值范围、最小值和最大值以及特定模式。
登录控件
使您能够轻松创建登录表单并对用户进行身份验证。您还可以使用登录控件,使用户可以在网站上注册并恢复或替换其密码
Web部件控件
用户可以自定义一个ASP.NET网页浏览器。Web部件控件可以自定义内容,如新闻标题或天气数据。用户可以选择他们想看到的Web部件控件,并且可以自定义web部件控件的布局和外观。Web部件控件是个性化的,以便在浏览器会话之间保留用户的偏好。
AJAX扩展控件
使您能够通过使用AJAX功能提高网站,包括异步回发
Visual Web Developer 2010使用教程
创建网站和网页
在本部分演练中,将创建一个网站并为其添加新页。还将添加 HTML 文本并在 Web 浏览器中运行该页。
在本演练中,您将创建一个不需要使用 Microsoft Internet 信息服务 (IIS) 的文件系统网站。相反,您将在本地文件系统中创建和运行页。
文件系统网站是这样一个网站,即在您选择的位于本地计算机上某个位置的文件夹中存储页面和其他文件。其他网站选项包括本地 IIS 网站,它将您的文件存储在本地 IIS 根目录(通常是 \Inetpub\Wwwroot\)的子文件夹中。FTP 网站将文件存储在远程服务器上,您可以使用文件传输协议 (FTP) 通过 Internet 访问该服务器。远程网站将文件存储在您能够跨越本地网络访问的远程服务器上。有关更多信息,请参见演练:在 Visual Web Developer 中通过 FTP 编辑网站。网站文件也可以存储在诸如 Visual SourceSafe 这样的源代码管理系统中。有关更多信息,请参见源代码管理简介。
创建文件系统网站
打开 Visual Web Developer。
在“文件”菜单上单击“新建网站”。
出现“新建网站”对话框,如下面的屏幕快照所示。
“新建网站”对话框
在“Visual Studio 已安装的模板”之下单击“ASP.NET 网站”。
创建网站时需要指定一个模板。每个模板创建包含不同文件和文件夹的 Web 应用程序。在本演练中,您将基于“ASP.NET 网站”模板创建网站,该模板创建一些文件夹和几个默认文件。
在“位置”框中选择“文件系统”框,然后输入要保存网站网页的文件夹的名称。
例如,键入文件夹名“C:\BasicWebSite”。
在“语言”列表中,选择“Visual Basic”或“Visual C#”。
您选择的编程语言将是网站的默认语言。但可以通过以不同的编程语言创建页面和组件,以便在同一个 Web 应用程序中使用多种语言。
单击“确定”。
Visual Web Developer 创建该文件夹和一个名为 Default.aspx 的新页。新页创建后,Visual Web Developer 默认以“源”视图显示该页,在该视图下您可以查看页面的 HTML 元素。下面的屏幕快照显示了一个默认网页的“源”视图。
默认页的“源”视图
在您继续使用页之前,先熟悉一下 Visual Web Developer 开发环境是很有用的。下面的插图显示了在 Visual Web Developer 中可用的窗口和工具。
Visual Web Developer 环境的关系图
熟悉 Visual Web Developer 中的 Web 设计器
检查上面的插图并将插图中的文本与下面的列表相互对应起来,该列表描述了最常用的窗口和工具。(并不是您看到的所有窗口和工具都列在这里,列出的只是上图中标记的那些窗口和工具。)
工具栏。提供用于格式化文本、查找文本等的命令。一些工具栏只有在“设计”视图下才可用。
解决方案资源管理器。显示网站中的文件和文件夹。
文档窗口。显示您正在选项卡式窗口中处理的文档。单击选项卡可以实现在文档间切换。
属性窗口。允许您更改页、HTML 元素、控件及其他对象的设置。
视图选项卡。向您展示同一文档的不同视图。“设计”视图是一种近似 WYSIWYG 的编辑界面。“源”视图是页的 HTML 编辑器。拆分视图可同时显示文档的“设计”视图和“源”视图。您将在本演练的后面部分使用“设计”和“源”视图。如果要在“设计”视图中打开网页,请在“工具”菜单上单击“选项”,选择“HTML 设计器”节点,然后更改“起始页位置”选项。
工具箱。提供可以拖到页上的控件和 HTML 元素。“工具箱”元素按常用功能分组。
服务器资源管理器/数据库资源管理器。显示数据库连接。如果“服务器资源管理器”在 Visual Web Developer 中不可见,请在“视图”菜单上单击“服务器资源管理器”或“数据库资源管理器”。
说明:您可以按自己的喜好重新排列窗口和调整窗口大小。“视图”菜单允许您显示附加窗口。
创建一个新的 Web 窗体页
当您创建新的网站时,Visual Web Developer 将添加一个名为 Default.aspx 的 ASP.NET 页(Web 窗体页)。您可以使用 Default.aspx 页作为网站的主页。但是在本演练中,您将创建并使用一个新页。
将页添加到网站
关闭 Default.aspx 页。为此,右击包含文件名的选项卡并选择“关闭”。
在解决方案资源管理器中,右击网站(例如,“C:\BasicWebSite”),然后单击“添加新项”。
在“Visual Studio 已安装的模板”下单击“Web 窗体”。下面的屏幕快照显示了“添加新项”对话框。
“添加新项”对话框
在“名称”框中键入“FirstWebPage”。
在“语言”列表中,选择您希望使用的编程语言(“Visual Basic”、“C#”或“J#”)。创建网站时您已指定了一种默认语言。但是,每次为网站创建新页或组件时,可以更改默认语言。可以在同一网站中使用不同的编程语言。
清除“将代码放在单独的文件中”复选框。
在本演练中,您将创建一个代码和 HTML 在同一页的单文件页。ASP.NET 页的代码可以在页或单独的类文件中找到。要了解有关在独立文件中保存代码的更多信息,请参见演练:在 Visual Web Developer 中通过代码分离创建基本网页。
单击“添加”。
Visual Web Developer 创建新页并以“源”视图打开。
将 HTML 添加到页
在本演练的这一部分中,您将向页中添加一些静态文本。
向页中添加文本
在文档窗口的底部,单击“设计”选项卡以切换到“设计”视图。
“设计”视图以类似 WYSIWYG 的方式显示您正在使用的页。此时,页上没有任何文本或控件,因此页是空白的。
在页上键入“欢迎使用 Visual Web Developer”。
下面的屏幕快照显示了您在“设计”视图中键入的文本。
在“设计”视图中看到的欢迎文本
切换到“源”视图。
可以看到通过在“设计”视图中键入而创建的 HTML,如下面的屏幕快照所示。
在“源”视图中看到的欢迎文本
运行该页 在继续向该页添加控件之前,可以尝试运行该页。要运行页,需要一个 Web 服务器。在成品网站中,要使用 IIS 作为 Web 服务器。但是要测试页,可以使用 ASP.NET Development Server,它在本地运行因此不需要 IIS。对于文件系统网站,Visual Web Developer 中的默认 Web 服务器是 ASP.NET Development Server。
运行该页 按 Ctrl+F5 运行该页。
Visual Web Developer 启动 ASP.NET Development Server。工具栏上出现一个图标,指示 Visual Web Developer Web 服务器正在运行,如下面的屏幕快照所示。
Visual Web Developer Web 服务器图标
该页显示在浏览器中。虽然创建的页的扩展名为 .aspx,但是它当前像任何 HTML 页一样运行。
说明:如果浏览器显示 502 错误或指示页无法显示的错误,可能需要配置浏览器对本地请求跳过代理服务器。有关详细信息,请参见如何:对于本地 Web 请求不使用代理服务器。关闭浏览器。