????? 它可以适用于所有的ie4.0以上的所有浏览器,此外他还创建了一种不需要服务器端脚本支持的简易数据库(如PHP+MySQL),只是简单的应用客户端脚本如javascript就可以操作TDC了。但是如果你的浏览器是ns的,那么你就必须要安装一个插件已得到同样的效果。
??TDC的应用模版:
???
???? 和applet一样,任何一个object都要有参数,TDC大约有八个参数,在这里我并不想一一介绍,我只介绍其中5重要的参数:
1、DataURL :?你想要读取文本的路径,例如:c:/data.txt
2、UseHeader : 在文件第一行取得所要输出数据的列名
3、TextQualifier: 确定一种包围在你的数据周围的特定符号,例如~zhaoweiwei~,这里就用“~”作为这种符号
4、FieldDelim: 用于分割一行中两个相邻数据的符号
5、RowDelim: 确定一个符号已表示一行的结束,默认值是:换行符
举例如下:
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)如下:
//datasrc就是之所要读取数据的数据源,同开始声明的一样 ?
???
???
???
????
???
????
//代表每一列名字,同 txl.txt文件的第一行对应 ??????
???
???
???
| 姓名 : | 年龄 : | 电话 : | QQ : | 电子邮件 : |
|---|---|---|---|---|
?
最后得出显示结果:
| 姓名 : | 年龄 : | 电话 : | QQ : | 电子邮件 : |
| 赵冠楠 | 22 | 1381303698 | 231312 | zhaogn@sina.com |
| 杨旭 | 22 | 1393023698 | 12256312 | yangx@sina.com |
| 韩红雷 | 23 | 138136556 | 8297312 | hanghl@sina.com |
这样如想添加新的内容只是在txl.txt中正加一行,就可以显示到web上面了,省去了数据库的应用,这也体现了TDC得优点。
本文介绍了如何利用Tabular Data Control(TDC)在网页上显示和管理数据,避免每次更新内容时修改网页,同时避免使用大型数据库。通过设置TDC参数,如DataURL、UseHeader等,可以方便地从文本文件读取数据并以表格形式展示。示例展示了如何创建一个简单的通讯录应用,只需在txt文件中添加或修改数据,即可在网页上即时更新。
&spm=1001.2101.3001.5002&articleId=97474&d=1&t=3&u=01cb16ae183a44749caec33cf3a9e1ec)
3379

被折叠的 条评论
为什么被折叠?



