[发明专利]一种基于JSON自描述结构的网页界面生成方法及装置有效
申请号: | 201810389933.2 | 申请日: | 2018-04-27 |
公开(公告)号: | CN108664245B | 公开(公告)日: | 2022-08-05 |
发明(设计)人: | 陈碧勇;方敏;吕晔 | 申请(专利权)人: | 厦门南讯股份有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38 |
代理公司: | 广州市红荔专利代理有限公司 44214 | 代理人: | 吴伟文 |
地址: | 361101 福建省厦门市*** | 国省代码: | 福建;35 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 json 描述 结构 网页 界面 生成 方法 装置 | ||
1.一种基于JSON自描述结构的网页界面生成方法,其特征在于,所述方法包括如下步骤:
S1:提炼业务系统中的固化的页面结构,定义模板页类型;
S2: 根据S1中提炼出的模板页类型,进行模板页的标准页面描述结构的定义,生成核心内容块,形成渲染模板;
S3:获取并解析用户需求,进行界面设计,生成设计界面结构描述的JSON结构,存储在数据库中,并在数据库生成该设计界面的页面id和该设计界面所对应的模板页类型;
S4:当该设计界面发起初次界面请求时,渲染引擎从步骤S3所述的数据库中载入该设计界面的JSON结构,并根据模板页类型进行资源适配,载入步骤S2中对应的渲染模板;
S5:渲染引擎递归调用逐级引用的渲染模板,将设计界面的JSON结构中的组件元素生成为界面控件,并将交互事件脚本写入该设计界面控件API函数;
S6:渲染引擎根据页面id将该设计界面缓存在LRU中,并输出页面HTML到浏览器;
S7:浏览器端执行js组件框架,渲染由步骤S6输出的界面结构,最终呈现该设计界面;
步骤S1中所述的模板页类型包括列表式界面、单纯表单式界面和报表式图表界面;
步骤S2中所述的标准页面描述结构用于定义模板页的不同组件元素的关联关系和组件属性;
步骤S3中所述的JSON结构用于定义设计界面的不同组件元素的关联关系和组件属性;
所述的组件元素属性配置为基本属性、事件交互属性和扩展属性;
所述的基本属性包括组件的类型和组件的名称;所述的事件交互属性包括组件大小、点击事件、校验正则表达式、数据源、选中方式;所述的扩展属性包括与用户需求、js界面框架相关的额外属性,扩展属性可以根据用户需求不同和终端渲染组件库的不同进行额外配置;
步骤S6中所述的LRU可以为渲染引擎提供缓存,合并多次界面请求为单次渲染。
2.如权利要求1所述的一种基于JSON自描述结构的网页界面生成方法,其特征在于,修改设计界面时,提取步骤S3中数据库内的该设计界面的JSON结构,对需要修改或增减的组件元素的基本属性、事件交互属性或扩展属性进行重新配置,不需修改的部分保持不变,重新执行步骤S3-S7。
3.一种基于JSON自描述结构的网页界面生成装置,其特征在于,包括:
模板页定义模块,用于提炼业务系统中的固化的页面结构,定义模板页类型;
渲染模板生成模块,用于根据模板页定义模块中提炼出的模板页类型,进行模板页的标准页面描述结构的定义,生成核心内容块,形成渲染模板;
设计界面定义模块,用于获取并解析用户需求,进行界面设计,生成设计界面结构描述的JSON结构,存储在数据库中,并在数据库生成该设计界面的页面id和该设计界面所对应的模板页类型;
模板适配模块,用于当该设计界面发起初次界面请求时,渲染引擎从步骤S3所述的数据库中载入该设计界面的JSON结构,并根据模板页类型进行资源适配,载入对应的渲染模板;
界面组装模块,用于渲染引擎递归调用逐级引用的渲染模板,将设计界面的JSON结构中的组件元素生成为界面控件,并将交互事件脚本写入该设计界面控件API函数;
界面渲染模块,用于渲染引擎根据页面id将该设计界面缓存在LRU中,并输出页面HTML到浏览器;
界面生成模块,用于浏览器端执行js组件框架,渲染由界面渲染模块输出的界面结构,最终呈现该设计界面。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于厦门南讯股份有限公司,未经厦门南讯股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810389933.2/1.html,转载请声明来源钻瓜专利网。