一种基于JSON规范的页面组件化定义方法与流程

文档序号:14504872阅读:906来源:国知局

本发明涉及一种页面组件化定义方法,尤其是涉及一种基于JSON规范的页面组件化定义方法。



背景技术:

在CMS内容管理系统中,为了满足企业不断发展变化的需求,页面模板和自定义技术是CMS系统中基础架构技术。该技术可以使得用户根据需求变化,来及时调整页面结构和样式,满足运营要求。

当前针对页面模板和自定义技术,有如下几种技术实现。

1)基于HTML的技术实现。该技术以HTML为基础,针对HTML规范做不同程度的扩展和封装,来满足功能要求。该技术实现的缺点是页面可运营粒度不好控制,输出的页面数据引用行较差。

2)基于模板技术的技术实现。该技术以FreeMarker、Velocity等模板技术为基础,来进行页面的定义来封装。该技术实现的缺点是FreeMarker等模板技术适应性有限,页面组件化功能不足,不能满足页面的完全自定义要求,同时易用性较差。

3)基于自定义的JSON实现。该技术以互联网上的JSON数据格式为页面定义的数据结构标准。该技术实现的缺点是由于各自定义JSON数据格式没有标准的规范来进行约束和验证,不能严格保证数据的完整性和一致性。

不管是采用何种技术实现,本质上都是要解决页面的自定义,以满足可控粒度运营。



技术实现要素:

本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种基于JSON规范的页面组件化定义方法。

本发明的目的可以通过以下技术方案来实现:

一种基于JSON规范的页面组件化定义方法,采用JSON数据结构存储页面结构和页面数据,并采用JSON Schema对页面数据结构进行定义和验证,保证数据定义的规范和一致性。

优选地,所述的页面结构包括页面名称和区块,用JSON数据格式来进行定义,

格式定义具体如下:

其中:

Title是页面名称;

pageBlocks区块标识符号,其中可定义一个或多个块。

优选地,所述的区块是页面结构的组成部分,用JSON数据格式来进行定义,具体格式定义如下:

其中:

区块名为由数字或字母组合的字符,在页内是唯一命名的;

title为区块描述名称,其值根据需要设置;

type为区块类型,其中一般设置为\"object\";

options:区块的可选属性,当前支持的\"collapsed\";

properties:区块属性,区块属性用\"属性名\":{}来定义,可设置多个属性。

优选地,所述的区块属性是区块的组成部分,用JSON数据格式来进行定义,格式定义如下:

其中:

属性名为由数字或字母组合的字符,在页内是唯一命名的;

Title为属性描述名称,其值根据需要设置;

Type为属性类型,属性值取值为相应的组件类型;

Options为属性的可选属性,当前支持的\"required\"。

优选地,该方法实现了对页面内任意html tag和tag属性数据进行定义,同时实现了页面内最细粒度对象的管理和运营。

优选地,该方法基于任意细粒度的页面元素定义,形成可复用的原子级组件,并能够基于原子级组件的组合,形成新的内容组件,实现运营能力和经验的复用,提升运营效率。

与现有技术相比,本发明具有以下优点:

1)JSON是互联网标准规范,在互联网广泛应用,技术成熟;

2)JSON应用范围广,便于系统内和系统外的数据交换;

3)采用JSON数据格式来进行页面定义,可以进行页面更细粒度的控制管理,满足多维度的运营要求;

4)页面定义和页面数据本身都采用JSON形式,技术标准统一;

5)遵循JSON Schema规范,可以对JSON数据进行约束和验证,保证数据定义的规范性和一致性。

附图说明

图1为本发明的页面组件化定义数据结构关系图;

图2为本发明的页面模板定义处理流程示意图。

具体实施方式

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

一种基于JSON规范的页面组件化定义方法,采用JSON数据结构存储页面结构和页面数据,并采用JSON Schema对页面数据结构进行定义和验证,保证数据定义的规范和一致性。

根据运营层级,页面由区块、子区块、运营位等细粒度的单元组成。运营位是最小的运营区块,由模板设置组成,模板由JSON表达的组件来定义。

具体定义描述如下:

√页面结构定义

页面为页面名称和区块,用JSON数据格式来进行定义。

格式定义如下:

其中:

Title:是页面名称;

pageBlocks:区块标识符号,其中可以定义一个或多个块;

√区块结构定义

区块是页面的主要组成部分,用JSON数据格式来进行定义。

格式定义如下:

其中:

区块名:由数字或字母组合的字符,在页内是唯一命名的,例如A4Gad;

title:区块描述名称,其值根据需要设置;

type:区块类型,其中一般设置为\"object\";

options:区块的可选属性,当前支持的\"collapsed\";

properties:区块属性,区块属性用\"属性名\":{}来定义,可以设置多个属性;

√区块属性结构定义

区块属性是区块的组成部分,用JSON数据格式来进行定义。

格式定义如下:

其中:

属性名:由数字或字母组合的字符,在页内是唯一命名的,例如blockTitle;

title:属性描述名称,其值根据需要设置;

type:属性类型,属性值取值为相应的组件类型,比如TTextDef;

options:属性的可选属性,当前支持的\"required\";

一种基于JSON规范的页面组件化定义方法,突破传统CMS的站点-栏目-页面的内容管理结构,实现对页面内任意html tag和tag属性数据进行定义,实现页面内最细粒度对象的管理和运营;基于任意细粒度的页面元素定义,形成可复用的原子级组件,并能够基于原子级组件的组合,形成新的内容组件,实现运营能力和经验的复用,提升运营效率。

图1所示为本发明页面组件化定义数据结构关系。

根据运营层级,页面由区块、子区块、运营位等细粒度的单元组成。运营位是最小的运营区块,由模板设置组成,模板由JSON表达的组件来定义。

如图2所示,本发明针对基于JSON规范的页面组件化页面定义,实现了一套标准的业务流程。具体流程描述如下:

1)进行页面规划;

2)页面区块划分;

3)页面区块设置,进行区块定义、区块设置、区块置标;

4)在区块定义时,可以根据实际运营要求,设置组件;

5)进行页面预览;

6)完成页面定义。

以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1