ASP程序设计：VisuallnterDev用户界面

Visual InterDev 的用户界面如图8-1所示，其中包括标题栏、菜单栏、网页编辑器、工具箱、工程浏览器和属性窗口等部分。

图8-1　Visual InterDev 的用户界面

1.网页编辑器

网页编辑器包含三种视图：设计视图（Design View）、源代码视图（Source View）和快速预览视图（Quick View）。其中，设计视图提供了所见即所得的网页设计环境，开发人员可以在网页中加入各种HTML 对象元素（包括文本、图像、表格、按钮、文本框、单选按钮、复选框、列表及超级链接等）；源代码视图用于显示和编辑网页的源代码，其功能相当于一个文本编辑器，可以在其中直接对源代码进行编辑修改；快速预览视图允许开发人员不必退出Visual InterDev，便可预览一个网页在浏览器中的显示效果。三种视图以选项卡形式显示在网页编辑器的底部，单击某个选项卡即可切换到相应的视图。

2.工具箱

工具箱包含了各种对象，可以用鼠标将这些对象拖放到网页中去。

工具箱包含HTML、Server Objects、ActiveX Controls、Design-Time Controls 和General五个选项卡，每个选项卡都有许多子项。如果在工具箱中找不到需要的控件，则可自定义工具箱，方法是：右击选项卡的某个子项，然后选择快捷菜单的“Customize Toolbox”命令，打开“Customize Toolbox”对话框，选择待加入的已注册的设计时控件和ActiveX 控件，再单击“OK”按钮。

3.属性窗口

网页上的各种元素（如标记、控件和文本等）被称为对象。每个对象都可用一组属性来刻划其特征。属性窗口就是用来设置对象属性的，它由对象框、属性显示方式、属性列表和属性说明四部分构成。其中，对象框位于属性窗口顶部，单击右侧的向下箭头，将显示应用程序中的每个对象；属性显示方式分两种，即按字母顺序（Alphabetic）和按分类顺序（Categorized），可以单击相应的按钮来切换显示方式，如单击“Categorized”按钮将按分类顺序显示所有属性；属性列表分左右两列，左列显示当前对象的全部属性，而右列用于编辑和查看属性值；属性说明列出属性列表中所选属性的说明。

4.工程浏览器

在Visual InterDev 中，把开发一个Web 应用程序视为一项工程，通过建立工程来创建一个Web 应用程序。工程本身通过工程浏览器来管理。在工程浏览器中，最上层是解决方案（Solution），一个解决方案可以包含一个或多个工程。每个工程中的所有文件按目录以层次结构方式显示。通过单击含+号的节点，可展开一层；而单击含-号的节点，可折叠一层。当创建、添加或从一个工程中删除文件或目录时，工程浏览器会即时反映所发生的变化。

工程浏览器顶部有几个按钮，各按钮的功能自左至右如下所示：

● Open：打开一个选择的文件；

● Refresh Project View：刷新工程，以便看到其他成员的更改状况；

● Synchronize Files：使本地Web和宿主Web中的文件同步；

● Copy Web Application：复制Web应用程序；

● Properties：显示所选择文件的“Properties”对话框。

在工程管理器中，如果右击解决方案，则会弹出包含以下命令的快捷菜单：

● Build：建立Web 应用程序；

● Rebuild：重新建立Web 应用程序；

● Build Configuration：确定建立Web应用程序时是生成调试版本（Debug）还是发行版本（Release）；

● Add Project：在解决方案中添加工程；

● Save wwwbooks.sln：保存当前的解决方案：

● Save All：全部保存；

● Add to Source Control：向解决方案中添加一个源控件；

● Rename：重命名解决方案；

● Properties：显示当前解决方案的“Properties”对话框，从中可调整构造Web 应用程序时各个工程的顺序。

在工程管理器中，如果右击工程名，则会弹出包含以下命令的快捷菜单：

● View in Browser：在浏览器中预览该工程；

● Browse With：在指定的浏览器中预览该工程；

● Set As StartUp Project：将该工程设为启动工程；

● Recalculate Links：更新当前工程的所有链接；

● Working Mode：更改当前工程的工作模式；

● Add：往工程中添加各种项目，如HTML页、ASP页、站点图（Site Diagram）等；

● New Folder：在当前工程中添加文件夹；(www.xing528.com)

● Add Data Command：在当前工程中添加ADO Command 对象；

● Add Data Connection：在当前工程中添加ADO Connection 对象；

● Get Last Version：从Web 服务器上获取当前工程的最新版本；

● Get Working Copy：获得Web工程的本地拷贝；

● Release Working Copy：将本地文件拷贝到宿主Web上并成为宿主Web当前版本；

● Discard Changes：若对文件进行了修改，则可用该命令从Web 服务器上获得文件的宿主版本，从而放弃所做的修改；

● Add to Master Web：将当前工程添加到宿主Web 上；

● Remove Local Copy：删除本地拷贝；

● Apply Theme and Layout ：修改当前工程的默认主题和布局；

● Paste：将剪贴板中的文件粘贴到当前工程中；

● Remove Project：从解决方案中移去当前工程，但不会删除硬盘上的工程文件；

● Delete Project：删除当前工程；

● Properties：打开当前工程的“Properties”对话框。

在工程管理器中，如果右击某个文件名，也会弹出快捷菜单。但文件类型不同，弹出的快捷菜单也不一样。例如，右击HTML或ASP文件，将弹出包含如下命令的快捷菜单：

● Open：打开文件。也可在工程浏览器中双击文件名来打开文件；

● Open With：在指定的编辑器中打开文件；

● View Links：打开链接视图（Link View），查看文件的链接情况；

● View in Browser：在浏览器中预览该文件；

● Browse With：在指定的浏览器中预览该文件；

● Set as Start Page：将当前页面设为Web 工程的启动页面；

● Get Last Version：得到宿主Web 上该文件的最新版本；

● Get Working Copy：得到宿主Web上该文件的工作拷贝；

● Release Working Copy：把文件的工作拷贝发布到宿主Web上；

● Discard Changes：放弃对该文件的修改；

● Add to Master Web：把当前文件添加到宿主Web上；

● Remove Local Copy：移走当前文件的本地拷贝；

● Publish：发布文件；

● Compare to Master Web：把文件的本地Web版本和宿主Web版本进行比较；

● Mark as Scriptlet：把当前文件置为Scriptlet；

● Apply Theme and Layout：修改当前文件的主题和布局：

● Cut：删除当前文件的内容并放到剪贴板中；

● Copy：把当前文件的内容复制到剪贴板中；

● Delete：从工程中删除当前文件；

● Rename：重命名当前文件；

● Properties：打开当前文件的“Properties”对话框。