标题标题  显示论坛会员列表名单  搜索论坛搜索  HelpHelp
  注册注册  登入登入
ASP教学区
 DoReMe : ASP教学区
主题 话题: 第二十五章 使用MicroSoft Visual InterDev 回复发表新主题
作者
贴子内容 << Prev Topic下一个主题 >>
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 11:57上午 | IP记录 引用 erisa

微软Visual InterDev 是用于创建和管理万维网站点的集成工具软件.它是Microsoft Visual Studio集成工具的组件之一,通过Visual Studio的单一图形界面工作区你能很容易地使用Visual InterDev和其它组件.

另外, Visual InterDev能够使得你在使用HTML语言之外在站点中添加其它先进的技术特征. Visual InterDev完全支持客户端(ActiveX)和服务器端(Active Server)脚本语言,数据库管理和其它技术,以上的所有技术均可通过ASP实现.

通过和微软其它产品包括FrontPage和Visual SourceSaft等的集成,使得你能够在同一网络站点项目上协调工作.而和Internet Information Serer 以及Personal Web Sever配合可以提供你离线和在线管理网点的能力. Visual InterDev的诸多内建特性使其成为创建交互性网络站点的一个强有力的开发工具.

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 11:58上午 | IP记录 引用 erisa

Visual InterDev 结构特性

一个典型的交互性网络站点由一系列独立的组件组成.这些组件可能在同一计算机上开发和运行,也可能分布和工作在一系列不同的计算 机上,列如:


开发工作站(运行Visual InterDev软件)


Web Sever(和 FrontPage Sever) 开发工作站


Web Brower(用于浏览复杂的网页)


Database Sever(任选)

Visual InterDev极大地简化了以上组件之间的相互协调工作的任务,并且使得你能够通过无缝方式把它们结合在一起. 开发工作站用于创建和编辑应用程序,而程序自动地上载到服务器端.如果开发的项目中包含有数据库连接的话, Visual InterDev允许作者查看和处理位于数据库服务器端的数据.于Visual InterDev集成的Microsoft Web Browser使得作者能够在站点开发期间浏览网页,以及在网点完成之后用户对网点的访问.

 

开发工作站

在开发工作站上的Visual InterDev为作者在开发期间提供了一系列不同方式对站点进行浏览和对不同组件的操作:


文件显示列表使得你能够查看同一项目工程中的所有文件和子目录,其方式同Windows资源管理器类似.简单的点击(或鼠标右击 )特性使得你能够创建,编辑和删除所列的任意文件和目录.


数据显示列表能够显示所有与网点有关的数据库连接.数据库元素诸如表,查询能够通过其创建和编辑.


信息显示列表使得你能够查询由Visual InterDev所提供的帮助文件和其它信息.查找工具使得你能够迅速地查找确切的网页,此项功能也可通过信息显示菜单实现.


最后,使用连接显示列表,你能够查看项目工程中的热连接信息,并且可以借此修复所损的网页和错误的热连接信息.


文件显示, 数据显示, 连接显示列表位于工作区左管理面板的低部.通过与许多对话框中列表相似的方式,你能够简单地通过点击这三个列表中的任一个拖至顶 部.

为了能够显示连接信息,在文件列表中使相应地文件选中(文件呈高亮度显示),并从View菜单中选中连接命令.或者右键单击所选 的文件名选择查看连接命令.

你能够在以下的」网点项目和工作区」一节中看到有关文件查看,数据查看和信息查看的例子.并且可以在」显示网点项目的连接」一节 中看到更多的有关连接信息查看的内容.

 

Web 服务器

Web服务器储存开发网络站点时的所有文档内容。当文档在开发工作站上创建和修改后Visual InterDev对其更新时,它使用FrontPage Server Extensions来更新位于Web服务器上的最终站点。

其它使用者可以从其自己的工作站上通过FrontPage 或Visual InterDev来访问Web服务器上的信息,以便于开发的需要。Web服务器同时也承担在World Wide Web上向访问站点的浏览者传输文档内容。

 

Web浏览器

在开发过程中开发者可以通过Web浏览器来观察创建和修改后的网页内容。而已完成的站点的用户也可以使用Web浏览器来浏览网页 。建议当您在开发网点过程中使用不同的Web浏览器诸如Internet Explorer和 Netscape Navigator以确保程序在不同环境下的兼容性。

 

数据库服务器

在网点开发项目和储存在数据库服务器上的数据库之间可以进行数据连接。Visual InterDev使得用户可以在其工作站上显式地创建和编辑数据库元素。同时也能用其在服务器端定义和修改数据表,并且能设计和 测试查询。

当网页在Web服务器上浏览时,Web服务器单独建立与数据库服务器之间的数据连接从而执行查询和提取相应的数据结果。

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 12:00下午 | IP记录 引用 erisa

安装Visual InterDev

所有在WWW上的站点都必须运行在Web服务器上。为了使用Visual InterDev开发网点,Web服务器同时也必须运行FrontPage Server Extensions,目前其已有不同操作系统下的Web服务器相对应的不同版本。

FrontPage Server Extensions所支持的Web服务器有运行Microsoft Information Server(IIS)的Window NT服务器和一系列基于UNIX的服务器。

当你的开发工作站通过Internet或Interant与Web服务器相连时,您可以用其开发和维护运行在已正确配置的Web 服务器上(运行FrontPage Server Extensions)的网点项目。这项在线开发功能使得工作组的成员可以在不同的位置上对相同的在线项目进行开发工作。

如果您的计算机不能和Internet相连或者不能通过Intranet与Web服务器相连的话,您可以在自己的办公室里开发项 目。通过在Windows 95下安装Personal Web Server服务器或者在Windows NT 4.0下安装Peer Web Srvices,您能够开发运行在自己本地主机上的网点项目。当开发工作完成之后,您可以将其上载到相应的正确配置的Web服务 器上以供Internet和Intranet上的访问。

 

Web服务器的配置

如果您在一单独的Windows NT服务器上进行开发,我们推荐以下的硬件和软件配置。注意:您也可以在独立于Web服务器的其它计算机上运行Microsof t SQL数据库服务器程序用来充当数据库服务器。

对不同组件的操作:


Pentium-兼容服务器(32兆内存以上)


Windows NT Server 4.0


Internet Information Server 4.0


Visual InterDev Server 组件


SQL Server 6.5和 Service Pack 1 for SQL Server 6.5(SQL Server 任选)

 

按以下步骤,安装Microsoft Visual InterDev Server组件:


运行Visual InterDev Master Setup程序,setup.exe.


在Master Setup里打开其安装指导。这些指导将会帮助您完成剩下的安装工作过程。


安装Personal Web Server for Windows 95。(如果您想在您本地的Windows 95环境下进行开发工作的话,请安装此组件。您也可以在Windows NT 4.0环境下安装相应的Peer Web Services。)


安装Active Service Pages.


安装FrontPage Server Extensions.


选择Exit关闭Master Setup程序。

 

开发工作站的配置

以下是为您的开发工作站所推荐的硬件和软件配置:


Pentium-兼容工作站(对于Windows NT 32兆内存以上,对于Windows 95 24兆内存以上)


Windows NT Workstation 4.0或Windows 95


