使用数据连接
Visual InterDev最强大的特性之一便是它能够简化设计,连接,操纵数据库。数据库可以使得你的网点具有交互性,对浏览和使用网页的使用者来说更有用。
这一段简要介绍以下内容:
使用New Database Wizard
New Database Wizard可以用来在任何可以连接的到的SQL服务器上创建新的数据库。为了使用New Database Wizard,选择菜单命令File|New,选择Project栏,选中New Database Wizard。
这个New Database Wizard将为你的数据库创建一个新的项目。所以在这之前你应先决定是否将新的项目添加到你的当前工作区或为其建立一个新工作区。然后为这个项目起个名称。当你对所有的选项设置满意时,按OK键。
Wizard向导出现的第一个屏幕将询问你创建数据库的所在SQL服务器.如果你对这些细节不是十分清楚的话,与服务器的管理者取得联系.(同时,也将询问你连接服务器所需的用户帐号以及密码.)当你输入服务器名,用户帐号和密码后,单击Next键.Visual InterDev将尝试与服务器建立连接.如果由于某些原因而失败的话,你可以重新输入正确信息或取消操作.
如果Visual InterDev成功地与SQL服务器建立了连接,你将被允许进一步的操作,例如定位和设置新的数据库大小.同样,如果有什么不清楚的话,与服务器管理员取得联系.在不同的页面上设置了这些信息后,单击Next键.在Wizard的第四页上单击Finish.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命令.这个命令将再次在Database 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,FormNameAction.asp和 FormNameForm.asp。你可以通过在浏览器中浏览FormNameForm.asp来预览你的数据表单结果。