CN103885764B - 网络媒介信息展示系统、方法、装置和服务器 - Google Patents

Abstract

本申请公开了一种网络媒介信息展示系统、方法、装置和服务器。包括：在展示服务器设置网络媒介信息数据，所述网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据；在展示装置中设置所述样式类型及其对应的基础元素的创建脚本；展示装置在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据，然后根据预设的基本元素创建脚本自动创建该网络媒介信息样式类型对应的基础元素，并根据模板数据中的元素标识匹配出当前网络媒介信息的构件元素，再按照所述样式数据将所述构件元素组装成需要展示的网络媒介信息。本发明可提高脚本复用率，提高扩展性和开发效率。

Description

网络媒介信息展示系统、方法、装置和服务器

技术领域

本发明涉及互联网的数据处理技术，尤其涉及一种网络媒介信息展示方法、展示系统、展示装置和展示服务器。

背景技术

网络媒介信息是一种在互联网系统的各种展示媒介（如网页、客户端界面等）上发布的以数字脚本为载体的各种电子信息，如网络广告以及其它的展示信息等。网络媒介信息中包括网络媒介信息的元素即信息元素。所述信息元素就是组成网络媒介信息的元件（例如图片、文字、按钮、链接等）以及该元件在网络媒介信息中的展现形式（例如元件的位置、尺寸、颜色等展现形式）。在展示网络媒介信息时，还需要所述信息元素的元素内容，如图片的地址（展示装置可以根据该地址获取图片并展示图片）、文字的具体内容、按钮上显示的内容、链接对应的跳转地址等等，这些元素内容通常由网络媒介信息的投放方在投放网络媒介信息时输入。

在目前的网络媒介信息展示系统中，可以设置多种网络媒介信息模板供投放方选择。所述网络媒介信息模板就是网络媒介信息所展示的样式。如图1所示为三种不同的网络媒介信息模板所展示出的网络媒介信息效果示意图。投放方可以从多种网络媒介信息模板中选择自己满意的样式的网络媒介信息模板，并输入该网络媒介信息模板中的信息元素对应的元素内容，例如如果该网络媒介信息模板中的信息元素有标题文字、图片、图片跳转链接，则投放方需输入标题文字的内容、图片的获取地址、图片跳转链接的统一资源定位符（URL），展示系统根据所述网络媒介信息模板的样式数据和所述元素内容输出展示对应的网络媒介信息。

但是现有技术中，开发人员每编写一个供投放方选择的网络媒介信息模板，都需要编写该网络媒介信息模板内所有的信息元素的创建脚本（所述脚本通常是javascript脚本）、以及按照指定样式对这些信息元素进行展示的脚本。所述的脚本需要与网络媒介信息的产品特性对应，而且需要与其他脚本无冲突，还需要是兼容性较好的跨浏览器的脚本。因此，现有技术中，脚本复用率低，扩展性差，开发效率低。

发明内容

有鉴于此，本发明的主要目的在于提供一种网络媒介信息展示系统、方法、装置和服务器，以提高脚本复用率，提高扩展性和开发效率。

本发明的技术方案是这样实现的：

一种网络媒介信息展示系统，包括展示服务器和用户展示装置；

所述展示服务器用于设置网络媒介信息数据，所述网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据；

所述用户展示装置中包括流程控制模块、基础模块、解析模块、匹配模块和组装模块；

所述流程控制模块用于启动控制展示流程，在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据；

所述基础模块用于设置所述样式类型及其对应的基础元素的创建脚本，在本用户展示装置获取到网络媒介信息数据后，根据所述创建脚本创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中；

所述解析模块用于解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

所述匹配模块用于从所述基础模块中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

所述组装模块用于根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示。

一种网络媒介信息展示方法，包括：

在展示服务器设置网络媒介信息数据，所述网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据；

在展示装置中设置所述样式类型及其对应的基础元素的创建脚本；

所述展示装置在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据，并执行后续步骤：

根据所述创建脚本，创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中；

解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

从已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示。

一种网络媒介信息的用户展示装置，包括：流程控制模块、基础模块、解析模块、匹配模块和组装模块；

