CN102681832B - 一种基于xml的交互方法及装置 - Google Patents

Abstract

本发明提供一种基于XML定义的检索条件的BS Ajax交互方法，方法包括：一种基于XML定义的检索条件的BS Ajax交互方法，其特征在于，包括：按照著录项定义及检索模板对检索条件的录入表进行渲染和布局；对UI界面上的用户操作触发的事件进行响应；对用户填写到表单上的检索条件数据结构化为预定义的XML结构；完成结构化数据的传输和命中结果的异步返回。本发明针对媒资系统中定义的静态和动态字段探讨一种统一的结构化的方式，结合Ajax和XML技术对传统的页面表单提交方式进行改进，以实现动态配置界面、多数据类型字段排序、多数据类型的区间条件检索等多项用户体验度较高的媒资检索操作模式。

Description

一种基于XML的交互方法及装置

技术领域

本发明涉及广电领域，特别涉及一种基于XML的交互方法及装置。

背景技术

国家广电总局于2004年发布了《广播电视音像资料编目规范》，规范中对广播电视领域存在的各种音视频素材的编目著录提供了完整详备的约束。即明确了各著录项的名称，也明确定义了著录项的父子继承关系以及著录项本身所具有的可选性、可编辑性等内容。但是，在目前的广电应用以及其他行业应用中针对不同的需求，编目元数据的结构通常会做出较多的调整，同时，由于著录保存的内容不同，系统搭建的检索索引也存在着较多的字段差异，这就需要一套成熟的媒资(内容管理)产品能够支持动态变化的编目字段定义的这种需求。因此，设计一种自由度较高的检索条件提交方式就成为一种迫切并有意义的工作。

发明内容

本发明提供一种基于XML的交互方法及装置。针对媒资系统中定义的静态和动态字段探讨一种统一的结构化的方式，结合Ajax和XML技术对传统的页面表单提交方式进行改进，以实现动态配置界面、多数据类型字段排序、多数据类型的区间条件检索等多项用户体验度较高的媒资检索操作模式。

为达到上述目的，本发明实施例提供一种基于XML的交互方法，该方法包括：

按照著录项定义及检索模板对检索条件的录入表进行渲染和布局；

对UI界面上的用户操作触发的事件进行响应；

对用户填写到表单上的检索条件数据结构化为预定义的XML结构；

完成结构化数据的传输和命中结果的异步返回。

本发明实施例还提供一种基于XML的交互装置，包括：

JS逻辑组件模块，用于完成静态字段+动态字段的统一界面展示及UI层组件设计；

Ajax引擎模块，用于完成结构化数据的传输和命中结果的异步返回。

与现有技术相比，本发明实施例具有以下优点：

1、以XSD约束的形式定义一组具有高可伸缩性的检索条件数据传输格式，同时支持静态(预设)和动态(用户定义)字段索引的检索条件录入和提交；

2、全面的支持《广播电视音像资料编目规范》对音视频素材的编目著录定义，以及针对不同客户需求进行的动态配置带来的不确定字段的索引数据；

3、检索条件的结构化封装，减少了B/S之间的交互次数，降低了交互逻辑和耦合层深，也大大提高了系统的稳定性。

4、灵活的事件触发和处理机制，将用户的操作和后台数据组织有效的连结处理。使数据和UI界面之间达到高可用性的一致。

5、异步传输机制，将结构化的表单内容异步提交给搜索引擎服务器进行处理，并将处理结果异步返回给客户端Browser界面，不造成页面的刷新，而仅仅是依据数据内容更换局部页面内容，具有较高的用户体验度。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例一种基于XML的交互方法流程图；

图2为本发明实施例检索交互界面设计图；

图3为本发明实施例检索条件结构化定义XSD示意图；

图4为本发明实施例一种基于XML的交互装置示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，需要指出的是，所描述的实施例仅仅是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供一种基于XML的交互方法，如图1所示，包括：

S101，按照著录项定义及检索模板对检索条件的录入表进行渲染和布局。

S102，对UI界面上的用户操作触发的事件进行响应。

对UI界面上的用户操作触发的时间进行响应，主要包括：下拉菜单候选项的异步加载、鼠标单击事件、排序条件选择等内容；

界面设计遵循动静分离又互相结合的方式，如图2所示。页面布局为两个半区：左侧半区为静态字段表单，其中字段类型、数据类型以及条件匹配方式(大于、小于等)是事先根据关系数据库中的定义进行的硬编码。右半区为动态著录项检索表单，展示的字段内容会根据不同的编目定义动态切换，每一个字段的字段类型、数据类型以及条件匹配方式均根据定义中的属性进行布置。

以上描述了检索匹配条件的用户操作处理方式。对于检索条件中的排序条件部分，两个表单半区采用统一化处理，即用户可以方便的点击字段名称区域进行排序条件设定，初次点击默认为升序排列，重复点击在升/降序之间切换，逐次点击多个字段时则自动将其列置为1-5的多字段排序条件。此外，界面还提供一个清除按钮，用户也可以将此排序条件清除，重新进行设置。该操作无下拉、无菜单、无选项，纯鼠标点击处理，属于用户体验度较高的设计。

S103，对用户填写到表单上的检索条件数据结构化为预定义的XML结构。

两个表单半区的内容在用户输入后，将被系统在后台自动组织为一个表单内容，并进行XML结构化处理。

数据的结构化定义直观描述为XSD定义的XML结构，该结构中定义了检索条件的两个主要部分：查询条件、排序条件。查询条件涵盖了用户检索要匹配的字段名称、字段值、匹配条件等结构的定义；排序条件则定义了上述查询条件(或不包含在查询条件中的其他条件)所命中的结果的排序方式，多字段排序时按照XML中的自然顺序逐字段排序(与数据库检索类似)，该XSD Schema结构如图3所示。