Visual InterDev Client 组件

 

按以下步骤,安装Microsoft Visual InterDev Client组件:


运行Visual InterDev Master Setup程序,setup.exe.


在Master Setup里打开其安装指导。这些指导将会帮助您完成剩下的安装工作过程。


安装Visual InterDev client.


安装Microsoft Image Composer(任选).


安装Media Manager(任选).


安装Music Prducer(任选).

 

注意

以上四个安装程序在Master Setup的主菜单中以热链接或者按钮的形式出现。每个安装程序都使用安装向导来完成安装过程。其使用过程非常简单,用户只需按 其所出现的提示进行安装即可。

 

7.选择Exit关闭Master Setup程序。

 

如果您没有安装Internet Explorer 3.01,安装过程中将会为你安装此组件。Internet Explorer (IE)用于显示集成于Visual InterDev中的以HTML文档形式存在的帮助文件,同时也用于显示完成的网页。你也可以在开发过程中使用其它的浏览器来观 察你的网页,但是IE仍需安装以确保Visual InterDev的正常工作。

 

额外的Server文件在哪里里?

当Visual InterDev在Web Server上建立一个新网点项目的同时,它也创建了一系列的而外的文件和目录。这些文件和目录都直接建立在新站点的根目录下。 通常情况下它们以_vit起名并且包括一组 DLLs和配置文件。

这些文件用于包含你网点上文件的信息,例如最后一次谁修改了文件以及修改的哪里一个文件等。这些信息由Visual InterDev和FrontPage Server Extensions来更新。通常这些文件不应被修改。

在Visual InterDev集成开发环境下对于开发者来说,这些文件和目录是不可见的。但是,Visual InterDev通过对话框和选项的形式把这些文件内的信息显示给开发者。

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 12:00下午 | IP记录 引用 erisa

使用Visual InterDev

当你使用Visual InterDev开发网点时,所有相关的文件都存储在Web服务器上。这个服务器即可以是通过Internet或Intrane t连接的独立服务器,也可以是是你本地计算机上的Web服务器,如果你使用Personal Web Server(Windows 95)或Peer Web Services(Windows NT)的话。你所创建的文件存储在你在Web服务器上配置的Internet映射目录下。

当你向网点项目添加文件或编辑已存在的文件时,Visual InterDev在你本地计算机上创建一个文件的拷贝。这叫作工作拷贝。如果你运行的是本地服务器的话,Visual InterDev仍会建立一个文件的工作拷贝用于编辑。这些拷贝保存在Visual InterDev指定项目文件夹内----缺省目录是C:\Program Files\DevStudio\MyProjects。当这些工作拷贝被保存时,Visual InterDev将会同时自动更新在Web服务器上相应的文件。

在开发者的网点上的文件可以保存在任何可连接的服务器上,只要服务器上安装FrontPage Server Extensions即可。Visual InterDev通过另一种project文件来保存跟踪存储在Web服务器上的文件。其后缀名为.dsp和其它本地文件一起并 且保存在Myprojects文件夹内。这个project文件用于每次你对于存储在Web服务器端的网点项目进行工作时的连接 。因此,整个网点工程项目包括存储在Web服务器上的文件以及保存在你本地计算机文件夹内的项目文件。

 

Web项目和工作区

为了组织多项网点的开发工作,Visual InterDev建立工作区来完成此项工作。一个工作区是一个网点开发项目的集合;它使得你能够通过产生一个新的工程文件来实现 创建新的网点开发项目或连接到Web服务器上已存在的网点开发项目。一个工作区可以包含一个或一个以上的同种或不同类型的项目。

当你用工作区创建一个网点开发项目之后,包含有你本地project文件的目录便成为整个工程 的工作目录。无论是有新的文件被建立或者编辑已有的文件,它的工作拷贝即被复制到这个目录。文件的相对与项目根目录的位置与其在 Web服务器上的位置完全一样。如果一个文件存储在Web服务器上这个网点项目根目录下的一个子目录下,那么,在你的本地机上工 作目录下也会自动创建相同的子目录。

如果你所开发的项目是位欲本地工作站上Web服务器(Personal Web Server或Peer Web Services)的话,其过程是相同的。 project文件创建在由Visual InterDev建立的项目工作目录下。新增的或编辑已有的文件也会同样复制到工作目录。字目录也以和Web服务器上文件位置相 同的形式建立。即你在同一台计算机上最后有所开发项目的两的备份,但此系统的开发过程同你在其它Web服务器上建立网点过程相同 。

 

 

同一工作区中的多个项目工程

正如先前提到的,一个工作区也可以包含一个以上的项目。几个项目工程可以包含在同一个工作区内,即使它们位于不同的Web服务器 上。每个项目的project文件用于跟踪不同项目中文件位于哪里个服务器上。

一个工作区也可以包括不同类型的工程项目。例如,一个工作区可以包含一个或一个以上的数据库项目。工作区也可以包含Visual C++或Visual J++项目。

Visual InterDev只允许一个工作区同时打开。当你打开一个新的工作区,先前的工作区—包括其所有的文件—将会被关闭。如果你想同 时对超过一个以上的网点项目进行操作,请将这些项目添加至同一工作区内。当工作区内同时有几个工程项目存在的话,各项目之间的文 件移动将会变的很方便。

 

打开一个工作区

为了在Visual InterDev中打开一个已存在的工作区,使用在File菜单中的Open Workspace Command命令。缺省条件下,这个命令显示所有的在MyProjects文件夹内的目录。每个本地工作区文件以后缀名.ds w结尾。双击此文件名便可在Visual InterDev打开这个先前已建立的工作区。例如,如果你已经建立了一个名为MyWorkspace的工作区,名为MyWor kspace的目录便会在MyProjects文件夹内创建,并且这个目录将会在Open Workspace对话框内显示。在这个目录中,你会发现一个MyWorkspace.dsw文件。双击这个文件名,此工作区在 Visual InterDev中打开。所有已添加到这个MyWorkspace工作区内的位于不同Web服务器上的项目将会显示出来。

File菜单底部同时也包括最近打开的四个工作区的名称命令。你可以直接通过这些命令打开通过Open Workspace对话框打开的工作区。

如果你想创建一个新的空的工作区,在File菜单中选择New命令。这个命令打开一个New对话框(见图25.1),它提供了许 多创建文件,工程和工作区的选项。为创建一个一个新的空的工作区,单击对话框顶部的Workspace表项,在Workspac e名称栏中填入你想创建的工作区名字,然后单击Ok按钮。缺省条件下,你的工作区将会创建在MyProjects文件夹内,但是 你能够改变其位置将其存放在本地工作站上的任何位置。

在你创建或打开一个工作区之后,它将显示在Visual InterDev左栏。使用位于此栏底部的FieView表栏,你能够查看所有包含在此工作区内的项目和其文件,以相互继承的目 录和子目录的关系列于其中。通过Data View表栏,你能够查看在工作区内的所有数据库连接;你能够通过InfoView表栏来查看所附的Visual InterDev帮助文件(见图25.2)。缺省条件下,InfoView表栏当你打开Visual InterDev时总是可见的,无论你是否打开一个工作区。

 

 

图25.1 在New对话框中的工作区表栏创建一个新的工作区

 

