CN105302558A - 一种用于多客户端的内容展现系统及方法 - Google Patents

Abstract

本发明提供了一种内容展现系统及方法，系统包括组件库、选择模块、转换模块及客户端，组件库存储有多个组件，选择模块根据客户端的类型及展现内容，从组件库中选择相应的组件，转换模块根据所选择的组件，生成该客户端能够执行的命令，客户端执行该命令，以进行内容展现。本发明能将相同的内容展现在多个客户端中，并且能够使各个客户端具有统一的界面和操作流程。

Description

一种用于多客户端的内容展现系统及方法

技术领域

本发明属于终端显示领域，具体涉及一种内容展现系统及方法，用于将相同的内容展现在多个客户端中。

背景技术

目前基于互联网的内容展现系统中，存在几种主要的方式：基于HTML的浏览器客户端、基于Android或iOS的客户端、基于TV系统的客户端以及其他的客户端展现方式。每一种展现方式的载体不同，但是展现的内容却是基本相同的。目前将相同的内容展现在不同的客户端中，需要针对每一种客户端做适配，过程繁杂而重复。

目前现有的统一多客户端实现中，主要采用HTML、CSS和Javascript编写页面，然后调用部分系统原生接口，获取要展示的数据，数据格式为XML或者JSON等，来实现跨客户端的兼容。目前的业务主要集中在视频播放，而播放器的客户端多种多样，主要有浏览器、Android、iOS、TV等等。在日常的开发过程中，虽然使用的数据基本统一，但是还需要针对每一个客户端开发用户界面，实现起来非常繁琐。

发明内容

(一)要解决的技术问题

本发明的目的在于，提供一种内容展现系统及方法，能将相同的内容展现在多个客户端中，并且能够使各个客户端具有统一的界面和操作流程。

(二)技术方案

本发明提供一种内容展现系统，包括：

组件库，存储有多个组件；

选择模块，用于根据客户端的类型及展现内容，从组件库中选择相应的组件；

转换模块，用于根据所选择的组件，生成该客户端能够执行的命令；

客户端，用于执行该命令，以进行内容展现。

本发明还提供一种内容展现方法，包括：

S1，根据该客户端的类型及展现内容，从组件库中选择相应的组件，其中，组件库存储有多个组件；

S2，根据所选择的组件，生成该客户端能够执行的命令；

S3，客户端执行该命令，以进行内容展现。

(三)有益效果

本发明提供的内容展现系统及方法，通过定义统一的展现组件，将一系列组件作为展现的中间层，自动解析展现组件，生成各个客户端能够使用的展现内容，生成展现内容时，只需要选择展现组件，系统会自动生成适用于各个客户端的命令，从而使得能跨客户端兼容地进行内容展现，同时，通过定义统一的界面描述语言，可以针对各个客户端生成相应的命令，可以加快客户端的开发，并且能够使各个客户端有统一的界面和操作流程。

附图说明

图1是本发明实施例提供的内容展现系统的示意图。

图2是本发明实施例提供的内容展现系统中组件的结构示意图。

图3是本发明实施例提供的内容展现方法的流程图。

具体实施方式

本发明提供一种内容展现系统及方法，系统包括组件库、选择模块、转换模块及客户端，组件库存储有多个组件，选择模块根据客户端的类型及展现内容，从组件库中选择相应的组件，转换模块根据所选择的组件，生成该客户端能够执行的命令，客户端执行该命令，以进行内容展现。本发明能将相同的内容展现在多个客户端中，并且能够使各个客户端具有统一的界面和操作流程。

根据本发明的一种实施方式，内容展现系统包括：

组件库，存储有多个组件；

选择模块，用于根据该客户端的类型及展现内容，从组件库中选择相应的组件；

转换模块，用于根据所选择的组件，生成该客户端能够执行的命令；其中，转换模块可以是转换引擎。

客户端，用于执行该命令，以进行内容展现，其中，客户端可以是浏览器、Android终端、iOS终端、TV等，是内容展现工具的统称。

根据本发明的一种实施方式，组件库中的每个组件均包括：

定位描述单元，用于定义客户端展现内容时的布局信息；

样式定义单元，用于定义客户端展现内容时的样式信息；

功能执行单元，用于定义客户端展现内容时的执行信息；

数据接口单元，用于定义向客户端提供内容展现时所需数据的数据接口。