XSD可以详细的定义数据的组织结构，但其后台处理中隐含了多组处理逻辑和类型枚举定义，此处出具的枚举表格主要有：字段类型、著录数据类型、索引数据类型、条件匹配类型：

表1：字段类型数据映射：

表2：著录数据类型映射：

表3：表2映射后的条件匹配

S104，完成结构化数据的传输和命中结果的异步返回。

按照XSD定义的数据结构对要提交的检索条件以XML的形式进行客户端和服务端的传输。并且将结构化的表单内容异步提交给搜索引擎服务器进行处理，并将处理结果异步返回给客户端Browser界面。

本发明实施例通过静态字段+动态字段的统一界面展示及UI层组件设计，结构化的检索条件在Client和Server之间的传递以及类型匹配的检索引擎设计。可以使用户在毫无察觉的情况下对检索条件进行有效的组织和提交，辅以精巧操作设计以提高用户操作的简便性和较高的交互体验。并且在保证数据完整性的同时也可忠实的传递结构信息，使系统设计思想和用户的期望需求达到一致。

本发明实施例还提供一种基于XML的交互装置，如图4所示，包括：

JS逻辑组件模块401，用于完成静态字段+动态字段的统一界面展示及UI层组件设计。

Ajax引擎模块402，用于完成结构化数据的传输和命中结果的异步返回。

上述JS逻辑组件模块401还包括：

渲染布局模块4011，用于按照著录项定义及检索模板(也是一个XML)对检索条件的录入表单进行渲染和布局。

事件响应模块4012，用于对UI界面上的用户操作触发的事件进行响应。

数据结构化模块4013，对用户填写到表单上的检索条件数据结构化为预定义的XML结构。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现。

本领域技术人员可以理解附图只是一个优选实施例的示意图，附图中的模块或流程并不一定是实施本发明所必须的。

本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中，也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

以上公开的仅为本发明的几个具体实施例，但是，本发明并非局限于此，任何本领域的技术人员能思之的变化都应落入本发明的保护范围。

Claims (7)

1.一种基于XML定义的检索条件的BS Ajax交互方法，其特征在于，包括：

按照著录项定义及检索模板对检索条件的录入表进行渲染和布局；

对UI界面上的用户操作触发的事件进行响应；

对用户填写到表单上的检索条件数据结构化为预定义的XML结构；

完成结构化数据的传输和命中结果的异步返回；

所述对UI界面上的用户操作触发的事件进行响应，包括：下拉菜单候选项的异步加载、鼠标单击事件、排序条件选择的内容；

界面设计遵循动静分离又互相结合的方式；

页面布局为两个半区：左侧半区为静态字段表单，其中字段类型、数据类型以及条件匹配方式是事先根据关系数据库中的定义进行的硬编码；右半区为动态著录项检索表单，展示的字段内容会根据不同的编目定义动态切换，每一个字段的字段类型、数据类型以及条件匹配方式均根据定义中的属性进行布置。

2.如权利要求1所述一种基于XML定义的检索条件的BS Ajax交互方法，其特征在于，所述对用户填写到表单上的检索条件数据结构化为预定义的XML结构，包括：两个表单半区的内容在用户输入后，将被系统在后台自动组织为一个表单内容，并进行XML结构化处理。

3.如权利要求1所述一种基于XML定义的检索条件的BS Ajax交互方法，其特征在于，所述对用户填写到表单上的检索条件数据结构化为预定义的XML结构，具体还包括：数据的结构化定义直观描述为XSD定义的XML结构，所述结构中定义了检索条件的两个部分：查询条件、排序条件。

4.如权利要求3所述一种基于XML定义的检索条件的BS Ajax交互方法，其特征在于，所述查询条件、排序条件具体为：

所述查询条件涵盖了用户检索要匹配的字段名称、字段值、匹配条件的定义；

所述排序条件则定义了上述查询条件所命中的结果的排序方式，多字段 排序时按照XML中的自然顺序逐字段排序。

5.如权利要求1所述一种基于XML定义的检索条件的BS Ajax交互方法，其特征在于，所述完成结构化数据的传输和命中结果的异步返回，具体包括：

按照XSD定义的数据结构对要提交的检索条件以XML的形式进行客户端和服务端的传输；并且将结构化的表单内容异步提交给搜索引擎服务器进行处理，并将处理结果异步返回给客户端Browser界面。

6.一种基于XML定义的检索条件B/S Ajax交互装置，其特征在于，包括：

JS逻辑组件模块，用于完成静态字段与动态字段的统一界面展示及UI层组件设计；

数据结构化模块，用于对用户填写到表单上的检索条件数据结构化为预定义的XML结构；

Ajax引擎模块，用于完成结构化数据的传输和命中结果的异步返回；

其中，所述静态字段为静态字段表单，其中字段类型、数据类型以及条件匹配方式是事先根据关系数据库中的定义进行的硬编码；所述动态字段为动态著录项检索表单，展示的字段内容会根据不同的编目定义动态切换，每一个字段的字段类型、数据类型以及条件匹配方式均根据定义中的属性进行布置。

7.如权利要求6所述一种基于XML定义的检索条件B/S Ajax交互装置，其特征在于，所述JS逻辑组件模块还包括：

渲染布局模块，用于按照著录项定义及检索模板对检索条件的录入表单进行渲染和布局；

事件响应模块，用于对UI界面上的用户操作触发的事件进行响应。