图25.2 Visual InterDev提供的三种项目表栏

 

打开一个工程项目

当你创建一个新的工作区时,它显示一个包含『0』个项目的工作区。为了创建或编辑一个网点,必须在工作区内添加一个工程项目。正 如先前所提到的,你也可以在单一工作区内包括一个以上的以及不同类型的项目文件。这使得你能够同时对一个以上的网点项目进行开发 。

为增加一个已存在的项目到工作区内,你可以使用菜单命令Project|Insert Project Insert Workspace ,或选中工作区右击鼠标键在弹出菜单中选择相同的菜单命令。这时将会出现一个对话框,缺省条件下打开在MyProjects文件 夹下,显示所有存在的项目文件以供选择添加至工作区内。工程项目文件的后缀名为.dsp。双击其文件名将其添至你的工作区内。

你也可以在工作区内添加一个新的项目文件,此时选择菜单命令File|New或在工作区右击鼠标键,从弹出菜单中选择Add Project To Workspace命令。此时将出现New对话框,提供创建文件,项目或工作区的选项。为了创建一个新的项目文件,单击Proj ect表栏。这时显示一系列帮助您创建项目文件的帮助向导。

当你创建一个工作区时,可以给你的项目起一个名字并将其改变在缺省条件下位于MyProjects文件夹下的路径。记住,改变后 的路径当你开始编辑文件时将会成为你的工作路径。如果想要在当前工作区内添加新的项目,你必须在New对话框内选择Add to Current Workspace选项(缺省条件下是Creat New Workspace选项)。

根据你所选择的不同帮助向导,你会遵循一系列不同的步骤完成项目的建立。下一段讨论的是用Web Project Wizard向导来创建新的网点项目。在「使用数据连接」一段中将会谈到用New Database Wizard向导来创建一个新的数据库项目的过程。

 

创建一个新的网点项目

正如以前提到的,创建一个新的网点项目需要Visual InterDev和Web服务器的连接,其方式可以通过网络同远程服务器或本地工作站上的Web服务器(例如Penseral Web Server或Peer Web Services)连接。Visual InterDev在Web服务器上建立网页或者连接已存在的网页并同时在工作目录下创建一个本地project文件。

比较容易的创建方式是通过使用Visual InterDev的Web Project Wizard向导。它能够自动地完成在Web服务器上创建或编辑网页的所有必须步骤,只需在服务器上正确安装FrontPage Server Extensions。请按以下步骤操作:


选择菜单命令Fiel|New启动Web Project Wizard或鼠标右击工作区名在弹出菜单中选择Add Project to Workspace。在New对话框中(见图25.3)单击Project表栏,然后从Wizard列表中选择Web Project Wizard。

图25.3 在New对话框中的项目表栏中创建一个新的工程项目

 


在Project Name文本框内输入你的网点项目的名称。如果选择了一个无效名字,或者一个已被使用的名字,会出现一个错误信息,并要求你重新 输入。


如果愿意,在Location框中选择你的网点项目的路径。缺省条件下是MyProjects文件夹内。但是你可以选择将网点项 目保存在你的工作站的任何目录位置下。记住,你的Project文件也会保存在这个目录下;当你开始编辑网点项目中的文件时此目 录将会成为你的工作目录。


如果你想将一个项目添加至当前Visual InterDev中已打开的工作区内,请在New对话框内选择Add To Current Workspace选项。此时你可以在同一工作区内打开多个项目,如果你需要的话。相反,你可以在New对话框内选择Creat e New Workspace选项以创建一个新的工作区来包括你的网点项目。新建立的工作区将会和新的网点项目同名(缺省条件为这个选项) 。


当你正确地输入所有的信息后,按Ok按钮确认。


确定你的新网点项目所连接的Web服务器的位置(见图25.4)。这个Web服务器是你可以通过Internet或Intran et连接的到的服务器,当然在服务器上必须正确安装和配置FrontPage Server Extensions。输入服务器的名称(例如,www.myserver.com.au)或IP地址(例如,192.168.1.1)。如果你使用的是在本地工作站上的Web服务器,诸如Personal Web Server或Peer Web Services,请输入你计算机的名字(例如,MyComputer)。

 

 图25.4 选择你的网点项目所处的服务器

 

