首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

XML数据岛之数据绑定实例详解

作者：祗想抱著伱 | 来源：互联网 | 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社区 其它相关文章！


推荐阅读
  • ip

    优化ListView性能

    优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能，包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • ip

    网络链路质量监控：Smokeping部署与配置

    本文详细介绍了如何在Linux系统上安装和配置Smokeping，以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装，确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • ip

    在Linux系统中配置并启动ActiveMQ

    在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ，包括端口开放及防火墙设置。通过本文，您可以掌握完整的ActiveMQ部署流程，确保其在网络环境中正常运行。 ... [详细]
  • get

    Python自动化处理：从Word文档提取内容并生成带水印的PDF

    Python自动化处理：从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档，去除水印并添加自定义水印，最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • php

    使用Numpy实现无外部库依赖的双线性插值图像缩放

    使用Numpy实现无外部库依赖的双线性插值图像缩放
    本文介绍如何仅使用Numpy库，通过双线性插值方法实现图像的高效缩放，避免了对OpenCV等图像处理库的依赖。文中详细解释了算法原理，并提供了完整的代码示例。 ... [详细]
  • get

    PHP检测AJAX请求的有效方法

    本文详细介绍了如何使用PHP检测AJAX请求，通过分析预定义服务器变量来判断请求是否来自XMLHttpRequest。此方法简单实用，适用于各种Web开发场景。 ... [详细]
  • php

    通过类型和标签选择元素

    本文介绍了如何使用jQuery根据元素的类型（如复选框）和标签名（如段落）来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • ip

    Dockerfile 编写与 Docker 网络配置详解

    本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用，涵盖基础指令、镜像构建与发布流程，并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • php

    如何在PHPcms网站中添加广告

    如何在PHPcms网站中添加广告
    本文详细介绍了在PHPcms网站后台添加广告的方法，涵盖多种常见的广告形式，如百度广告和Google广告，并提供了相关设置的步骤。同时，文章还探讨了优化网站流量的SEO策略。 ... [详细]
  • window

    分页插件3指定到某一页

    前言--页数多了以后需要指定到某一页（只做了功能，样式没有细调）html ... [详细]
  • ip

    开源软件：新时代的商业机遇与挑战

    在哈佛大学商学院举行的Cyberposium大会上，专家们深入探讨了开源软件的崛起及其对企业市场的影响。会议指出，开源软件不仅为企业提供了新的增长机会，还促进了软件质量的提升和创新。 ... [详细]
  • go

    MyBatis：深入解析与应用

    在当前众多持久层框架中，MyBatis（前身为iBatis）凭借其轻量级、易用性和对SQL的直接支持，成为许多开发者的首选。本文将详细探讨MyBatis的核心概念、设计理念及其优势。 ... [详细]
  • php

    将Web服务部署到Tomcat

    将Web服务部署到Tomcat
    本文介绍了如何在JDeveloper 12c中创建一个Java项目，并将其打包为Web服务，然后部署到Tomcat服务器。内容涵盖从项目创建、编写Web服务代码、配置相关XML文件到最终的本地部署和验证。 ... [详细]
  • get

    XNA 3.0 游戏编程：从 XML 文件加载数据

    XNA 3.0 游戏编程：从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件，并通过内容管道加载到游戏中。此外，还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • get

    RecyclerView初步学习(一)

    RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式，除了提供ViewHolder缓存模式，还可以自定义动画，分割符，布局样式，相比于传统的ListVi ... [详细]
author-avatar
祗想抱著伱
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有
     
标记中放置一个标记并指定字段，如