所述流程控制模块用于启动控制展示流程，在需要展示网络媒介信息时从展示服务器获取对应的网络媒介信息数据,该网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据；

所述基础模块用于设置所述样式类型及其对应的基础元素的创建脚本，在本用户展示装置获取到网络媒介信息数据后，根据所述创建脚本创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中；

所述解析模块用于解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

所述匹配模块用于从所述基础模块中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

所述组装模块用于根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示。

一种网络媒介信息的展示服务器，包括：第一设置装置和第二设置装置；

所述第一设置装置用于在展示服务器设置两种以上网络媒介信息模板对应的样式类型和模板数据，所述模板数据中包括元素标识和样式数据；

所述第二设置装置用于向网络媒介信息的投放方展示所述网络媒介信息模板供投放方选择，并接收投放方的选择指令和对应输入的元素内容，生成并存储对应的网络媒介信息数据，所述网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据。

与现有技术相比，本发明中，所述样式类型设定了不同的模板样式，每种样式类型中，又可以对应设置一种或两种以上的具体的网络媒介信息模板；每种样式类型对应的基础的网络媒介信息元素（在本文中简称基础元素）是预先设置好的。在展示服务器中，需要设置每种样式类型对应的基础元素标识，开发人员在设置一种样式类型对应的任意种网络媒介信息模板时，只需要从该样式类型对应的基础元素中选择出元素标识并输入样式数据即可，不必编写创建所选元素的脚本。而在展示装置中，需要设置每种样式类型对应的基础元素的标识及其创建脚本。展示装置在获得网络媒介信息数据后，会根据预设的基本元素创建脚本自动创建该网络媒介信息样式类型对应的基础元素，并根据模板数据中的元素标识匹配出当前网络媒介信息的构件元素，再按照所述样式数据将所述构件元素组装成需要展示的网络媒介信息。因此本发明中，网络媒介信息模板的开发人员在开发新的网络媒介信息模板时，不必频繁地编写和修改大量的脚本，只需专注于模板数据的编写，不需要关心复杂的网络媒介信息逻辑及脚本兼容性等问题，脚本复用率高，网络媒介信息模板的扩展性强，可以降低网络媒介信息模板的开发和维护成本，减少脚本的错误（BUG）数量，提高开发效率；同时还可以提高新网络媒介信息模板的上线效率，不必发布新的网络媒介信息模板脚本；另一方面，还有利于统一网络媒介信息制作的标准，当开发人员较多时，可以方便开发人员之间的协作性，降低由于网络媒介信息制作标准不一致导致的沟通成本。

附图说明

图1所示为三种不同的网络媒介信息模板所展示出的网络媒介信息效果示意图；

图2为本发明所述网络媒介信息展示系统的一种组成示意图；

图3为向投放方展示的其选中的网络媒介信息模板内容设置界面的示意图；

图4为所述第二设置装置中的投放方展示装置的组成示意图

图5为在用户展示装置中包括扩展元素判断模块和扩展模块的一种组成示意图；

图6为本发明所述网络媒介信息展示方法的一种流程图；

图7为一种所展示的具体的网络媒介信息的界面示意图。

具体实施方式

下面结合附图及具体实施例对本发明再作进一步详细的说明

图2为本发明所述网络媒介信息展示系统的一种组成示意图。参见图2，该展示系统包括：展示服务器201和用户展示装置202。

所述展示服务器201用于设置网络媒介信息数据，所述网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据。所述元素标识是网络媒介信息元素的标识，例如可以是图片标识、文字标识、链接标识等，所述样式数据是指用于描述所述网络媒介信息元素之间的位置关系（如叠加等关系）和其它展现样式的数据。

如图2，所述展示服务器201中具体包括第一设置装置211和第二设置装置212。