如果你连接至一个SSL(Secure Sockets Layer,加密管道层)Web服务器,请选择Connect Using SLL复选框。SSL加密方式是一种低级协议用来增加服务器和浏览器之间的安全性。如果你通过HTTP协议来连接网点(就是说, 你的网站地址是http://web.site.address)的话,服务器并没有SSL加密。而如果你使用的是HTTPS协议(你的网站地址是https://web.site.address),服务器是SSL加密的。如果你不知道Web服务器是否是SLL加密的话,请于服务器管理者联系。


按Next按钮。Visual InterDev将尝试连接Web服务器,如果Visual InterDev不能同Web服务器连接的话,你会得到一个错误信息。这可能是由于服务器上的FrontPage Server Extensions没有正确安装,或者你没有连接到服务器的权限。这时,你可以改变Web服务器或取消操作。


如果Visual InterDev成功地建立了与Web服务器的连接,它将返回一组服务器上已存在的网点列表(见图25.5),这可能耗时几秒钟 。你可以直接连接到已存在的网点(在下拉列表框中选择)或者在服务器上创建一个新的网点。你也可以确定是否需要Visual InterDev为你的网点自动建立索引以供文本查询。


单击Finish按钮。Visual InterDev将创建你的project文件和工作目录并且在工作区内打开这个新网点项目。

 

你可以单击在工作区底部的File View表栏来查看在你网点项目中包括的所有文件和子目录,也可以单击Data View表栏来查看数据连接(如果有的话)。如果你在Visual InterDev中需要帮助的话,单击Info View表栏来获得帮助文件。

当你需要再次打开网点项目的时候,只需打开包含项目的工作区即可。Visual InterDev将会再次同服务器连接来确认当前项目的状态,并显示在你的工作区内。

 

添加文件至网点项目

当你创建了工作区并在其内添加了一个新的工程项目之后,你可以在这个项目里添加,修改,移动或编辑其中的任何文件。所有被更改的 文件将会被复制到你的工作目录中去。一旦你保存这些以改动的文件,在服务器端的相应的复制文件也会得到更新。

对于一个新网点项目,Visual InterDev会建立一个名为Global.asa的文件,如果你选择了full-text search选项的话,一个search.cfm文件也会加至你的项目中。同时也会建立一个图象目录以存放所用到的图片。

如果你连接到一个已存在的网点,在你的项目下会有许多已存在的子目录和文件。你可以通过File View表栏来查看它们之间的相互关系,其方式同你在资源管理器中看到的类似。

如果需要将文件添加至项目,你可以或者从其它来源中选择已存在的文件,包括HTML文件,ASP,或多媒体文件(图片,动画,声 音等等),或者在Visual InterDev中直接创立。

添加已存在的文件至项目

你可以将已经存在的文件添加到项目中去,或者将整个目录添加进项目中去。使用菜单命令Project|Add To Project命令并通过本地计算机或网络选择相应要添加到项目中的文件或目录,然后按OK按钮。这些文件或目录将会添加至网点 项目中去。

或者,你可以简单地鼠标右键单击项目名称,在弹出菜单中选择Add Folder Contents命令。

然后出现相同的对话框,选择需要的文件或目录,然后按OK按钮。如果你想在项目根目录之外的其它目录下添加文件或目录的话,只需 选中那个目录名,鼠标右键单击其名称即可。

 

技巧

你也可以从资源管理器中直接拖放文件至你的网点项目下去。

 

无论你通过何种方式添加文件或目录,Visual InterDev将自动复制这些文件到Web服务器上以及在本地机上的相应工作目录。

 

在网点项目中创立新的文件

除了向网点项目中添加已存在文件外,Visual InterDev还能自动帮助你创建新的文件。你可以选择菜单命令File|New或选择Projects|Add to Project|New。这两个命令都打开一个New对话框。确信在对话框右上角的Add to Project选项被选中。

你也可以从对话框顶部的文件表栏中选择创建以下几种文件,包括.cfm和.asp文件。你也可以从文件创建向导中任选一种向导或 从其它文档表栏中选择其它类型的文档。在这章的后面部分将介绍如何使用Data From Wizard向导来创建HTML布局。

在选择了所要创建的文件类型之后,输入文件名按OK确认。同时,你也可以更改文件保存的目录,但是建议您将所有文件保存在工作目 录下。

Visual InterDev自动地用合适的标题和脚注来创建新的文件并在工作区的右栏内打开它,让你编辑。如果你关闭文件或选择了File |Save,文件将同时保存在Web服务器上和你的本地工作目录下。

 

预览文件

当你保存文件后,你可以预览文件已确定其在网页浏览器上的显示格式。有以下三种方式可以预览:


选中想要预览的文件并选择菜单命令File|Preview in Browser,或选中此文件,鼠标右击此文件名在弹出菜单中选择Preview in Browser。两个操作都将在您工作站上安装的缺省浏览器上打开此文件。当使用Visual InterDev 时,浏览器一般是Internet Explorer。


鼠标右击此文件名,在弹出菜单中选择Browse With命令,选择一种在您工作站上已安装的浏览器(例如Netscape Navigator),单击Open打开此文件。


在Info Viewer中打开此文件,此时将显示在Visual InterDev内,此方式同你打开Visual InterDev帮助文件的方式类似。使用以上提到的Browse With命令,但选择Info Viewer而不是Web Browser 。

 

技巧

你可以通过Browse With命令来设置缺省浏览器。在打开文件之前选择你所用的浏览器并设置Set as Default选项。在这之后,每次当您使用Preview in Browser命令时,文件将会在设置缺省的浏览器上打开。

 

注意

大多数浏览器—包括Info Viewer和Internet Explorer—缺省时设置了Cache即缓存。所以在在浏览文件时要确认按Refresh键以更新文件的内容。

 

当浏览ASP页时,你会注意到网页中的的所有服务器-客户端程序脚本已被屏蔽掉。你可以在浏览器中选择View Source命令来查看其代码。只有HTML代码被传送到浏览器端,著使得你能够在标准的浏览器中浏览ASP页。

你也可以直接从Web服务器端查看你对文件所做的修改。当你保存了文件后,在Web服务器端的文件也会更新。你可以在浏览器中直 接键入你的网点的URL,显示最后的结果。当你在开发带有框架的网页并需要显示各个框架内网页显示结果的时候,这种方式特别有用 。

 

对文件拷贝的工作

当你打开一个网点工程后,其中的一些文件图标会显示正常色;而另外一些则变灰。这些正常色的图标表明这些文件在你的当前工作目录 有拷贝。如果你想编辑一个其图标为灰色的文件的话,Visual InterDev会尝试从Web服务器端将这个文件复制到本地的工作目录下以供编辑。

这种请求总是成功的。Visual InterDev不会去判断是否有别的人有你的文件的拷贝和是否有人在编辑它。但是,在服务器端的文件拷贝同其在你的工作目录下 的文件不一样的话,Visual InterDev会询问你是否要保持工作目录下的文件还是用服务器端的版本来更新它。这种情况通常发生在别人在你上次对项目修改 之后又对其进行了文件编辑。当使用Visual SourceSafe进行连接时,Visual InterDev当别人正在他的工作目录下对文件进行编辑时将不允许你获得服务器端文件的备份。这样确保同时不能有两个人以上对 同一文件进行编辑和更新。

你可以随时从服务器端得到文件或目录的拷贝,只需选中相应的文件和目录,鼠标右击其名称然后在弹出菜单中选择Get Working Copy命令即可(见图25.6)。

你可以在任何时候解除文件的工作拷贝-鼠标右击文件名,选择Release Working Copy命令。这个命令将会使得文件图标重新变灰。

有一些操作只有当你解除对文件的工作拷贝后才能执行-例如重命名或在项目内移动文件。解除对文件的工作拷贝同时也使得其它人能够 当项目由Visual SourceSafe进行管理时,得到其工作拷贝从而对其进行修改。

 

创建HTML布局

一个HTML布局页的后缀名为.alx。它在Visual InterDev中显示为一个空的网格页,你可以在上面放置ActiveX控件,例如下拉列表,无线电按钮,命令按钮等等。使用 HTML工具条和提供的网格,你可以在网页上精确放置控件,以达到你所希望的外观形式。

一个HTML布局页可以轻易地创建并被添加到你的项目中去,通过建立一个新的.cfm或.asp文件就可以实现。在New对话框 中,在Files表栏中选择HTML布局,输入文件名,按OK确认。这个HTML布局页将会被创建,添加到你的Web服务器上和 项目中,并在工作区内右栏中打开。

 

编辑HTML布局

当Visual InterDev在工作区内打开一个HTML布局页时,同时打开的有HTML布局工具箱和HTML布局工具条。在工具箱内提供了 所有可获得的控件。只需单击某个你想添加的控件然后在页上某处单击即可。

当你在布局页上放置了某个控件,你可以用工具箱中的箭头工具来改变控件的大小。用箭头点击控件,此时小的尺寸变化箭头会出现在其 四周。拖放这些小箭头,你能够精确调整控件的大小,形状和其在页面上的位置。

双击任何一个控件,将会出现它的属性对话框,其中的一系列属性列表可以让你设置其属性已改变其外观。鼠标右击此控件将会弹出程序 脚本向导以供你给此控件的不同的触发事件进行程序脚本设计。

当你完成HTML布局页的设计后(以后仍可以对其进行编辑修改),选择File|Save保存文件或关闭并保存文件。

 

在HTML页中插入一个HTML布局

当创建和保存了一个HTML布局页之后,它可以很容易地插入到.cfm和.cfml文件中。你可以简单地在File View表栏中双击所要编辑的HTML文件,打开即可。

首先,将光标放置在HTML页上想要放置的HTML布局的位置。这个地方必须是位于HTML文件的<BODY>和& lt;/BODY>标记之间。然后选择Insert|Into HTML|HTML Layout或简单地鼠标右击HTML页然后在弹出菜单中选择Insert HTML Layout。然后你可以选择你想要插入HTML页中的HTML布局页。

Visual InterDev自动地产生在HTML页中插入HTML布局的代码。当保存文件之后,你可以在浏览器中对其进行预览已确认HTM L布局是否正确插入。

 

显示你的网点项目的链接

Visual InterDev的一个显著特性是查看链接功能,它使得你能够查看所有和你所选择的文件相关的链接关系。包括其与其它HTML和 ASP文件,图片和多媒体文件,HTML布局-甚至是ActiveX和Java Applets之间的链接。

为了查看与特定文件的链接关系,在File View表栏中选中相应的文件并选择View|Links。同样,你也可以鼠标右击此文件名,然后在弹出菜单中选择View Links。这两个命令都可以在工作区内右栏打开Link View。被选择的文件位于视图的中心,其它与之相链接的文件被布置在它的周围(见图25.7)。其箭头表明了链接的方向(双向 箭头表明两个文件之间有相互的链接的关系)。断箭头(表明与此文件向链接的那个文件找不到)用红色表示。

如果单击任何与其相链接的文件,将显示那个文件所有的热链接关系。通过这种方式,你可以很容易地查看网点项目中所有文件的可视化 的链接关系。

如果要显示的热链接关系太多的话,你可以过滤掉一些细节。例如,你只关心此文件与其它HTML文件之间的链接关系,选择View |Filters命令来打开或关闭此项过滤功能。如果你关闭了多媒体文件的链接关系,在 工作区内将会有更多的空间来清楚地显示HTML链接。

你可以双击一个文件以供编辑。鼠标右击此文件使得这个文件处于Link View(链接视图)的中心,或打开编辑,或在浏览器中预览。

 

显示与其它网点的链接

Link View(链接视图)也能用于显示文件与WWW上其它网络站点之间的链接关系。选择Tools|View Links on WWW并输入你想要看的站点的URL。Visual InterDev从URL返相关的链接关系,并将关系以显示文件与本网点项目链接关系相同的方式显示与链接视图中。

同样,鼠标右击任何所链接的文件使得那个文件位于视图的中央供你编辑或在浏览器中进行预览。

 

更新链接

Visual InterDev当你对项目中的文件重命名或移动后能够更新和修改与之相关的链接关系。缺省条件下,无论你重命名或移动文件后, Visual InterDev会提示你是否需要更新与此文件有关的所有链接关系。你可以选择Yes或No.但是你也可以让Visual InterDev自动完成此项工作而不询问你(在重命名或移动文件对话框中选择了此项功能)。

你也可以通过选择Tools|Options设置这项功能。在Web Project页内选中Link Repair选项之后,链接关系则会每次自动更新。

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 12:01下午 | IP记录 引用 erisa

编辑文件

在你创建网点项目之后,你可已通过许多方式来对文件进行操作和编辑。以下提供了几种最简便的方法。

 

使用代码编辑器

Visual InterDev包含了自带的代码编辑器,一个为了编辑ASP和HTML文件的文本编辑器。它用不同的颜色来显示代码—高亮度代 码,HTML标记,关键字,注释,文本等等用不同的颜色来显示已便于区分(见图25.8)。

为在Visual InterDev代码编辑器中打开一个文件,只需在File View中简单地双击此文件名即可。或者,你可以选中文件鼠标右击文件在弹出菜单中选择Open或选择File|Open打开此 文件。这时假设你在Visual InterDev安装过程中将代码编辑器已设置为缺省编辑器(如何更改缺省编辑器在下段中说明)。

当你在代码编辑器中打开文件后,你可以很容易地在文件内写入HTML标记,文本,程序脚本或其它组件。File|Save命令会 保存所有修改并自动在Web服务器端更新相应的文件。

你也可以将HTML布局,ActiveX控件,设计的ActiveX控件,VBScript,JavaScript等等通过In sert菜单中的命令或者在插入点鼠标右击,在弹出菜单中选择相应的命令来很方便地添加到文件中去。这些菜单命令包括Inser t HTML Using Wizard,Insert HTML Layout,Insert ActiveX Control,和Script Wizard。

你可以对代码编辑器进行设置,包括编辑方法,标记颜色,界面外观等等。选择Tools|Options已改变这些设置,使其按照 您所希望的风格和形式来顶制代码编辑器。

 

使用FrontPage编辑器

如果你愿意使用具有WYSIWYG风格的编辑器来编辑HTML页的话,Visual InterDev包含了一个FrontPage的简化版本叫做FrontPage for Visual InterDev。它使得你能够能够同在字处理器中类似的方式来编辑你的文件,但不需要敲入任何HTML标记。这极大地简化了诸 如插入和编辑表格,链接,列表等等工作。

FrontPage只是最适用于编写.cfm 和.cfml文件。如果你用它来编辑.asp或.alx文件的话,其结果可能难以预料。FrontPage for Visual InterDev会试图去解释作为.asp和.alx一部分的程序代码;从而导致其代码以意想不到的方式被修改。

 

打开你的HTML页

如果Visual InterDev保持缺省设置的话,你可以在File View栏中选中所要打开的文件选择File|Open With。或者鼠标右击选中的文件在弹出菜单中选择Open With命令。FrontPage for Visual InterDev将会出现在你能选用的编辑器列表内。选中它并按OK。FrontPage将打开文件(见图25.9)。

你可以通过任何方式自由地编辑文件。当你保存结果时,Visual InterDev自动地在本地工作目录下和Web服务器端更新修改后的结果。

如果你想使得FrontPage作为.cfm和.cfml文件的缺省编辑器,请使用Open With对话框。当在编辑器列表中选择FrontPage之后,在按Open键确认之前,设置Set as Default选项。从此以后,每次在Visual InterDev中双击以上类型的文件,FrontPage将自动打开文件。

 

注意

这项设置只使用于具有相同后缀名的文件。如果你将FrontPage设置为.cfm文件的缺省编辑器,那么,.cfml文件仍然 会调用代码编辑器来打开,直到你为这种文件也设置FrontPage为其的缺省编辑器为止。

 

格式化文本

FrontPage使用多种与Microsoft Word相似的特性来设置和排放文本。你可以键入文本,使其高亮度化,并且使用Format菜单中不同的命令来得到你所希望的结 果。

在Formatting工具条中也有许多相同的命令,可以用来很容易地改变文本的大小,样式和字体以及段落对齐方式或加粗和斜置 文本等特性。

 

插入其它对像元素

使用FrontPage也能够同时在HTML文件内添加其它对像元素。在Insert菜单中的命令能够是使你在页内插入图片,多 媒体文件,热链接,水平线等等。你甚至可以在文件内插入其它文件,脚本和ActiveX控件和Java applets。

以下段落简明地列出了如何添加这些对像元素的最常用的方法。但是,如果你更愿意使用这种方法(其方式不需要知道具体的HTML标 记)来编辑网页的话,请进一步更深地了解有关FrontPage for Visual InterDev的详细特性。

 

插入图片

为在HTML文件中插入一个图片,请将光标放置在页面上的具体位置,然后选择Insert|Image。你也可以使用Brows e按钮来查找位于你本地工作站或网络上以及通过输入图片所存在的URL名来查找图片。FrontPage会显示图片内容供你查看 。

在将图片添加到你的HTML文件之前想将其添加到你的项目中去(Images文件夹是保存所有图片文件的好地方)是一个很好的建 议。你可以在这之后在图片位置文本框键入相对URL(例如:images/imagename.jpg)。如果你有一个图片的本 地拷贝,它会在FrontPage里显示供你预览。否则的话,FrontPage在你的本地机上建立一个图片文件的索引,但是当 别人正在观看图片时,此索引将不会有效。

 

插入和编辑表格

你可以使用Table菜单中的命令来插入并编辑表格,其方式同你在Microsoft Word的方式相似。为插入一个表格,选择Table|Insert Table。你可以确定表的属性值例如行数,列数,对齐方式,边框尺寸等等。

在表格插入之后,你可以直接在表格单元中输入文本,图片。也可以通过鼠标右击表格的某个部分在弹出的属性对话框中编辑单元,列, 行或其它表格属性。在表格中的所有文本都可以和普通文本一样进行格式化编辑。

 

创建和连接一个链接

为创建一个链接,首先在要链接的位置输入要显示的文本,然后高亮度化文本选择Insert|Hyperlink命令。然后输入你 所想链接的文件的URL。在对话框顶部的列表简化了从World Wide Web中选择URL的步骤,可以使你链接到已存在的其它文件,或链接到一个新的尚未建立的新文件。如果你想链接到你本网点项目中 的一个文件的话,只需输入文件的相对URL(例如:subfolder/filename.cfml)。

你也可以连接到在FrontPage中已创建的链接,只需鼠标右击相应的链接并选择Follow Hyperlink命令。这个命令将在FrontPage中打开目标文件进行查看和编辑。

 

改变背景颜色

你可以改变背景颜色,包括背景图片和文本颜色以及页面的其它特性,选择Format|Background命令。你可以输入要作 为背景颜色的图片名,或者预览在你本地计算机上的图片。

 

注意

文本和背景颜色的不同选择能够极大地影响你的网页的紧凑性和可读性。一些文本/背景的组合可以对浏览者浏览网页造成很大的困难。

 

显示结果

在对你的HTML文件修改之后,你可以选择File|Save保存文件。这个操作可以同时更新你本地工作目录下和Web服务器端 的文件。你可以在FrontPage或Visual InterDev中通过Preview in Browser命令来预览文件。

 

使用第三方文本编辑器

如果你愿意使用其它的编辑器代替由Visual InterDev提供的编辑器来打开文件的话,在菜单里选择File|Open或鼠标右击文件名。如果你安装的文件编辑器不在O pen With对话框里的话,你可以按Add按钮来添加它。这使得你键入编辑器的路径名或者通过浏览你的本地计算机来确定其正确的路径 名。

当你把编辑器添加到列表中去后,在你每次想用此编辑器打开文件时使用Open With命令即可,或将其设置为这种文件的缺省编辑器。

利用这种方法你可以用不同的编辑器来替代Source Editor(诸如Notepad,Programmer』s Editor等等)编辑你的文件,用其它HTML编辑器来代替FrontPage,添加其它浏览器来查看完成的文件,或设置其它 的图片,声音或动画编辑器来编辑你的多媒体文件。

无论你选择了何种编辑器,当你在内中保存文件时,Visual InterView自动更新在服务器上的文件拷贝和本地计算机上的工作拷贝。如果你正在使用Visual SourceSafe,确信当你在用此编辑器编辑文件时别人不能同时编辑相同的文件。

 

添加图象和多媒体

在Visual InterDev上可以安装第三方编辑器以及多媒体编辑器的特性使得你可以相对容易地创建真正奇妙的含有超级图片,动画和声音的 网点。

通过Visual InterDev内的Info View帮助文件和软件文档可以获得详细的信息。

在你在将多媒体文件添加到网点上去之前,正如先前所提到的最好先将文件添加到你的项目中去。Images文件夹是存放图片和其它 多媒体文件的最好地方。在这之后,你可以使用合适的HTML编辑器,FrontPage或Source Editor来将多媒体元素添加到你的网页中去。

当在Source Editor中打开了一个文件之后,将光标放置在文件中需要插入图片或其它多媒体文件的地方。然后,可以使用合适的HTML标记 例如<IMG SRC>或<BGSOUND>。同时,你也可以插入ActiveX控件来控制你的多媒体,例如ActiveM ovie控件。

你也可以使用HTML布局编辑器在HTML布局文件内插入ActiveX控件,这些控件将会在应用这些HTML布局的网页中出现 。

 

打开多媒体文件

你可以随时打开任何已添加到你的网点项目中去的多媒体文件来查看或编辑。在File View列表中双击相应的文件名,此文件便会在为此种文件所设置的缺省编辑器中打开。

同样,你可以使用Open With命令来选择打开文件的编辑器。你可以通过在Open With对话框内选中Set As Default选项来设置这种文件的缺省编辑器。通过这种方式你可以使用任何你愿意的图象,动画,声音或视频编辑器来浏览和编辑 你的多媒体文件。

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 12:01下午 | IP记录 引用 erisa

使用数据连接

Visual InterDev最强大的特性之一便是它能够简化设计,连接,操纵数据库。数据库可以使得你的网点具有交互性,对浏览和使用网页 的使用者来说更有用。

这一段简要介绍以下内容:


通过New DataBase Wizard来创建一个新的SQL关系数据库


在你的网点项目中通过添加新的数据连接来连接到一个已存在的数据库


通过Data View来查看数据库的元素


使用Database Designer来创建,编辑和删除数据库对像


使用Query Designer来设计和编辑对数据库的查询

 

使用New Database Wizard

New Database Wizard可以用来在任何可以连接的到的SQL服务器上创建新的数据库。为了使用New Database Wizard,选择菜单命令File|New,选择Project栏,选中New Database Wizard。

这个New Database Wizard将为你的数据库创建一个新的项目。所以在这之前你应先决定是否将新的项目添加到你的当前工作区或为其建立一个新工作 区。然后为这个项目起个名称。当你对所有的选项设置满意时,按OK键。

Wizard向导出现的第一个屏幕将询问你创建数据库的所在SQL服务器.如果你对这些细节不是十分清楚的话,与服务器的管理者 取得联系.(同时,也将询问你连接服务器所需的用户帐号以及口令.)当你输入服务器名,用户帐号和口令后,单击Next键.Vi sual InterDev将尝试与服务器建立连接.如果由于某些原因而失败的话,你可以重新输入正确信息或取消操作.

如果Visual InterDev成功地与SQL服务器建立了连接,你将被允许进一步的操作,例如定位和设置新的数据库大小.同样,如果有什么不 清楚的话,与服务器管理员取得联系.在不同的页面上设置了这些信息后,单击Next键.在Wizard的第四页上单击Finis h.Visual InterDev将为你创建数据库.

新的数据库项目将在你已存在的工作区内打开或者在新的工作区内打开,这由你在Wizard第一步中所设置的选项有关.你可以使用 DataView栏来查看不同的数据库元素.你也可以在你已存在的web网点项目中与新数据库建立数据连接.

 

添加一个新的数据库连接

在创建了网点项目和数据库之后,你可以在它们之间建立连接.这使得你的Form窗体能够更新在数据库中的所有数据.为了创建新的 数据连接,按以下步骤操作:

1.选择Projects|Add to Project|Database Connection,或者鼠标右击在FileView栏中显示的项目工程名,在弹出菜单中选择Add Database Connection.

2.你将被提示输入DSN(数据源名称).从列表中选择一个数据源或者按New建立一个新的数据源.如果你建立一个DSN,你可 以为其选择所需的数据源类型.

3.单击Ok键.

4.确信输入的服务器名,用户帐号和口令是正确的.对这些细节不是十分清楚的话,与服务器的管理者取得联系.

5.单击Options按钮便可以显示更详细的信息.包括存储在SQL服务器的所有数据库列表.选择你所想连接的数据库.

6.单击Ok.Visual InterDev将建立你的网点项目与数据库之间的连接.它存储了服务器,用户帐号和口令等信息,虽然有些服务器(处于安全考虑 )每次在你的网点项目和数据库连接时会询问要求你输入这些信息.

 

这个数据连接将插入你的工程项目,其信息将保存在Global.asp中并且可以在FileView中显示.这个连接以及所有的 数据库元素都可以用DataView来查看.

 

用DataView来工作

正如在FileView中显示一系列文件,目录以及其它与网点项目元素的方式相似.DataView也显示了在所连接的数据库中 的所有元素(见图25.10).当你建立了同数据库的连接之后,单击在你工作区底部的DataView栏.你可以查看任何数据库 中的数据库图表,数据表,视图和创建的存储过程.

你可以双击任何的数据库元素名以获得更多的操作功能.其中一些在以下的章节中将会简单的作以介绍.你也可以用鼠标右击这些元素, 获得更多的信息.

 

用Database Designer创建和编辑数据表

Database Designer提供了一种很方便操作的图形界面来完成许多对你的数据库的配置和维护工作.你可以创建和编辑数据表:包括表列, 属性以及各表之间的关系.诸如下拉列表的形式简化了许多工作例如改变量据字段类型.你也可以为你的数据库中的数据表建立数据库图 表.

 

注意

你必须拥有相应的权限来创建和编辑你的数据库中的数据表.如果你认为权限设置可能有问题的话,请教SQL服务器管理员.

 

你可以通过单击在DataView中的数据库并选择Insert|New Database Table来创建新的数据表.同样,你也可以通过鼠标右击在DataView栏中的Tables文件夹在弹出菜单中选择New Table命令.为你的数据表选择一个名称并按Ok键.Database Designer将会在工作区面板内右侧打开.你可以在表中输入你所需要的字段,其数目不受限制.单击Datatype栏可以在 弹出的数据类型列表中选择相应的数据类型(见图25.11).

当你选择了一种数据类型后,以下的字段将把其作为却省值.但是你也可以对其进行修改.你也可以标记数据表的特性.从Table工 具条中为表建立索引字段,当你所有的操作完成之后,关闭Database Designer保存你的数据表.你可以编辑数据表的任何属性,只需在DataView中选中相应的数据表名字,并选择View |Design.同样,你也可以在DataView中鼠标右击数据表名在弹出菜单中选择Design命令.这个命令将再次在Da tabase Designer中打开这个数据表,使你能够编辑其中的任何字段.

你也可以添加和编辑数据表中的记录.DataView中简单地使数据表名高亮度化,选择File|Open,或者鼠标右击数据表 名,在弹出菜单中选择Open命令,或者双击数据表名.这些操作都将打开数据表,使得你能够在表里添加和编辑任何记录.

 

创建一个数据库框图

除了创建和编辑数据表之外,Database Designer还可以创建和编辑数据库框图。这些数据库框图使得在你的数据库中的各个数据表之间建立连接和关联的操作变的十分 容易。

要创建一个数据库框图,选择Data View中的Database Diagrams文件夹,选择Insert|New Database Item,或者在Data View中鼠标右击文件夹在弹出菜单中选择New Database Diagram命令。

Database Designer打开一个新的空白工作区。你可以拖放你的任何数据表到Database Designer中去,然后在你的各个数据表中拖放字段(见图25.12)。Database Designer将提示你确定创建何种类型的关联。

当你对设置的数据表关联满意之后,关闭Database Designer,记住要保存修改结果。

当通过这种方式创建一个关联之后,你可以通过单击数据表之间的联机,在Relationship属性页上选择属性。

 

使用Query Designer

使用Database Designer简化了创建和编程数据库元素。例如,图表和数据表,而通过相同的方式Query Designer简化了新建和编辑数据库查询的工作,而不需要写SQL语句代码。

Query Designer可以从data range header控件(见下一段)或者从data command designer-time ActiveX控件中运行。简单地鼠标右击代表控件的代码并选择属性,你可以选择SQL Builder 按钮(见下一段关于设置属性的细则说明)。

一旦你确认或编辑了你的查询,Design-time ActiveX控件将自动地产生和更新相应的在你数据库中执行查询的代码,它也处理返回结果。通过产生一段动态网页,可以在任何 Web浏览器上浏览。

一系列这样的design-time ActiveX控件,其中的两种将会在以下段落中简单讨论,这两件控件在Visual InterDev中是已有的。第三方的开方者也可以创建和使用他们自己的design-time ActiveX控件。

新增一个标题控件

你可以将一个data range header控件添加到你的页中从而使得你能够在Query Designer中建立SQL查询,它将自动创建相对应的代码使得服务器通过HTML页来显示所得的查询结果。

首先,在Source Editor中打开你的.asp文件,将光标定位在你想插入控件的位置,选择Insert Into HTML|ActivX Control。同样,你也可以在插入点鼠标右击,在弹出菜单中选择Insert ActiveX Control命令,在Design-Time页中选择Data Range Header控件,从包含有在你当前网点项目中的数据链接中选择相应的数据库,同时也可进行其它设置,这些设置在Info View 中名为「Data Range Header Control」的帮助文件中详细解释。

 

创建查询

当你在属性页中对data range header控件进行了所有设置之后,单击SQL Builder 按钮的启动,Query Designer(见图25.13),将所涉及到的数据表拖放到Qnery Designer 的空间工作区内。

选择你所想查询的字段,同时也可以使用在Qneny工具栏中的图标方便地一对某字段进行排序。此时,由Query Designer产生的SQL代码将在Query Designer中的SQL窗口中出现,并在你修改查询时动态更新,你可以随时使用SQL工具栏上的Run按钮来测试你的查询结 果。当你对查询满意时关闭Query Designer记住你存结果,当提示更新你的数据库连接时选择Yes。

Query Designer将产生从你的网页上执行查寻所需的代码,你可通过在Source Editor中打开你的文件来编辑已存在的ActiveX design-time控件,鼠标右击已产生的代码,并选择Edit Design-Time Control命令。

 

添加要显示的记录

当添加了data range header控件后,你必须添加你想显示的记录,如先前提到的那样,引出控件的属性页,并单击Copy Fields按钮,这将提示你选择你想在网页上显示的查询结果中的数据表字段名。Visual InterDev将复制显示这些结果的代码到Clipboard,关闭属性页并将光标置于由控件所产生的代码之后,选择Edit |Paste ,代码将从Clipboad中复制到文件中。

 

添加一个Data Range Footer控件

当你对查询和所选择的显示结果字段满意之后,你必须添加另一个design-time ActiveX控件,data range footer控件同data range header控件一样的同样方式进行添加,放置在已产生的代码之后。

缺省的data range footer控件属性一般是可以接受的,但你也可以在需要的时候编辑它们。当关闭了属性页和控件编辑器后,data range footer控件会自动产生代码并将其添加到文件中去,然后你可以关闭并保闭文件,在浏览器中显示结果。

 

使用数据窗体Wizard

Visual InterDeV的另一个特性就是它不但能够显示对数据库查询的结果。也能产生窗体从而使网点的用户可以通过浏览器来添加和编辑 在数据库中的信息。

实现这种功能最方便的途径是通过数据窗体Wizard ,选择File |New,选择New Dialog box中的File Wizard表栏见图25.15),单击Data Form Wizad,输入文件名和位置路径,单击OK。

