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>




目录
相关文章
|
29天前
|
搜索推荐 Android开发 iOS开发
安卓与iOS系统的用户界面设计对比分析
本文通过对安卓和iOS两大操作系统的用户界面设计进行对比分析,探讨它们在设计理念、交互方式、视觉风格等方面的差异及各自特点,旨在帮助读者更好地理解和评估不同系统的用户体验。
20 1
|
22天前
|
Android开发
Android调用相机与相册的方法2
Android调用相机与相册的方法
17 0
|
27天前
|
搜索推荐 Android开发 iOS开发
安卓与iOS操作系统的发展与比较
在移动互联网时代,安卓和iOS两大操作系统在智能手机市场竞争激烈。本文将从技术架构、生态系统、用户体验等方面对安卓和iOS进行比较分析,探讨它们各自的特点和发展趋势。
|
1月前
|
Web App开发 前端开发 网络安全
前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
【2月更文挑战第21天】前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
50 1
前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
|
1月前
|
人工智能 算法 Android开发
探索未来:Android与iOS在人工智能时代的融合与创新
【2月更文挑战第13天】 在数字化时代的快速发展下,Android与iOS作为两大主流移动操作系统,它们在人工智能(AI)领域的融合与创新已成为推动科技进步的关键力量。本文将从操作系统的核心功能拓展、AI技术的集成应用,以及开发者生态系统的演变三个维度,深入探讨Android和iOS如何在AI时代实现协同发展,以及这一进程对用户体验、应用开发和行业趋势产生的深远影响。通过对比分析和案例研究,我们旨在揭示两大平台在AI驱动下的创新路径,及其对未来科技格局的塑造作用。
|
1月前
|
人工智能 自然语言处理 语音技术
探索未来:安卓与iOS在人工智能领域的竞争与合作
【2月更文挑战第12天】本文深入探讨了安卓和iOS两大操作系统在人工智能(AI)领域的发展现状、竞争态势及未来合作可能性。通过对比分析两系统在AI技术集成、开发者支持、用户体验优化等方面的表现,揭示了它们各自的优势与挑战。文章最终展望了一个既有竞争又充满合作的未来,认为安卓和iOS的共同进步将推动整个人工智能技术向前发展,为用户带来更加智能、便捷的生活体验。
|
1月前
|
搜索推荐 Android开发 iOS开发
探索未来:安卓与iOS双系统的融合与创新
【2月更文挑战第12天】 在数字化时代,智能手机操作系统的发展不仅代表了技术的进步,更是用户体验革新的前沿。本文深入探讨了安卓和iOS这两大主流操作系统的未来走向,特别是它们在技术融合与创新方面的可能性。通过分析当前的市场需求、技术挑战和潜在的发展机会,我们将展望一个可能出现的未来场景:一个结合了安卓开放性和iOS优雅体验的双系统融合平台。这不仅仅是对技术极限的挑战,更是对用户体验极致追求的一次探索。
37 2
|
1月前
|
人工智能 搜索推荐 Android开发
探索未来:安卓与iOS在人工智能时代的融合趋势
【2月更文挑战第12天】 在这篇探索性文章中,我们将深入分析安卓和iOS两大移动操作系统在人工智能(AI)时代的融合趋势。随着技术的飞速发展,AI已成为推动智能手机进化的关键力量。本文通过对安卓和iOS各自在AI领域的最新进展进行比较,揭示了两大平台如何在保持各自特色的同时,也在向着更加智能、更加个性化的方向发展。我们不仅聚焦于当前的技术现状,而且还将展望未来,探讨这一趋势对用户体验、应用开发以及整个科技生态的深远影响。
|
1月前
|
人工智能 安全 搜索推荐
探索未来:安卓与iOS在人工智能时代的融合与创新
【2月更文挑战第12天】随着人工智能(AI)技术的飞速发展,安卓和iOS系统作为智能手机操作系统的两大巨头,正面临着前所未有的融合与创新机遇。本文将从AI技术对移动操作系统的影响、两大系统在AI领域的创新应用,以及未来可能的融合方向三个方面进行深入探讨。通过对比分析,我们旨在揭示安卓和iOS在人工智能时代如何共同推进技术革新,为用户提供更加智能、便捷的服务体验。
|
1月前
|
机器学习/深度学习 人工智能 算法
探索未来:Android与iOS在人工智能时代的融合与创新
【2月更文挑战第11天】 在数字化浪潮和人工智能技术的加速发展下,Android和iOS两大移动操作系统正面临前所未有的挑战与机遇。本文将深入探讨这两大平台如何在人工智能领域进行融合与创新,以及这些变革对消费者、开发者和整个科技生态的影响。我们将从操作系统的智能化升级、应用生态的变革、用户体验的革新三个方面入手,展望Android和iOS在人工智能时代的未来走向。