目前所有开发的有内容展现的客户端，基本上都有约定熟成的MVC分层，因此数据模型能够保证统一，而在视图层，各种客户端基本都实现了布局、样式和功能执行的分离。比如在浏览器客户端中，由HTML定义布局，CSS定义样式，而由Javascript定义功能；在Android客户端中，由XML定义布局和样式，由Java代码定义功能。因此本发明将组件分为四部分：定位描述单元，样式定义单元、功能执行单元及数据接口单元。

根据本发明的一种实施方式，转换模块根据所选择的组件生成该客户端能够执行的命令，生成的命令包括布局命令，样式命令，执行命令及接口命令等几个部分，具体步骤包括：

根据定位描述单元，生成该客户端能够执行的布局命令；优选地，定位描述单元根据客户端的类型，采用相应的编程语言定义布局信息，其中，目前主流的客户端实现都采用XML或者HTML语言来描述客户端展现的布局信息，因此只需要将组建的定位描述转换成各个客户端能够识别的XML或者HTML的语言。

根据样式定义单元，生成该客户端能够执行的样式命令；其中，目前主流的客户端中样式命令并不一致，有的采用单独的样式定义，比如网页的CSS，也有的没有单独的样式命令，而是和布局命令整合在一起，比如Android的客户端；其中，组件的样式定义针对不同的客户端，生成单独的样式命令或者将样式命令插入到定位命令中。

根据功能执行单元，生成该客户端能够执行的执行命令；

优选地，功能执行单元根据客户端的类型，采用相应的编程语言定义执行信息，由于各个客户端采用不同的编程语言，有不同的编程语言实现，因此执行命令需要有针对不用的客户端编写不同的编程语言，针对一般的内容展现业务，常用的逻辑一般比较简单，执行命令即获取数据，然后在各个客户端通过渲染并进行展现。这部分功能也可以通过定义通用的自定义编程语言，然后针对各个客户端生成适用的各种编程语言的执行命令。

根据数据接口单元，生成该客户端能够执行的接口命令；

其中，客户端：

根据布局命令对需展现的内容进行布局；

根据样式命令设定内容展现的样式；

根据执行命令实现内容显示功能；

根据接口命令从相应的数据接口获取需展现的数据。

根据本发明的一种实施方式，。

根据本发明的一种实施方式，功能执行单元根据客户端的类型，采用相应的编程语言定义所述执行信息。

根据本发明的一种实施方式，内容展现方法包括：

S1，根据该客户端的类型及展现内容，从组件库中选择相应的组件，其中，所述组件库存储有多个组件；

S2，根据所选择的组件，生成该客户端能够执行的命令；

S3，客户端执行该命令，以进行内容展现。

根据本发明的一种实施方式，步骤S2包括：

根据定位描述单元，生成该客户端能够执行的布局命令；

根据样式定义单元，生成该客户端能够执行的样式命令；

根据功能执行单元，生成该客户端能够执行的执行命令；

根据数据接口单元，生成该客户端能够执行的接口命令；

其中，步骤S3包括：

根据布局命令对需展现的内容进行布局；

根据样式命令设定内容展现的样式；

根据执行命令实现内容显示功能；

根据接口命令从相应的数据接口获取需展现的数据。

为使本发明的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本发明进一步详细说明。

图1是本发明实施例提供的内容展现系统的示意图，如图1所示，系统包括组件库、选择模块、转换引擎及3个客户端，其中，3个客户端为浏览器客户端、Android客户端及iOS客户端。在浏览器客户端中，由HTML定义布局，由CSS定义样式，由Javascript定义功能；在Android客户端中，由XML定义布局和样式，由Java定义功能；在iOS客户端中，由html5定义布局和样式，由objective-c定义功能。

组件库存储有多个组件，如图2所示，每个组件均包括定位描述单元、样式定义单元、功能执行单元及数据接口单元，其中，定位描述单元根据客户端的类型，采用相应的编程语言定义客户端展现内容时的布局信息；样式定义单元定义客户端展现内容时的样式信息；功能执行单元根据客户端的类型，采用相应的编程语言定义客户端展现内容时的执行信息；数据接口单元生成该客户端能够执行的接口命令；

选择模块根据该客户端的类型及展现内容，从组件库中选择相应的组件；如图2所示，本实施例中有三种类型的客户端，即从组件库中选择三个对应的组件。

转换模块根据定位描述单元，生成该客户端能够执行的布局命令，根据样式定义单元，生成该客户端能够执行的样式命令，根据功能执行单元，生成该客户端能够执行的执行命令；根据数据接口单元，生成该客户端能够执行的接口命令。

客户端根据布局命令对需展现的内容进行布局；根据样式命令设定内容展现的样式；根据执行命令实现内容显示功能；根据接口命令从相应的数据接口获取需展现的数据。