在Wizard的第一页中的下拉列表中选择你所想查询的数据库(或者,你可以选择创建一个新的数据库连接,其过程在先前的段落中 已介绍过)。你必须为你的窗体输入一个标题。

在Wizard的第二页将询问你选择一个用于为这个数据窗体产生记录集的表,视图,存储过程或者一段SQL语句。

第三页将询问在数据窗体中所出现的字段,你同时也可以便用上、下箭头来重新安排显示秩序。

第四页将询问你为使用者分派安全优先权的极别,你可以选择让用户仅仅浏览窗体,编辑存在的记录,添加或删除记录,返回返馈,你也 可以确认允许信息被筛选。

第五页,将允许你选择何种方式显示窗体,是列表显示还是窗体显示,或者全部,你也可以选择是否显示状态栏。

第六页,提供你选项以选择为你的窗体采用何种Visual InterDev内含的外观布局,这些外观布局包括不同的背景,图片,文本颜色和其它数据窗体的格式。通过这些布局可以对窗体进 行布置,以获得良好的视觉效果。

当你对每页上所有的选择都满意时,按Next进入下一页。在第七页上,单击Finish 退出Wizard。

如果你同时选择了列表视图和窗体视图的话,数据窗体Wizard将产生三个.asp文件:FormNameList.asp,F ormNameAction.asp和 FormNameForm.asp。你可以通过在浏览器中浏览FormNameForm.asp来预览你的数据窗体结果。

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 12:01下午 | IP记录 引用 erisa

