CSDN博客

img zhaoweiwei

简易的客户端数据库----Tabular Data Control

发表于2003/9/10 11:32:00  1825人阅读

分类: JavaScript

     Tabular Data Control(TDC):这是一种简单的DSO,提供对格式化文本文件的访问。也就是说,TDC提供的数据来源是用指定分隔符来格式化的文本文件。
      它可以适用于所有的ie4.0以上的所有浏览器,此外他还创建了一种不需要服务器端脚本支持的简易数据库(如PHP+MySQL),只是简单的应用客户端脚本如javascript就可以操作TDC了。但是如果你的浏览器是ns的,那么你就必须要安装一个插件已得到同样的效果。

  TDC的应用模版:

    <OBJECT ID="SomeID" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
...
...
...
</OBJECT>

     和applet一样,任何一个object都要有参数,TDC大约有八个参数,在这里我并不想一一介绍,我只介绍其中5重要的参数:

1、DataURL : 你想要读取文本的路径,例如:c:/data.txt

2、UseHeader : 在文件第一行取得所要输出数据的列名

3、TextQualifier: 确定一种包围在你的数据周围的特定符号,例如~zhaoweiwei~,这里就用“~”作为这种符号

4、FieldDelim: 用于分割一行中两个相邻数据的符号

5、RowDelim: 确定一个符号已表示一行的结束,默认值是:换行符

举例如下:

<OBJECT ID="SomeID" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
<PARAM NAME="DataURL" VALUE="YourDataFile.txt"> //所要读取数据的文件
<PARAM NAME="UseHeader" VALUE="TRUE"> //列名
<PARAM NAME="TextQualifier" VALUE="~">  
<PARAM NAME="FieldDelim" VALUE="|"> 数据以“|”符号分开
</OBJECT>

YourDataFile.txt内容

name|age~Premshree Pillai~|~19~

下面介绍一下实际的应用及其优点:

假如我想在一个web页中显示一个表格用以存储我的通讯录,但是我又不想每一次再增加新内容或修改以前内容的时候都去修改我的web页,而且这样少的内容也并没有必要动用数据库那样的庞然大物,所以TDC方法就成了我的当然之选。

记住最好把你的*.txt文件和你的web页(*.htm)文件放在同一个目录下,首先我们先建立一个txl.txt文件(依照上面的格式),如下:

name|age|phone|qq|mail

~赵冠楠~|~22~|~1381303698~|~231312~|zhaogn@sina.com

~杨旭~|~22~|~1393023698~|~12256312~|yangx@sina.com

~韩红雷~|~23~|~138136556~|~8297312~|hanghl@sina.com

在这里我只记录了几条信息,为了见解就不再多写了。

然后开始建立我们的web页(tdc_ex.htm)如下:

<OBJECT ID="txl" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">

    <PARAM NAME="DataURL" VALUE="txl.txt">

    <PARAM NAME="UseHeader" VALUE="TRUE">

    <PARAM NAME="TextQualifier" VALUE="~">

    <PARAM NAME="FieldDelim" VALUE="|">

</OBJECT>

<TABLE DATASRC="#txl" BORDER="2">  //datasrc就是之所要读取数据的数据源,同开始声明的一样

<THEAD>

    <TH>姓名 :</TH>

    <TH>年龄 :</TH>

    <TH>电话 :</TH>

    <TH>QQ :</TH>

    <TH>电子邮件 :</TH>

</THEAD>

<TR>

    <TD><SPAN DATAFLD="name"></SPAN></TD>   //代表每一列名字,同 txl.txt文件的第一行对应

    <TD><SPAN DATAFLD="age"></SPAN></TD>

    <TD><SPAN DATAFLD="phone"></SPAN></TD>

    <TD><SPAN DATAFLD="qq"></SPAN></TD>

    <TD><SPAN DATAFLD="mail"></SPAN></TD>

</TR>

</TABLE>

 

最后得出显示结果:

姓名 :

年龄 :

电话 :

QQ :

电子邮件 :

赵冠楠

22

1381303698

231312

zhaogn@sina.com

杨旭

22

1393023698

12256312

yangx@sina.com

韩红雷

23

138136556

8297312

hanghl@sina.com

这样如想添加新的内容只是在txl.txt中正加一行,就可以显示到web上面了,省去了数据库的应用,这也体现了TDC得优点。

0 0

相关博文

我的热门文章

img
取 消
img