所述第一设置装置211面向开发人员，供开发人员使用，实质上是为开发人员提供的一个设置接口，用于在展示服务器201设置两种以上网络媒介信息模板对应的样式类型和模板数据，所述模板数据中包括元素标识和样式数据。所述样式类型设定了不同的模板样式，例如“sns_wide_pic_leftRight”表示了一种样式类型，代表了“社交网络-宽屏-有图片-左右结构”的样式类型。每种样式类型对应的基础的网络媒介信息元素（在本文中简称基础元素）是预先设置好的；每种样式类型中，又可以对应设置一种或两种以上的具体的网络媒介信息模板，这些网络媒介信息模板中的网络媒介信息元素是从本样式类型的基础元素中挑选出的。在展示服务器201中，需要设置每种样式类型对应的基础元素，开发人员在利用所述第一设置装置211设置一种样式类型对应的任意种网络媒介信息模板时，只需要从该样式类型对应的基础元素中选择出基础元素标识并输入样式数据即可，不必编写创建所选元素的脚本，大大降低了开发人员的工作量。同时，对多名开发人员来说，所述每种样式类型对应的基础元素的标识都是统一的，因此可以避免不同开发人员开发元素脚本时的脚本差异性，方便不同开发人员直接的团队协作。

所述第二设置装置212面向网络媒介信息的投放方，具体可以是设置在服务器上的前端网页服务装置或客户端，投放方可以通过浏览器来访问该第二设置装置212来投放网络媒介信息，或者也可以是一种客户端。该第二设置装置212用于向网络媒介信息的投放方展示所述开发人员设置的网络媒介信息模板供投放方选择，并接收投放方的选择指令和对应输入的元素内容，生成并存储对应的网络媒介信息数据，所述网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据。所述第二设置装置212通常具有设置界面，如可以先显示图1所述的三种候选网络媒介信息模板供投放方选择，投放方可以选择其中的一种网络媒介信息模板，然后会向投放方展示其选中的网络媒介信息模板的内容设置界面。如图3为向投放方展示的其选中的网络媒介信息模板内容设置界面的示意图。参见图3，假设用户选中的是图1中的网络媒介信息模板“大图网络媒介信息（宽版-上下）”，则在图3中需提示用户输入该网络媒介信息模板包括的基础元素的元素内容。如标题文字301、物料图片302、网络媒介信息的跳转链接303、以及更为详细的模板样式选项304。投放方输入元素内容和选择指令后，点击“提交”按钮则第二设置装置212会接收投放方的选择指令和对应输入的元素内容，生成并存储对应的网络媒介信息数据。

所述用户展示装置202是直接与用户进行人机交互的装置，具体可以是设置在服务器上的前端网页服务装置，用户可以通过浏览器来访问该前端网页服务装置来处理和展示网络媒介信息；或者也可以是一种客户端。如图2所示，所述用户展示装置202中包括流程控制模块221、基础模块222、解析模块223、匹配模块224和组装模块225。

所述流程控制模块221用于启动控制展示流程，在需要展示网络媒介信息时从所述展示服务器201获取对应的网络媒介信息数据。具体包括：所述展示装置在需要展示网络媒介信息时向所述展示服务器201发起包含展位标识的展示请求，所述需要展示网络媒介信息的时机例如可以是用户打开某个包含该展位标识的网页或客户端界面等；所述展示服务器201收到所述展示请求后，查询所述展位标识对应的网络媒介信息数据，并将所述网络媒介信息数据返回给展示装置。所述展示服务器201在设置生成每一个网络媒介信息数据后都对应一个展位标识，用于表示该网络媒介信息数据需要展示在网络的什么位置，即投放方希望将该网络媒介信息数据投放的目的展位。

所述基础模块222用于设置所述样式类型及其对应的基础元素的创建脚本，在本用户展示装置202获取到网络媒介信息数据后，根据所述创建脚本创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中。

所述解析模块223用于解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据。

所述匹配模块224用于从所述基础模块222中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素。

所述组装模块225用于根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示。

