Microsoft Visual Inter Dev是非常强大的ASP脚本和HTML网页设计编辑工具。Visual InterDev由1996年最早的1.0版一直到最后作为Visual Studio 6 的一部份而发布6.0版。微软在其中提供了一套集成的工具，用来使程序开发者在建立Web程序时可以处理各种可能发生的工作，这些工作包括HTML网页编辑，ActiveX控件制作，数据库连接，网站管理等工作，以提供给小组开发中的每个开发人员，同时也解决了开发中版本控制的问题。
一，创建网站项目和网页设计
1，创建命名新的Web项目：打开Visual InetDev|File|New Project|Visual InerDev Project|New Web Project|将Name改为FirstProject|打开。
2，指定服务器和工作模式:共四步设置Web Project Wizard对话框(注意，Web服务器必须是装有FrontPage服务器扩展的IIS 4以上版本，且对其需要有管理权限）。
)：
（1），选择或者输入你要连结的Web服务器地址(IP地址或者域名)|选择Master Mode|Next
（2），选择Create a new Web application(或者连结一个已有的Web站点)选项，在Name栏中输入Chapter2|Next按钮|
（3），选择你的版面配置，然后点击Next按钮；
（4），选择一种风格，可以使你的Web网页全部使用该风格，然后点击Finish按钮。
Web Project Wizard将为你生成一系列文件，包括你所选择的排版，视觉风格，搜寻页面，应用程序和ScriptLibrary
3, 新增一个Web页面
现在我们来练习新增一个页面，选择Project>Add Web Item>Active Server Page在弹出的对话框中的Name框内输入first.asp，然后点击“打开”按钮，first.asp被自动生成。
Visual InterDev提供了三种察看HTML及ASP页面的方法，它们是Design，Source和Quick View方式，这三种察看方式是Visual InterDev 6的基础，它们取代了1.0版本中的简单源代码编辑器，并且支持DTC，除错，自动完成陈述及对象浏览功能：
（1），可以在Design窗口所指的所见即所得的查询中创建页面，也可以从ToolBox或数据环境中直接输入内容或拖拉项目到页面上；
（2），可以在Source窗口中显示HTML或ASP源代码，像Design View一样，你可以从ToolBox或数据环境中直接输入内容或拖拉项目到页面上，或使用ToolBox?，Toolbar以及菜单来建立页面，当你在Source窗口中编辑一个HTML标记时，Properties窗口可以指示出这个标记的所有属性，并可以在属性窗中设置这些属性。
（3），可以在Quick View窗口中显示HTML代码及ASP的运行结果，如果想在浏览器中察看你的页面，则需要对你的页面进行存储，这种察看不使用Web服务器，因此不能处理服务器端脚本。
使用浏览器察看结果时，在Project Expolor窗口中用鼠标右键点中first.asp，然后在弹出来的菜单中选择View in Browser即可，你也可以直接在浏览器中输入这个文件的地址察看。
二，站点设计管理与连接数据库
1, 数据库设计与连接:
首先在Access中创建如下三个表:
表: Books
列名称 类型 长度
BookID 长整型 4 (关键字)
Title 文本 50
Author 文本 50
表: Loans
列名称 类型 长度
BookID 长整型 4
UserID 长整型 4
LoanDate 文本 50
表: Users
列名称 类型 长度
UserID 长整型 4 (关键字)
Name 文本 50
Location 文本 50
Phone 文本 50
Email 文本 50
2, 连接到数据库:
创建一个数据连接:在创建完数据库之后，要先在控制面板的ODBC处创建一个名为LibraryDSN?的文件DSN(全局可访问)或系统DSN(本机可访问)。然后点击Project | Add Data Connection命令(或在Project Explorer 中用鼠标右击工程名并选择Add Data Connection菜单命令)|DataEnvironment?(数据环境)对象将在Global.asa节点下出现，在DataEnvironment?下，你可以找到这个数据连接。
3, 设计站点
使用Visual InterDev?提供的强大工具，你可以专注于设计你的Web功能，而诸如文件管理，连接修改，浏览的细节都可以交给Visual InterDev?去代劳，Visual InterDev?所包含的站点设计工具可以帮助你轻松的规划页面，组织连接，并且在网站使用同一的风格。
themes 定义了一组图形和风格页， 他们允许你在自己的站点定义一组网页并感受其外观效果， Layout(页面布局) 定义了你的页面上导航条的外貌和位置， 它使用的是站点示意图所定义的信息。
(1)，使用Site Diagram(站点示意图)规划站点总体结构(原型)：可运用简单易用的可视化设计元素，定义网站浏览结构，定义网页间链接(父子等级)关系。
操作：从菜单栏Project|Add item|选择Site Diagram图标|可以改变其名字|按下Open 按钮。
上图所示的即为一个站点示意图，它包含了这个应用程序中的一些页面，正是这些页面提供了用户界面。注意全局导航条出现在位于站点示意图顶行的default.htm，Books.htm，CheckIn?.htm，Checkout.htm，Users.htm和Loans.asp页面上。在第二行中的AddBook?.htm，DisplayBook?.asp，Response.asp，DeleteBook?.htm，ListBooks?.asp和Searchooks.htm页面用来管理书籍信息。在第三行中的AddUser?.htm，DisplayUser?.asp，ChangeUser?.htm，UserRecord?.asp,DeleteUser?.htm,ListUsers?.asp和SearchUsers?.htm页面用来管理用户信息。
当这个示意图建成之后，选择它的所有页面并应用一个theme和layout。该应用程序中采用的是Expeditiontheme及TopandButtom4layout?。这个布局在页面顶部有一个标题，底部有一个全局导航条。在站点示意图上键入每个矩形的字符串，作为相应页面的标题。
站点示意图上的19个页面为这个应用提供用户界面。另有六个附加的ASP文件对页面输入进行处理，它们是AddBook?.asp、DeleteBook?.asp、CheckIn?.asp、Checkout.asp、AddUser?.asp和 DeleteUser?.asp。它们不提供用户界面。因此，不要对它们套用theme和layout。
以上为各页面之间关系，具体的源代码请点击此处下载:
code.rar
三，数据库集成:
1, 创建可重用的Data Command
新的数据环境提供了简单的命令来使Web应用程序成为数据驱动的，复杂的SQL语句不是深藏在一个.asp文件中的，取而代之的是在Global.asa文件下数据环境中的Application层上进行的显示，维护和重用，你不必修改每一页中的查询，只是修改Data Command即可，而这些改变将在引用该数据命令的文件中体现，同时，可以直接从Command中拖拽字段（fields）到HTML或ASP页面中去。
创建一个Data Command(在数据连接的DataEnvironment下新增的可以重复使用的SQL语句):Project | Add Data Command命令(或在工程上单击鼠标右键并选择Add Data Command)|在属性页中为这个Data Command填写它的数据源。
试将字段从DataEnvironment中拖拉到页面上，每个字段被插入到页面上时，DTC也同时被插入。
2, 使用数据绑定控件显示数据
创建带有数据的互动网页很简单，只需通过拖拉，设置属性并储存页面即可，并不需要编程，不过Visual InterDev提供了一个完整的对象模型，可让你调整应用程序，进行用户确认并控制Web应用程序，也支持DHTML及IE4数据控制以获得更丰富的用户界面，要生成一个使用数据控件创建的简单数据输入页面的步骤如下：
（1），在创建一个新的数据连接后，将Recordset控件从设计时期控件的Toolbox拖到页面上，通过设置控件的属性将这个Recordset控件绑定到对应的数据连接上，你也可以把一个Data Command拖拉到页面上，并将Recordset控件和它绑定在一起；
（2），将一个TextBox控件拖到页面上，开启其属性并将其绑定到Recordset控件上，你也可以直接从DataEnvironment中拖拉一个字段到页面上。
（3），将一个RecordsetNavbar控件放置到页面上，设置属性并将其绑定到Recordset控件上。
（4），确认PageObject控件是页面上的第一个控件并发布这个页面，你就可以随意浏览纪录。
（5），切换使用控件的HTML的类型，打开Recordset控件的属性窗口并切到Implementation Tab，无论选择一般HTML（等于ASP）或IE4HTML（基于DHTML）均可重新发布这一页。
（6），现在到Source窗口，当Outline Tab被显示时可以看到对象模型被每一个设计时期控件显露出来。
四，数据库管理
1，直接修改：开发者直接使用数据库工具来修改数据库：创建完数据连接后就可以修改数据库对象，可以在Data View(数据视图)窗口(点击View|Other Windows|Data View)查看所连接的数据库的表和视图，并可使用Query工具条(查询工具条,SQL Query Designer, SQL查询设计器)执行SQL语句，还可进一步使用Database Designer ( 数据库设计器)工具来创建和使用数据库示意图及存储过程、触发器等。
假如你所使用的数据库服务器是微软的SQL Server，也可以利用可视化的数据库工具（Visual Database Tools）可视地设计和修改数据库模式，并为Microsoft SQL Server6.5和Oracle7.3.3+数据库创建存储过程以及其他数据库对象，新增和浏览数据库的表格及察看数据，直观地为任何ODBC或OLE DB兼容的如据库创建SQL查询，应用微软的Visual Database工具来对数据库进行操作，只需项目中创建一个数据库连接，便可以操作数据库对象及查询数据库了。
使用Visual InterDev?提供的数据库工具，有以下特点：
A，在Data View窗口中通过展开数据库对象来浏览数据库；
B，创建新的Database Diagram时，在你选择存储你的设计之前，不会影响到数据库；
C，可以使用Data View创建，更新或删除数据库对象，诸如表格，视图和存储过程；
D，打开表格新增数据或选择设计表格，并通过改变列的数据类型完成复杂的数据库操作；
E，察看并存储Database Diagram中对SQL代码所做的改变，你可以提交改变的脚本给数据库管理者，用来复查受控的数据库环境执行情况。
使用Query Designer可以通过四种不同的方法来构建并执行与ODBC兼容的数据库的任一查询。
2，专项管理：专门的DBA(数据库管理员)创建数据库项目访问和全面修改数据库。主要是使用数据库设计器等工具。
五, 在Visual InterDev中对服务器端及客户端除错
为了对脚本除错，可以使用安装在Web服务器上的Visual InterDev或者使用独立机器上的Visual InterDev来进行远距离脚本除错。Visual InterDev支持完全的用户端及服务器端脚本除错。
注意：在该版本中，远距离除错仅在微软Windows NT系统中支持，尚不支持微软的Windows95客户端的使用。
开始除错时需要先设置一个起始页面，你可以用鼠标右键在Project Explorer窗口中点击要运行的文件，在弹出的菜单中选择Set as Start Page。
对这个文件出错就像对一些表单或函数除错一样，首先察看运行中的文件，然后设置断点，再预览这个文件，在客户端或服务器上的断点将被激活，你可以单步跟踪你的脚本或检查进程状态。
六, 使用Visual InterDev进行小组开发
Visual InterDev是为了基于小组的Web开发而设计的，它的项目与Web应用程序相关联，使用Visual InterDev的本地模式，可以在应用程序文件提交给主Web服务器前进行修改和测试，开发人员在不中断小组开发的情况下，可以运行和测试项目的各个部分，并将其发布到Web服务器上。
当创建一个新的Web工程时，可选择本地模式（Local Mode），在工程菜单中的Working Mode选项中改变工作模式。
你可以在一个本地复制文件上储存文件，并在浏览器中浏览，文件仅仅被本地系统存储，而没有存储在Web服务器上，如果IIS也装在本地上，.asp文件也能被预览。
如果应用是基于小组开发之上，需要刷新工程以看到其他成员的更改状况，只需在Project Toolbar上选择Refresh即可，你可以使用微软的SourceSafe?给Web应用增加版本控制。
本文章最新版请参见：Microsoft Visual Inter Dev
]]>