使用服务器端脚本

Active Server Pages(ASP页,扩展名为.asp)在Visual InterDev中很容易创建。Active Server Pages包含了在服务器端执行的代码,它们在当网页被用户浏览时在服务器端自动执行,并产生一个动态的HTML页用于用户显示 。与Client-side端脚本不同的是,服务器端脚本嵌于<%和%>标记中。脚本可用VBScript,Jav aScript和Perl等语言添加到.asp页中。

Asp页也能包含HTML代码和客户端脚本(在上节中已提到)等不在服务器端执行的代码。

 

创建一个Active Server Page

许多Visual InterDev的控件和Wizards可以自动创建.asp页。你可以通过选择File| New来创建你自己的.asp页。在New对话框中选择File表栏单击.asp页,在输入文件名和路径之后,单击OK。一个新 的.asp页产生并在Source Editor源代码编辑器中打开。

你可以关闭并保存这个空的asp文件,它将添加到Web服务器端,你也可以在关闭和保存此文件之前在文件中输入脚本代码,之后文 件就可以通过浏览器来浏览。

 

用Design-Time ActiveX控件来工作

另一种将脚本添加到asp页中去的方法是用Design-Time ActiveX控件来为你产生服务器端执行的代码。同插入其它任何ActiveX控件一样插入你的design-time控件, 然后查看打开的属性页。

