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

摘要

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

主权项

1.一种基于JSON自描述结构的网页界面生成方法，其特征在于，所述方法包括如下步骤：S1：提炼业务系统中的固化的页面结构，定义模板页类型；S2: 根据S1中提炼出的模板页类型，进行模板页的标准页面描述结构的定义，生成核心内容块，形成渲染模板；S3：获取并解析用户需求，进行界面设计，生成设计界面结构描述的JSON结构，存储在数据库中，并在数据库生成该设计界面的页面id和该设计界面所对应的模板页类型；S4：当该设计界面发起初次界面请求时，渲染引擎从步骤S3所述的数据库中载入该设计界面的JSON结构，并根据模板页类型进行资源适配，载入步骤S2中对应的渲染模板；S5：渲染引擎递归调用逐级引用的渲染模板，将设计界面的JSON结构中的组件元素生成为界面控件，并将交互事件脚本写入该设计界面控件API函数；S6：渲染引擎根据页面id将该设计界面缓存在LRU中，并输出页面HTML到浏览器；S7：浏览器端执行js组件框架，渲染由步骤S6输出的界面结构，最终呈现该设计界面。