图3是本发明实施例提供的内容展现方法的流程图，如图3所示，方法包括：

S1，根据该客户端的类型及展现内容，从组件库中选择相应的组件，其中，组件库存储有多个组件，每个组件均包括定位描述单元、样式定义单元、功能执行单元及数据接口单元，其中，定位描述单元根据客户端的类型，采用相应的编程语言定义客户端展现内容时的布局信息；样式定义单元定义客户端展现内容时的样式信息；功能执行单元根据客户端的类型，采用相应的编程语言定义客户端展现内容时的执行信息；数据接口单元生成该客户端能够执行的接口命令。

S2，根据定位描述单元，生成该客户端能够执行的布局命令；根据样式定义单元，生成该客户端能够执行的样式命令；根据功能执行单元，生成该客户端能够执行的执行命令；根据数据接口单元，生成该客户端能够执行的接口命令；

S3，客户端根据布局命令对需展现的内容进行布局；根据样式命令设定内容展现的样式；根据执行命令实现内容显示功能；根据接口命令从相应的数据接口获取需展现的数据。

以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施例而已，并不用于限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种内容展现系统，用于将相同的内容展现在至少一个客户端中，其特征在于，包括：

组件库，存储有多个组件；

选择模块，用于根据该客户端的类型及展现内容，从所述组件库中选择相应的组件；

转换模块，用于根据所选择的组件，生成该客户端能够执行的命令；

客户端，用于执行该命令，以进行内容展现。

2.根据权利要求1所述的内容展现系统，其特征在于，所述组件库中的每个组件均包括：

定位描述单元，用于定义客户端展现内容时的布局信息；

样式定义单元，用于定义客户端展现内容时的样式信息；

功能执行单元，用于定义客户端展现内容时的执行信息；

数据接口单元，用于定义向客户端提供内容展现时所需数据的数据接口。

3.根据权利要求2所述的内容展现系统，其特征在于，所述转换模块根据所选择的组件生成该客户端能够执行的命令，包括：

根据所述定位描述单元，生成该客户端能够执行的布局命令；

根据所述样式定义单元，生成该客户端能够执行的样式命令；

根据所述功能执行单元，生成该客户端能够执行的执行命令；

根据所述数据接口单元，生成该客户端能够执行的接口命令；

其中，所述客户端：

根据所述布局命令对需展现的内容进行布局；

根据所述样式命令设定内容展现的样式；

根据所述执行命令实现内容显示功能；

根据所述接口命令从相应的数据接口获取需展现的数据。

4.根据权利要求2所述的内容展现系统，其特征在于，所述定位描述单元根据客户端的类型，采用相应的编程语言定义所述布局信息。

5.根据权利要求2所述的内容展现系统，其特征在于，所述功能执行单元根据客户端的类型，采用相应的编程语言定义所述执行信息。

6.一种内容展现方法，用于将相同的内容展现在至少一个客户端中，其特征在于，方法包括：

S1，根据该客户端的类型及展现内容，从组件库中选择相应的组件，其中，所述组件库存储有多个组件；

S2，根据所选择的组件，生成该客户端能够执行的命令；

S3，客户端执行该命令，以进行内容展现。

7.根据权利要求6所述的内容展现方法，其特征在于，其特征在于，所述组件库中的每个组件均包括：

定位描述单元，用于定义客户端展现内容时的布局信息；

样式定义单元，用于定义客户端展现内容时的样式信息；

功能执行单元，用于定义客户端展现内容时的执行信息；

数据接口单元，用于定义向客户端提供内容展现时所需数据的数据接口。

8.根据权利要求7所述的内容展现方法，其特征在于，所述步骤S2包括：

根据所述定位描述单元，生成该客户端能够执行的布局命令；

根据所述样式定义单元，生成该客户端能够执行的样式命令；

根据所述功能执行单元，生成该客户端能够执行的执行命令；

根据所述数据接口单元，生成该客户端能够执行的接口命令；

其中，所述步骤S3包括：

根据所述布局命令对需展现的内容进行布局；

根据所述样式命令设定内容展现的样式；

根据所述执行命令实现内容显示功能；

根据所述接口命令从相应的数据接口获取需展现的数据。

9.根据权利要求7所述的内容展现方法，其特征在于，所述定位描述单元根据客户端的类型，采用相应的编程语言定义所述布局信息。

10.根据权利要求7所述的内容展现方法，其特征在于，所述功能执行单元根据客户端的类型，采用相应的编程语言定义所述执行信息。