本发明中，在服务器端，开发人员只需设置模板数据即可，而在展示装置中，需要设置每种样式类型对应的基础元素的标识及其创建脚本。展示装置在获得网络媒介信息数据后，会根据预设的基本元素创建脚本自动创建该网络媒介信息样式类型对应的基础元素，并根据模板数据中的元素标识匹配出当前网络媒介信息的构件元素，再按照所述样式数据将所述构件元素组装成需要展示的网络媒介信息。因此本发明中，网络媒介信息模板的开发人员在开发新的网络媒介信息模板时，不必频繁地编写和修改大量的脚本，只需专注于模板数据的编写，不需要关心复杂的网络媒介信息逻辑及脚本兼容性等问题，脚本复用率高，网络媒介信息模板的扩展性强。同时，利用本发明，上线新样式的网络媒介信息时无需发布新的开发脚本，只需要在展示服务器201中添加新的网络媒介信息模板即可，整个过程操作简单，效率高，也能规避发布开发脚本所带来的风险。

在本发明的一种实施例中，对于网络媒介信息的投放方，本发明还可以进一步实现针对投放方的预览方案。即所述第二设置装置212中可以进一步包括投放方展示装置，如图4为所述第二设置装置212中的投放方展示装置的组成示意图，参见图4，该投放方展示装置中401包括：

流程控制模块411，用于启动控制预览流程，在所述第二设置装置212接收到投放方的选择指令和对应输入的元素内容后，如果收到该投放方的预览指令，例如图3中用户点击了“预览”按钮，则生成对应的预览网络媒介信息数据，所述预览网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据。

基础模块412，用于设置所述样式类型及其对应的基础元素的创建脚本，在流程控制模块生成预览网络媒介信息数据后，根据所述创建脚本创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中。

解析模块413，用于解析所述预览网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据。

匹配模块414，用于从所述基础模块中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素。

组装模块415，用于根据所述样式数据将所述构件元素组装成预览的网络媒介信息，并输出展示。

投放方展示装置中401与用户展示装置202除了流程控制模块的展示触发时机有所区别，其它模块都相同或相似。通过上述预览方案，投放方在选择网络媒介信息模板并输入元素内容后，可以输入预览指令，系统会自动为投放方展现其所选的网络媒介信息模板和输入的元素内容所组成的网络媒介信息的展示效果，从而提高了网络媒介信息投放的直观性和时效性，方便投放方根据及时看到投放展示效果调整投放方案，减少错误投放所导致的成本开销。

为了进一步提高网络媒介信息模板的扩展性。在本发明的一种实施例中，所述模板数据中可以进一步包括扩展元素标识及其对应的创建表达式。开发人员在展示服务器201端设置网络媒介信息模板时，将扩展元素的标识及其对应的创建表达式设置到模板数据中。并且，所述用户展示装置202和投放方展示装置401中都可以进一步包括扩展元素判断模块和扩展模块。图5为在用户展示装置202中包括扩展元素判断模块和扩展模块的一种组成示意图，投放方展示装置中的扩展元素判断模块和扩展模块于此类似，下面仅以图5为例说明。

所述扩展元素判断模块501，例如此实施例中设置在匹配模块中，当然也可以设置在解析模块中，该扩展元素判断模块501用于将所述解析出的元素标识中不能与所述基础元素匹配的元素标识判定为扩展元素标识。

所述扩展模块502用于根据所述扩展元素标识对应的创建表达式创建对应的扩展元素，将所述网络媒介信息数据中对应的元素内容添加到对应的所述扩展元素中，将所述扩展元素作为构件元素。所述扩展模块中设置有可以识别所述扩展元素对应的创建表达式的识别逻辑，通过该识别逻辑执行所述创建表达式从而创建对应的扩展元素。

并且，所述组装模块225进一步用于：根据所述样式数据，将所述提取出的基础元素和所述创建的扩展元素组装成网络媒介信息，并输出展示。

通过图5所述的方案，当开发人员在设置网络媒介信息模板的模板数据时，如果某一样式类型的基础元素中没有包括开发人员希望扩展的扩展元素时，则开发人员可以在所述该网络媒介信息模板的模板数据中添加扩展元素标识及其对应的创建表达式，方便开发人员在基础元素的基础上，非常方便地扩展网络媒介信息模板的内容，进一步增强网络媒介信息模板的扩展性。

