IDC资讯中心
使用vb6的新的webclass技术使得容易创建灵活而又功能 强大的基于internet应用程序
今年早些时候,我们曾向你展示了如何编写一个注册应用程序,它允许用户访问你的页面并注册一个软件产品.[“create a user registration class,”vbpj 1998年4月和”add e-mail registration to your server,”vbpj 1998年5月].在注册后,应用程序将通过e-mail给用户发一个序列号,同时还存在一个跟web的连接以继续注册过程.早些时候给你示范的vb5应用程序创建了一个运行在web服务器上的activex dll和一个测定用户的状态的并适当的调用该dll的相应的asp脚本.(active server page).现在vb6为编写这种类型的应用程序提供了一种新的手段,既使用新技术-webclass.
简而言之,webclass是运行在web服务器上的activex dll.它允许客户端的浏览器上的html页的超链接激活服务器dll中的事件.webclass的编程模式类似于传统的vb模式-不同之处在于,vb中是窗体中包含控件,而webclass应用程序是web页面包含控件.在服务器端,对于开发者来说他知道完整的的vb事件模型,这样可以进行高度的交互式的web开发.在本专栏中,我们将讨论如何创建一个简单的webclass应用程序,向你说明这事是多么简单.
为创建一个简单的webclass应用程序,你应启动vb6并在新工程的对话框中选择iis应用程序.在属性窗口中将工程命名为simplereg.双击工程浏览器中的webclass设计器.(你能可通过view菜单看到属性窗口和工程浏览器).在属性窗口中,命名webclass为wcsimple并在nameurl属性中输入simplereg.这将在编译activex dll时创建一个名为simplereg.asp的启动文件.接着保存该工程.
一个webclass应用程序通过使用html模板在用户的浏览器上显示html.由于vb6没有包括html编辑器,你必须在vb6外创建一个html模板(vb6的dhtml设计器完全跟webclass无关).你可以用任意的html编辑器,但由于visual studio包括visual interdev(vid) 6.0,所以vid是合理的选择.
在vb6的tools|options菜单中为visual basic设定visual staudio为缺省的html编辑器.在advanced标号,将如下visual interdev的路径-c:\promram files\microsoft visual studio\common\ide|ide98\devenv.exe填入外部的html编辑框中.你将通知visual interdev制作用于你的工程的模板文件的副本.如:你的模板叫webpage.htm的话,那interdev创建一个名为web1page.htm的副本.如果你用记事本或其他编辑器创建你的模板时请考虑到这一点.
在例程代码中,simplereg.htm文件是一个由visual interdev创建的模板.在webclass设计器的左边的窗格中,选择html template webitem文件夹.如下操作可在工程中添加simplereg模板:点击addhtml template webitem键并在文件选择对话框中选择simplereg.htm文件(见图1).命名该新的webitem为tplsimple.双击tplsimple查看关于webclass的代码.找到webclass_start过程并用如下代码代替原来生成的代码以在加载webclass时显示模板:
private sub webclass_start()
显示主要的html模板 www.knowsky.com
session(“title”) = “enter your” & “registration information”
tplsimple.writetemplate
end sub
webclass_start过程类似于传统的vb应用程序的form_load过程.运行程序并观看你的浏览器所展示的html页.退出浏览器并终止vb应用程序.(这是在调试开发过程中的正常的关闭webclass的方法).
在webclass设计器中,右击tplsimple webitem并从上下文菜单中选择编辑html模板.你将在你的缺省的html编辑器中看到模板页.阅读源代码,你能看到这是一个有三种特殊的被称为标签的部分组成的简单的页,格式如下:
<wc@tagtitle>title</wc@tagtitle>
这些标签的文本部分的(“title”)在运行时被你所添加到webclass的代码取代.当执行wrietetemplate方法时,它为html模板中的所找到的每个标签调用一次称为processtag的特殊过程.回到vb,双击tplsimple webitem显示代码窗口.在代码窗口的上部的组合框内选择tpsimple_processtag过程,并添加如下代码:
dim shtm as string
select case tagname
case “wc@tagtitle”
tagcontents =session(“title”)
case “wc@tagmail”
shtm = “enter email address:<br>”
shtm = shtm & “<input type= text”
shtm = shtm & ” name= email><br>”
tagcontents = shtm
case “wc@tagname”
shtm = “name:<br>”
shtm = shtm & “<input type= text”
shtm = shtm & ” name= name><br>”
tagcontents = shtm
end select
回传tagcontent参数中的html代码以替换标签.在tplsimple中设定断点.writetemple加到webclass_start过程中,并运行你的应用程序.在断点,用f8单步调试该工程以看看事件的发生的顺序.你将看到processtag过程被调用了三次-为模板中的每个标签调用一次.真正酷的事是:在运行过程中过程将用能在浏览器中产生文本框的html代码取代e-mail和name标签.
能交互式地调试你的服务器端的事件代码是用vb开发webclass应用程序的的非常强大的功能之一.在vb5的web开发中,asp脚本中的vbscript完成了大量的工作.你不可能在asp脚本中交互式地调试vbscript-唯一可行的不幸的途径是错误,再试.然而在vb6中,所有的服务器端的代码都是在webclass中运行的并且你可以利用vb的优秀的设计环境进行交互式地调试.
连接一个事件
下一步是在该简单的应用程序中为窗体中的register me按钮添加事件处理代码.回到vb的webclass设计器,点击tplsimple webitem.在右边的窗格中,你将看到一列该页中的html成员,你可以将事件跟它们联系起来.右击form1标签并选择connect to custom event菜单项,并注意到紧挨着form1的位于target列中的事件名称.快速的看一下html模板(右击tplsimple并选择编辑html模板).找到窗体的成员,它们现在是象这样的.
<form method = post action = simplereg.asp?wci=tplsimple _
&wce=registerme&wcu>
simplereg.asp是特殊的activexdll启动脚本.问号后的值表明webclass item(wci)是tplsimple,webclass事件(wce)是registerme,webclass urldata(wcu)是空的.当用户在浏览器中点击register me按钮时,这一行将激活activex服务器dll中的tplsimple_registerme按钮.就这样,窗体的活动就跟服务器端的事件联系起来,但是你能在浏览器中设定超链接以激活服务器里事件.webclass对web应用程序的开发如同魔法一般-它们将vb的事件驱动的编程方式扩展到基于浏览器的应用程序.
双击vb设计器的左边窗格中的registerme事件以显示代码窗口,将如下代码添加到该事件中:
if len(request.form(“email”)) = 0 then
session(“titile”) = “please” & “enter an email address!”
session(“email”) = “”
session(“name”) = “”
else
session(“title”) = “here is” & “your entry!”
session(“email”) = request.form(“email”)
session(“name”) = reuquest.form(“name”)
end if
tplsimple.writetemplate
request.form是一种返回来自浏览器页面的数据的标准方法.它设置了一些session变量并重新显示同样的html页.在if声明处设定一个断点并运行工程.输入一个email地址和名字,点击register me按钮.你将看到标题处被刷新了,但是文本框是空的,这是由于你在写模板的时候没有对它们输入相应的值.终止工程并改变tplsimple_processtag过程(从devx中下载listing 1;欲知细节,请看download free code框).基于session变量给文本框赋值.运行工程看看将发生什么.
用ado进行数据访问
最后,增加一种从数据库中存储和获取记录的方法.为简单起见,我们用microsoft acess 97作为我们的数据库.在你的源目录下用acess创建一个新的数据库并命名为register.mdb.添加一个有两个域的表,它们分别是email和name,并存盘.当acess提示你创建一个唯一的索引域时选ok,把register.mdb的一个拷贝放到你的c驱的根目录下面.
在工程中,添加一个microsoft activex data object库的引用,你能在project|reference下找到….你可以用ado库1.5版或2.0版.如果你没有安装ado库,你可以从微软的站点:http://www.microsoft.com/data/ado上下载mdac2.0安装工具包.改变tplsimple.registerme过程中的代码(从devx中下载listing 2;欲知细节,请看download free code框).
该代码将窗体中的数据存入session变量中,然后打开ado记录集并查找email地址(从devx中下载listing 3).
如果找到,该代码将返回记录.如果没有找到,它将添加新的记录.该函数设定了连接串:
private function connect() as string
返回一个ado连接串
const kdb = “dbq=c:\register.mdb;”
const kdrv = “drive={microsoft” & “acess driver (*.mdb)}”
connect = kdb & kdrv
end function
在tplsimple_registerme中设置一个断点,运行程序,看看数据访问代码是如何工作的.这个简单的例子向你表明了在ado中编程是如何的简单.记住在你的公司中所配置的任何 “真正”的应用程序应该包括出错处理.一般来说,你也将用到注册来保存诸如连接串信息这样的变量并且你将需要提供一种刷新记录,删除不需要的记录的方法.
当你编译工程时,将会发生两件事.第一件事是:如同在vb中的任何activex工程一样,将会在开发机上生成activex dll记录.第二件事是:将产生一个以webclass的nameinurl属性所指定的名字命名的特殊的asp启动文件.在例程中,该文件的名字是:simplereg.asp.看看记事本中的脚本.当用户在浏览器中输入该文件的url时,iis创建一个simplereg.wcsimple webclass的实例.微软建议你无论如何不要改变该asp脚本.
从用户的观点来看,注册应用程序的webclass版类似于1998年5月展示的那一系列.本系列的代码的确跟早些时候展示的系列是类似的,不同之处在于:现在所有的代码都包括在webclass中,并且启动的asp文件不包括任何用户信息.
注意事项
通过对在此前后的应用程序的比较,你应该对webclass是怎么样进行工作的有个一致的认识了.然而,你可能仍然不愿意立即把你的web应用程序转化为webclass工程.转化一个应用程序需要相当多的时间,但是你应该这样做,因为这样做存在切实的好处.比如说:webclass允许你按照以前没有的方式创建或者扩展应用程序.
总而言之,微软为我们提供了一套用于开发互连网应用程序的工具集.当然用vb5开发web应用程序也是可行的,但你得用大量的小编程技巧使得asp脚本正确地跟vb dll相互影响.脱离了vbscript的局限,也不存在缺乏真实的事件驱动的编程环境的困绕.webclass给vb带来web开发的充分的功能-它的确是个好东西.
