iOS/Android/WAP 全兼容专题页面制作方法(三)

简介: 3.    数据绑定3.1.为什么要使用自定义标签既然在后台我们已经准备好数据了,于是接下来的问题就是,怎么把数据和界面合在一起呢?完成这项工作的就是所谓的“数据绑定”。我们通过自定义标签完成 HTML 页面与实体之间的数据绑定,也就是说,我们采用我们自定义的一些标签,或者说咱们约定的一些标记,说明我们需要引用什么数据展现在数据上。

3.    数据绑定

3.1.为什么要使用自定义标签

既然在后台我们已经准备好数据了,于是接下来的问题就是,怎么把数据和界面合在一起呢?完成这项工作的就是所谓的“数据绑定”。我们通过自定义标签完成 HTML 页面与实体之间的数据绑定,也就是说,我们采用我们自定义的一些标签,或者说咱们约定的一些标记,说明我们需要引用什么数据展现在数据上。通常这是数据集合,我们便用 <listview> 表示之。预期的数据可以正确展示了,那么标签的首要任务也就达到了。

其次,通过合理解析自定义标签,可以使得制作一套专题页面即可跨平台展示了,包括 WAP 版、客户端(Android & iPhone)等,从而减少差异化带来的冗余工作。

自定义标签并不复杂,让我们一起来学习吧!

3.2.使用自定义标签

自定义标签分两类: 单内容事件标签、列表呈现标签。

一、单内容事件标签

  • 用途:对于单个文字或图片链接,点击的时候指向对应的内容展示界面。如在html中增加静态图片,要求点击即进入某频道播放界面或某视频的播放界面。
  • 支持内容类型:直播、点播、专辑、专题、图文、图集。
  • 样例:
<a href="###" data-event="play" data-type='live' data-id='1'>
    <div align="center">
       <img src="images/55.jpg" width="320" />
    </div>
</a>
              或者
<a href="###" data-event="tap" data-type="live" data-id="2">展播平台</a>

二、列表呈现标签

  • 用途:在专题页面的某区域中显示某栏目中的类容列表,列表以多种方式展示,类表中的元素点击将跳转到相应的内容展示界面,并支持免费参数。支持简单的栏目中内容的过滤,如指定获取视频列表或图文列表。
  • 支持内容类型:直播、点播、专辑、专题、图文、图集、广告(url)。
  • 列表风格类型:单列图文、双列图(压缩标题)、单列文字标题。
  • 样例:

<listview data-section="332" data-viewmode="2" data-contenttype="all" data-row="15" data-sort="default"></listview>




sp42
+关注
目录
打赏
0
0
0
0
9
分享
相关文章
Android vs iOS:深入剖析两大移动操作系统的优劣与未来趋势####
【10月更文挑战第21天】 本文旨在通过技术视角,全面对比分析Android与iOS两大主流移动操作系统的架构差异、用户体验、安全性及生态系统等方面,探讨其各自优势与不足,并预测未来发展趋势。 ####
75 1
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
移动应用开发之旅:探索Android和iOS平台
在这篇文章中,我们将深入探讨移动应用开发的两个主要平台——Android和iOS。我们将了解它们的操作系统、开发环境和工具,并通过代码示例展示如何在这两个平台上创建一个简单的“Hello World”应用。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和技巧,帮助你更好地理解和掌握移动应用开发。
72 17
安卓与iOS开发环境对比分析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自占据半壁江山。本文深入探讨了这两个平台的开发环境,从编程语言、开发工具到用户界面设计等多个角度进行比较。通过实际案例分析和代码示例,我们旨在为开发者提供一个清晰的指南,帮助他们根据项目需求和个人偏好做出明智的选择。无论你是初涉移动开发领域的新手,还是寻求跨平台解决方案的资深开发者,这篇文章都将为你提供宝贵的信息和启示。
36 8
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
147 3
Android与iOS:移动操作系统的双雄争霸
在智能手机市场中,Android和iOS作为两大主流操作系统,各自拥有庞大的用户群体和独特的生态系统。本文将深入探讨这两种系统的发展历程、技术特点、市场表现以及未来趋势,以期为读者提供全面而深入的了解。通过对比分析,我们可以发现,尽管Android和iOS在某些方面存在竞争关系,但它们也在相互借鉴中不断进步和完善。
深入探索iOS与Android操作系统的安全性差异
本文旨在通过对比分析iOS和Android两大主流移动操作系统在安全性方面的差异,揭示它们各自的安全机制、面临的挑战以及用户如何提升自身设备的安全保护。通过对系统架构、应用审核机制、数据加密方式及隐私政策的深入探讨,本文为读者提供了一个全面了解两大平台安全性的视角,并提出了实用的安全建议。
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
深入探索iOS与Android系统架构差异及其对开发者的影响
本文旨在通过对比分析iOS和Android两大移动操作系统的系统架构,探讨它们在设计理念、技术实现及开发者生态方面的差异。不同于常规摘要仅概述内容要点,本摘要将简要触及核心议题,为读者提供对两大平台架构特点的宏观理解,铺垫

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等