当你设置了你的design-time ActiveX控件的属性之后关闭属性页,Control Editor和Visual InterDer将脚本插入你的asp文件。

每种design-time ActiveX控件都执行不同的功能,为你的asp产生了不同的脚本代码,你可以通过Visual InterDev中的Info View帮助文件获得关于design-time ActiveX 控件的更多信息。

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 
erisa
Groupie
Groupie


加入: 2005/2月/16
Online Status: Offline
回复: 43
Posted: 2005/2月/16 12:02下午 | IP记录 引用 erisa

管理你的站点

在Visual InterDev中有许多特性可以帮助你创建和维护你的网络站点,详细资料在Info View中例出,不同的功能使你能够移动、重命名、添加和删除元素,自动修理和更新你网点中相关的链接,并且产生强大的服务器端 和客户端脚本。

 

同组工作

Visual InterDev使得你能够与其它人一起有效地开发同一个网点项目,通过允许编程者、HTML制作者、图片设计者等协同地对同一 项目进行工作,可以制作出比由这些人中的任何人单独开发的更加高性能的网点站点。

甚至在没有Visual SourceSafe的保护下,Visual InterDev也能在一个文件已经被另外的人编辑或修改之后通知所有的用户。

 

Visual SourceSafe

通过将网点项目置于Visual SourceSafe的保护,Visual InterDev使得文件在碰到潜在的编辑冲突时得到保护,它提供了备份的拷贝,以便用于撤消所做的更动,并且对所有正在工作于 此网点项目的人进行协调。

 

