一种可配置动态生成表单页面的方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114139090A(43)申请公布日2022.03.04(21)申请号202111447883.7(22)申请日2021.11.30(71)申请人北京航天云路有限公司地址100043北京市石景山区八大处路49号院7号楼12层1206(72)发明人黄文锋李明洋刘明刘强谢水庚(74)专利代理机构北京纽乐康知识产权代理事务所(普通合伙)11210代理人苏泳生(51)Int.Cl.G06F16/958(2019.01)G06F16/951(2019.01)权利要求书1页说明书3页附图3页(54)发明名称一种可配置动态生成表单页面的方法(57)摘要本发明公开了一种可配置动态生成表单页面的方法，包括使用SPringBoot、React工具定义样板化配置和构建UI界面；再引入React组件将UI界面拆分成独立且的代码片段，并对代码片段创建React表单组件；创建表单页面，选用组件进行编辑组件属性，并发布到内容管理微服务；再根据创建的表单页面结构描述信息，结合组件创建时的注册数据进行渲染表单页面，并完成页面动态保存；前端页面发出请求，微服务后台响应并返回表单页面内容。本发明通过建立一系列的前端组件，并将组件元素描述存储在内容管理系统中，通过内容管理系统后台编辑组合和页面渲染，形成自定义的表单页面，以实现各种丰富的表单页面。CN114139090ACN114139090A权利要求书1/1页1.一种可配置动态生成表单页面的方法，其特征在于，包括以下步骤：S1:首先，使用SPringBoot、React工具定义样板化配置和构建UI界面；S2:在构建好的UI界面引入自研的React组件将UI拆分成独立且具备复用性的代码片段，并对每个代码片段独立构思逻辑，创建React表单组件；S3:创建React表单组件首先创建表单页面，从组件描述库中选用组件，进行编辑选用的组件属性，并发布React表单页面到内容管理微服务；S4:内容管理系统微服务后台进行创建编辑表单页面，再根据创建的表单页面结构描述信息，结合组件创建时的注册数据信息进行渲染表单页面，并完成页面动态保存；S5:前端页面发出请求，请求展示表单页面内容，微服务后台响应并返回表单页面内容。2.根据权利要求1所述的可配置动态生成表单页面的方法，其特征在于，步骤S3中，所述前端请求展示页面流程包括前端网站发出获取页面的请求，再从内容管理微服务获取页面内容，最后，前端页面完成页面展示。3.根据权利要求1所述的可配置动态生成表单页面的方法，其特征在于，进行自定义表单页面渲染时，是内容管理微服务根据表单页面结构，通过组件属性中的ID索引，获取组件在微服务中注册的数据，同时通过自定义模板引擎的自定义规则，将组件描述中的占位符依据key值匹配的原则，将创建的数据中对应的值填入组件描述中的占位符所在的位置。4.根据权利要求1所述的可配置动态生成表单页面的方法，其特征在于，创建所述React组件是在内容管理微服务中注册，注册需要的参数包括组件唯一编码和组件属性。5.根据权利要求1所述的可配置动态生成表单页面的方法，其特征在于，所述编辑表单页面，是选择不同的React组件并自由组合，并编辑组件可配置的信息，可配置信息包括账户名称和密码，完成动态表单页面的构件。2CN114139090A说明书1/3页一种可配置动态生成表单页面的方法技术领域[0001]本发明涉及内容管理系统技术领域，具体来说，涉及一种可配置动态生成表单页面的方法。背景技术[0002]从技术角度来说，内容管理系统的诞生能够极大提升了网站内容管理和发布效率，以及极大程度的降低了网站扩展的复杂度和成本。在内容管理系统的演化过程中，内容管理系统开始从简单的资讯类内容管理，逐渐拓展为多种形式内容的管理，内容管理解决方案重点解决各种非结构化或半结构化的数字资源的采集、管理、利用、传递和增值，并能有机集成到结构化数据的网站中。[0003]目前，现有内容管理系统大多是定制型，而且针对于特定方面的业务，例如:博客系统、新闻发布系统。为解决业务服务化形成的表单页面多变性等问题，需要一系列解决方案。发明内容[0004]针对相关技术中的上述技术问题，本发明提出一种可配置动态生成表单页面的方法，能够克服现有技术方法的上述不足。[0005]为实现上述技术目的，本发明的技术方案是这样实现的：一种可配置动态生成表单页面的方法，包括以下步骤：S1:首先，使用SPringBoot、React工具定义样板化配置和构建UI界面；S2:在构建好的UI界面引入自研的React组件将UI拆分成独立且具备复用性的代码片段，并对每个代码片段独立构思逻辑，创建React表单组件；S3:创建React表单组件首先创建表单页面，从组件