另外，在一种实施例中，所述用户展示装置202和投放方展示装置401中的流程控制模块还可以进一步用于设置本展示装置中的可重用的公共函数，在本展示装置的其它模块需要执行公共函数对应的操作时，调用该流程控制模块中对应的公共函数进行相应操作。所述可重用的公共函数用于描述编程语言的基本框架（如对于javascript语言就是javascript框架），例如包括DOM操作、事件对象、以及事件对应的网络媒介信息展示形式等，展示装置可以根据这些基本的公共函数实现对应的操作。

与上述网络媒介信息展示系统对应，本发明还公开了一种网络媒介信息展示方法。图6为该网络媒介信息展示方法的一种流程图。参见图6，该方法包括：

步骤601、在展示服务器设置网络媒介信息数据，所述网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据。

步骤602、在展示装置中设置所述样式类型及其对应的基础元素的创建脚本。

步骤603、所述展示装置在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据，并执行后续步骤604~607。具体的，所述在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据，例如具体可以包括：所述展示装置在需要展示网络媒介信息时向所述展示服务器发起包含展位标识的展示请求，所述展示服务器收到所述展示请求后，查询所述展位标识对应的网络媒介信息数据，并将所述网络媒介信息数据返回给展示装置。

步骤604、根据所述创建脚本，创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中。

步骤605、解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据。

步骤606、从已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素。

步骤607、根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示。

所述步骤601中，所述在展示服务器设置网络媒介信息数据，具体包括：在展示服务器设置两种以上网络媒介信息模板对应的样式类型和模板数据，所述模板数据中包括元素标识和样式数据；向网络媒介信息的投放方展示所述网络媒介信息模板供投放方选择，例如向投放方展示图1和图3所述的界面供投放方选择输入；并接收投放方的选择指令和对应输入的元素内容，生成并存储对应的网络媒介信息数据，所述网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据。

为了能使投放方预览其所选择的网络媒介信息模板和元素内容所组成的网络媒介信息的最终展示效果，本方法还进一步在投放方的展示装置中设置所述样式类型及其对应的基础元素；并且，在接收投放方的选择指令和对应输入的元素内容后，如果收到该投放方的预览指令（例如投放方点击了图3中的所述“预览”按钮），则由投放方的展示装置执行后续步骤611~615：

步骤611、生成对应的预览网络媒介信息数据，所述预览网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据。

步骤612、根据所述创建脚本创建所述预览网络媒介信息数据中的样式类型对应的基础元素，将所述预览网络媒介信息数据中的元素内容添加到对应的基础元素中。

步骤613、解析所述预览网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据。

步骤614、从所述基础模块中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素。

步骤615、根据所述样式数据将所述构件元素组装成预览网络媒介信息，并输出展示给投放方进行预览。

当一种样式类型对应的基础元素中不包含开发人员希望新建的网络媒介信息模板的信息元素时，开发人员还可以将扩展元素标识及其创建表达式写入模板数据，即所述模板数据中可进一步包括扩展元素标识及其对应的创建表达式；且进一步包括：在步骤606和步骤614中，将所述解析出的元素标识中不能与所述基础元素匹配的元素标识判定为扩展元素标识；根据所述扩展元素标识对应的创建表达式创建对应的扩展元素，将所述网络媒介信息数据中对应的元素内容添加到对应的所述扩展元素中，将所述扩展元素作为构件元素；并且，所述步骤607和步骤615所述根据所述样式数据将所述构件元素组装成网络媒介信息的具体方法包括：根据所述样式数据，将所述提取出的基础元素和所述创建的扩展元素组装成网络媒介信息。通过对这种扩展元素的处理，本发明可以进一步提高网络媒介信息模板的拓展性。

下面通过一个具体的网络媒介信息数据的例子来进一步说明本发明的方案。

例如当用户打开某个包含某展位标识的网页或客户端界面后，需要在该展位上向用户展示假设如图7所示的网络媒介信息。所述用户展示装置会向所述展示服务器发起包含该展位标识的展示请求，假设该展位标识为weibo_SJ_WDZY_R2P_TJPP，发送的展示请求为：http://ls.l.qq.com/lview?c=t&loc=weibo_SJ_WDZY_R2P_TJPP&callback= crystal.call backarea&rot=1

