[发明专利]一种基于JSON自描述结构的网页界面生成方法及装置

说明书

本发明涉及计算机技术领域，公开了一种基于JSON自描述结构的网页界面生成方法，包括：定义模板页类型；进行模板页的标准页面描述结构的定义，生成核心内容块，形成渲染模板；生成设计界面结构描述的JSON结构；渲染引擎载入该设计界面的JSON结构，载入对应的渲染模板；渲染引擎递归调用渲染模板，将设计界面的JSON结构中的组件元素生成为界面控件，并将交互事件脚本写入控件API函数；渲染引擎根据页面id将该设计界面缓存在LRU中，并输出页面HTML到浏览器；浏览器端执行js组件框架，渲染并最终呈现该设计界面。本发明让数据绑定不再仅限于开发阶段，在实施、试运行阶段也可根据需求进行调整，大幅降低了页面开发中的错误率和部署周期，节约了研发工时。

技术领域

本发明涉及计算机技术领域，特别是一种基于JSON自描述结构的网页界面生成方法及装置。

背景技术

随着B/S技术的流行，软件开发人员经常遇到不定期地更新界面JS框架，修改界面风格等情况。由于界面布局、风格元素和交互动作、数据逻辑分属于页面美工和前端开发。同时，由于目前流行的UI框架越来越复杂、越来越庞大，组件布局和基本事件交互费事费力，每次升级都需要大量的人员培训和熟悉周期。如何更好地隔离业务开发与UI呈现，重用重组现有组件、让业务开发仅仅聚焦于业务交互过程，提高研发效率是亟待解决的紧迫问题。

发明内容

为了解决上述现有技术的不足，本发明公开了一种基于JSON自描述结构的网页界面生成方法及装置，让数据绑定不再仅限于开发阶段，在产品实施、试运行部署中运维人员都可以随时根据客户需求调整展示需求，大幅降低了页面开发中的错误率和部署周期，节约了研发工时。

为实现上述技术目的，达到上述技术效果，本发明公开了一种基于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可以为渲染引擎提供缓存，合并多次界面请求为单次渲染。