FontPage 97兼容性

通过同Frontpage 97的相互操作,Visual InterDev允许编程者和HTML作者对同一项目协调同时工作,任何由FrontPage制作的网页可以在Visual InterDev中打开和编辑,反之亦然。

 

移动一个网点

通过Visual InterDev可以将一个网络站点从一个服务器上移至另一个服务器。这种可能性在当一个网点已经被完整开发出并需要移至到目的 地服务器时出现。选择Project|Copy Web并输入新的服务器名称。这条命令用HTTP协议来工作,所以你的网点可以顺利地通过防火墙。

 

总结

正如这章所示,Visual InterDev使得你能够轻松地完成为建立网点所必须的复杂的编程任务和数据库操作任务,同时也将HTML格式和布局,图片以 及其它多媒体组件组合在一起。它的结构形式允许一组开发人员同时开发网点项目,而独立于他们各自的物理位置。这意味著各项开发人 员例如内容策划者,图片设计者,多媒体创作者,HTML制作者,数据库管理者等对同一个网点项目进行开发。这种不同技能的结合能 够创建出更加高级先进,令人激动的交互式网点。

Back to Top 查看 erisa's 资料 搜索其它贴子 erisa 访问 erisa's
 

如果你想回复的话你必须首先 login
如果你还没有注册的话你必须首先 注册

  回复发表新主题
显示可打印的页面 显示可打印的页面

论坛跳转
不能 张贴新论题在这个讨论版
不能 回应论题在这个讨论版
不能 删除你的发言在这个讨论版
不能 编辑你的发言在这个讨论版
不能 新增投票标题在这个讨论版
不能 在这个讨论版投票

Edit by doreme Forums version 2004
Welcome ©2001-2004 doreme Guide

This page was generated in 0.2031 seconds.

 
保养品
保养品, Skin Care
www.elady.tw
美材批发
美材, Cosmetic
www.elady.tw/beauty_org
保养品批发
名牌保养品、保养品批发
gb.perfume.com.tw/skincare
饰品批发
饰品、饰品批发
gb.perfume.com.tw/ornament