所述展示服务器收到所述展示请求后，根据所述展位标识查询投放方所提交的对应的网络媒介信息数据，并返回所述网络媒介信息数据给用户展示装置。假设所述网络媒介信息数据的内容如下：

crystal.callbackarea([{…"loc":"weibo_SJ_WDZY_R2P_TJPP","display":"sns_wide_pic_leftRight",…,"mapData":{"$privacy":"1","container":"body","body":["titleBlock","adBlock"],"adBlock":["imageBlock{'float':'left'}″,"<div#1{'float':'right','width':'110px'}>"],"div#1":["headiconBox","textBox{'line-height':'20px'}″,"<div#2{′position':'absolute','bottom':'5px'}>"],"div#2":["joinBtn"],"textBox":["textSpan1+adnumSpan","textSpan2+userLink","textSpan3+linkBtn"]},"fodder":[{"pic":"http://adsfile.qq.com/201211/02/bjjdsj_sa_201211023812.GIF","width":"182","height":"130","title":"2012年航空技术论坛","link_to":"http://c2.l.qq.com/lclick?seq=20121102001239&loc=weibo_SJ_WDZY_R2P_TJPP&soid=290DB90A0049509730CB85927900"}]}])

其中，所述display属性中的“sns_wide_pic_leftRight”就是样式类型，所述基础模块根据该样式类型对应的创建代码来创建该样式类型对应的所有基础元素，包括网络媒介信息的标题701、物料图片702、头像703、网络媒介信息的边框704、“马上参加”按钮705以及网络媒介信息的引导语“快来参加吧！”706，以及所有其它的基础元素，并将所述网络媒介信息数据中的元素内容添加到对应的基础元素中，例如：

将标题文字“2012年航空技术论坛”添加到标题701中；

将物料图片702的访问链接pic":"http://adsfile.qq.com/201211/02/bjjdsj_sa_201211023812.GIF",width":"182"也添加到对应的图片元素中以显示对应的图片；

将图片的跳转地址"http://c2.l.qq.com/lclick?seq=20121102001239&loc=weibo_SJ_WDZY_R2P_TJPP&soid=290DB90A0049509730CB85927900"添加到跳转地址元素中，以在用户点击所述图片702后页面跳转到该跳转地址。

所述mapDate属性中的内容为模板数据，解析模块解析这些模板数据得到其中的元素标识和样式数据，例如"titleBlock"为标题元素的标识，"imageBlock"为图片元素的标识，其后面的{'float':'left'}为该图片的样式数据，等等。所述元素标识中包括基本元素的标识，如所述元素701~706的标识，也包括扩展元素的标识。例如所述扩展元素的标识包括“div#1”、”div#2”这两个元素，扩展元素后面所跟的{'float':'right','width':'110px'}>"],"div#1":["headiconBox","textBox{'line-height':'20px'}以及{′position':'absolute','bottom':'5px'}>"],"div#2":["joinBtn"],"textBox":["textSpan1+adnumSpan","textSpan2+userLink","textSpan3+linkBtn"]}为所述扩展元素的创建表达式。

所述匹配模块从所述基础模块中已创建的基础元素中提取与所述mapDate属性中的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素，即除了所述解析出来的元素标识的其它基础元素需要被过滤掉，只保留解析出的元素标识对应的基础元素，如保留所述元素701~706。另外，对于所述mapDate属性中的元素标识中不能与所述基础元素匹配的元素标识（即所述“div#1”、”div#2”）则判定为扩展元素标识，根据所述扩展元素标识对应的创建表达式创建对应的扩展元素，如果所述网络媒介信息数据中还包括这些扩展元素对应的元素内容，则可以将对应的元素内容添加到对应的所述扩展元素中，并将所述扩展元素作为构件元素。例如所述“共7379人已参与，亲爱的@星炫”就是所创建的扩展元素。

最后组装模块根据所述mapDate属性中的样式数据，将所述提取出的基础元素和所述创建的扩展元素组装成如图7所示的最终的网络媒介信息，并输出展示给用户。

以上所描述的实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如其中多个模块可以集成在一个处理模块中，也可以是各个模块单独物理存在。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (9)

1.一种网络媒介信息展示系统，其特征在于，包括展示服务器和用户展示装置；

所述展示服务器用于设置网络媒介信息数据，所述网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据；

所述用户展示装置中包括流程控制模块、基础模块、解析模块、匹配模块和组装模块；

所述流程控制模块用于启动控制展示流程，在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据；

所述基础模块用于设置所述样式类型及其对应的基础元素的创建脚本，在本用户展示装置获取到网络媒介信息数据后，根据所述创建脚本创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中；

所述解析模块用于解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

所述匹配模块用于从所述基础模块中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

所述组装模块用于根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示；

所述模板数据中进一步包括扩展元素标识及其对应的创建表达式；

且所述用户展示装置进一步包括：

扩展元素判断模块，用于将所述解析出的元素标识中不能与所述基础元素匹配的元素标识判定为扩展元素标识；

扩展模块，用于根据所述扩展元素标识对应的创建表达式创建对应的扩展元素，将所述网络媒介信息数据中对应的元素内容添加到对应的所述扩展元素中，将所述扩展元素作为构件元素；

且所述组装模块进一步用于：根据所述样式数据，将所述提取出的基础元素和所述创建的扩展元素组装成网络媒介信息，并输出展示。

2.一种网络媒介信息展示方法，其特征在于，包括：

在展示服务器设置网络媒介信息数据，所述网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据；

在展示装置中设置所述样式类型及其对应的基础元素的创建脚本；

所述展示装置在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据，并执行后续步骤：

根据所述创建脚本，创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中；

解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

从已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示；

所述模板数据中进一步包括扩展元素标识及其对应的创建表达式；

该方法进一步包括：将所述解析出的元素标识中不能与所述基础元素匹配的元素标识判定为扩展元素标识；根据所述扩展元素标识对应的创建表达式创建对应的扩展元素，将所述网络媒介信息数据中对应的元素内容添加到对应的所述扩展元素中，将所述扩展元素作为构件元素；

且，所述根据所述样式数据将所述构件元素组装成网络媒介信息的具体方法包括：根据所述样式数据，将所述提取出的基础元素和所述创建的扩展元素组装成网络媒介信息。

3.根据权利要求2所述的方法，其特征在于，所述在展示服务器设置网络媒介信息数据，具体包括：

在展示服务器设置两种以上网络媒介信息模板对应的样式类型和模板数据，所述模板数据中包括元素标识和样式数据；

向网络媒介信息的投放方展示所述网络媒介信息模板供投放方选择，并接收投放方的选择指令和对应输入的元素内容，生成并存储对应的网络媒介信息数据，所述网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据。

4.根据权利要求3所述的方法，其特征在于，

该方法进一步在投放方的展示装置中设置所述样式类型及其对应的基础元素；

并且，在接收投放方的选择指令和对应输入的元素内容后，如果收到该投放方的预览指令，则由投放方的展示装置执行后续步骤：

生成对应的预览网络媒介信息数据，所述预览网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据；

根据所述创建脚本创建所述预览网络媒介信息数据中的样式类型对应的基础元素，将所述预览网络媒介信息数据中的元素内容添加到对应的基础元素中；

解析所述预览网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

从所述已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

根据所述样式数据将所述构件元素组装成预览网络媒介信息，并输出展示。

5.根据权利要求2所述的方法，其特征在于，所述展示装置在需要展示网络媒介信息时从所述展示服务器获取对应的网络媒介信息数据，具体包括：

所述展示装置在需要展示网络媒介信息时向所述展示服务器发起包含展位标识的展示请求；

所述展示服务器收到所述展示请求后，查询所述展位标识对应的网络媒介信息数据，并将所述网络媒介信息数据返回给展示装置。

6.一种网络媒介信息的用户展示装置，其特征在于，包括：流程控制模块、基础模块、解析模块、匹配模块和组装模块；

所述流程控制模块用于启动控制展示流程，在需要展示网络媒介信息时从展示服务器获取对应的网络媒介信息数据,该网络媒介信息数据中包括网络媒介信息模板对应的样式类型、模板数据和元素内容，所述模板数据中包括元素标识和样式数据；

所述基础模块用于设置所述样式类型及其对应的基础元素的创建脚本，在本用户展示装置获取到网络媒介信息数据后，根据所述创建脚本创建所述网络媒介信息数据中的样式类型对应的基础元素，将所述网络媒介信息数据中的元素内容添加到对应的基础元素中；

所述解析模块用于解析所述网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

所述匹配模块用于从所述基础模块中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

所述组装模块用于根据所述样式数据将所述构件元素组装成网络媒介信息，并输出展示；

所述模板数据中进一步包括扩展元素标识及其对应的创建表达式；

且所述用户展示装置进一步包括：

扩展元素判断模块，用于将所述解析出的元素标识中不能与所述基础元素匹配的元素标识判定为扩展元素标识；

扩展模块，用于根据所述扩展元素标识对应的创建表达式创建对应的扩展元素，将所述网络媒介信息数据中对应的元素内容添加到对应的所述扩展元素中，将所述扩展元素作为构件元素；

且所述组装模块进一步用于：根据所述样式数据，将所述提取出的基础元素和所述创建的扩展元素组装成网络媒介信息，并输出展示。

7.根据权利要求6所述的用户展示装置，其特征在于，所述流程控制模块进一步用于设置本展示装置中的可重用的公共函数，在本展示装置的其它模块需要执行公共函数对应的操作时，调用该流程控制模块中对应的公共函数进行相应操作。

8.一种网络媒介信息的展示服务器，其特征在于，包括：第一设置装置和第二设置装置；

所述第一设置装置用于在展示服务器设置两种以上网络媒介信息模板对应的样式类型和模板数据，所述模板数据中包括元素标识和样式数据；

所述第二设置装置用于向网络媒介信息的投放方展示所述网络媒介信息模板供投放方选择，并接收投放方的选择指令和对应输入的元素内容，生成并存储对应的网络媒介信息数据，所述网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据；

所述第二设置装置进一步包括投放方展示装置，该投放方展示装置中包括：

流程控制模块，用于启动控制预览流程，在所述第二设置装置接收到投放方的选择指令和对应输入的元素内容后，如果收到该投放方的预览指令，则生成对应的预览网络媒介信息数据，所述预览网络媒介信息数据中包括投放方所选网络媒介信息模板对应的样式类型、模板数据和投放方输入的元素内容，所述模板数据中包括元素标识和样式数据；

基础模块，用于设置所述样式类型及其对应的基础元素的创建脚本，在流程控制模块生成预览网络媒介信息数据后，根据所述创建脚本创建所述预览网络媒介信息数据中的样式类型对应的基础元素，将所述预览网络媒介信息数据中的元素内容添加到对应的基础元素中；

解析模块，用于解析所述预览网络媒介信息数据中的模板数据，得到其中的元素标识和样式数据；

匹配模块，用于从所述基础模块中已创建的基础元素中提取与所述解析出的元素标识匹配的基础元素，将所述提取出的基础元素作为构件元素；

组装模块，用于根据所述样式数据将所述构件元素组装成预览的网络媒介信息，并输出展示；

所述模板数据中进一步包括扩展元素标识及其对应的创建表达式；

且所述投放方展示装置进一步包括：

扩展元素判断模块，用于将所述解析出的元素标识中不能与所述基础元素匹配的元素标识判定为扩展元素标识；

扩展模块，用于根据所述扩展元素标识对应的创建表达式创建对应的扩展元素，将所述网络媒介信息数据中对应的元素内容添加到对应的所述扩展元素中，将所述扩展元素作为构件元素；

且所述组装模块进一步用于：根据所述样式数据，将所述提取出的基础元素和所述创建的扩展元素组装成网络媒介信息，并输出展示。

9.根据权利要求8所述的展示服务器，其特征在于，所述流程控制模块进一步用于设置本展示装置中的可重用的公共函数，在本展示装置的其它模块需要执行公共函数对应的操作时，调用该流程控制模块中对应的公共函数进行相应操作。