作者：祗想抱著伱 | 来源：互联网 | 2017-05-14 02:24
HTML中不仅含有大量的格式化语句，还到处充斥着内容数据，让人看着实在是头大。美工人员在调整界面布局时，可能会不经意的修改了内容数据；业面内容维护人员在维护数据时往往也无意的弄乱了业面布局代码。
HTML中不仅含有大量的格式化语句，还到处充斥着内容数据，让人看着实在是头大。美工人员在调整界面布局时，可能会不经意的修改了内容数据；业面内容维护人员在维护数据时往往也无意的弄乱了业面布局代码。
于是乎，人们开始有意识的避免这种混乱局势。利用XML进行数据描述，在HTML中仅保留页面布局代码，这样就使得数据在界面分开，再也不会因为修改布局而丢失内容数据；亦不会在维护数据时改变页面布局。
数据与界面被分离开了，我们似乎还需要某种手段再让它们有机的结合起来。XML数据配合不同的HTML，可以给客户不同的数据浏览方式。XML数据岛就可以将XML中的数据很自然的引入到HTML中，而无需编写繁琐的代码。
下面我用实例向大家阐述。
假设我们有一个名为“Book.xml”的XML文件存图书信息，内容如下。
罗贯中
文艺出版社
0-765-58007-8
80
曹雪芹
三秦出版社
0-765-58007-9
22
吴承恩
人民文学出版社
0-765-58007-3
40.12
每个图书结点(Book)都有分类，数据，余量，折扣四个属性，还有书名，作者，出版社，书号和价格五个子元素。这里仅仅是为了给大家讲述如何使用XML数据岛，故数据结构定义的很简单，数据量也不是很大。
我们想在HTML中以表格的形式，将XML中的内容显示出来。我们现在开始动手编写HTML文件。首先要在HTML中构造一个表格，用来显示图书的信息。这部分想必大家都很梳洗，我就不细讲了，我们着重的讲一下如何定义XML数据导，以及如何将数据表HTML表格进行绑定。
XML数据岛，顾名思义，它充当着数据源的作用，就是引入存储数据的XML文件，并为其分配一个ID，方便在HTML中引用。定义代码如下：
一般性的，我们会将这句代码写在标记中。ID是其标识符，方便在HTML文件其他地方引用，src是XML数据文件的位置，可以是相对位置，也可以是一个有效的URL。在此例中是其值是“Test07.xml”，表示这是与该HTML文件存放在同一位置的一个名为“Test07.xml”的文件。
书名
类别
书号
作者
出版社
定价
数量
余量
|
|
|
|
|
|
|
|
大家可以发现，在
标记中，我们加入了datasrc="#XMLData"，表示该表格的数据来自一个名为“XMLData”的数据岛，特别需要注意的是，在引用数据导时一定要用“＃”加上数据岛ID。同时需要在每个单元格
标记中放置一个标记并指定字段，如 | | ，表示这个标记与title字段进行绑定，该字段值会自动的填充到标记中。以上就是XML数据岛之数据绑定实例详解的详细内容，更多请关注 第一PHP社区 其它相关文章！
推荐阅读
-
在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ...
[详细]
蜡笔小新 2023-12-14 10:57:47
-
本文讨论了Alink回归预测的不完善问题，指出目前主要针对Python做案例，对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法，以及Maven的相关知识。最后，对Alink回归预测的未来发展提出了期待。 ...
[详细]
蜡笔小新 2023-12-14 14:25:33
-
-
本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。 ...
[详细]
蜡笔小新 2023-12-14 10:11:46
-
本文介绍了知识图谱在机器大脑中的应用，以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例，说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案，如搜索关键词"Marie Curie"，会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革，不仅美国的微软必应，中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ...
[详细]
蜡笔小新 2023-12-14 10:06:19
-
本文介绍了一位微软头条实习生自学深度学习的经验分享，包括学习资源推荐、重要基础知识的学习要点等。作者强调了学好Python和数学基础的重要性，并提供了一些建议。 ...
[详细]
蜡笔小新 2023-12-14 20:58:32
-
本文介绍了2018年人工智能大数据的爆发以及学习Java和Python的相关知识。在人工智能和大数据时代，Java和Python这两门编程语言都很优秀且火爆。选择学习哪门语言要根据个人兴趣爱好来决定。Python是一门拥有简洁语法的高级编程语言，容易上手。其特色之一是强制使用空白符作为语句缩进，使得新手可以快速上手。目前，Python在人工智能领域有着广泛的应用。如果对Java、Python或大数据感兴趣，欢迎加入qq群458345782。 ...
[详细]
蜡笔小新 2023-12-14 20:08:28
-
本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ...
[详细]
蜡笔小新 2023-12-14 17:06:58
-
本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术，可以实现在输入某个id后，通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用，以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况，并解释了JavaScript等待服务器响应的机制。 ...
[详细]
蜡笔小新 2023-12-14 16:12:01
-
本文介绍了数据库的存储结构及其重要性，强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离，可以实现对物理存储的重新组织和数据库的迁移，而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构，并介绍了表空间的概念和作用。 ...
[详细]
蜡笔小新 2023-12-14 16:00:02
-
本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ...
[详细]
蜡笔小新 2023-12-14 15:43:50
-
本文介绍了Java序列化对象传给PHP的方法及原理，包括Java对象传递的方式、序列化的方式、PHP中的序列化用法介绍、Java是否能反序列化PHP的数据、Java序列化的原理以及解决Java序列化中的问题。同时还解释了序列化的概念和作用，以及代码执行序列化所需要的权限。最后指出，序列化会将对象实例的所有字段都进行序列化，使得数据能够被表示为实例的序列化数据，但只有能够解释该格式的代码才能够确定数据的内容。 ...
[详细]
蜡笔小新 2023-12-14 15:25:15
-
本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法，通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ...
[详细]
蜡笔小新 2023-12-14 15:08:18
-
本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ...
[详细]
蜡笔小新 2023-12-14 14:37:52
-
最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ...
[详细]
蜡笔小新 2023-12-14 14:25:50
-
本文主要解析了Open judge C16H问题中涉及到的Magical Balls的快速幂和逆元算法，并给出了问题的解析和解决方法。详细介绍了问题的背景和规则，并给出了相应的算法解析和实现步骤。通过本文的解析，读者可以更好地理解和解决Open judge C16H问题中的Magical Balls部分。 ...
[详细]
蜡笔小新 2023-12-14 12:03:27
-
京公网安备 11010802041100号