一种保险系统前端可配置低代码框架的搭建方法及系统与流程

本申请涉及计算机，具体而言，涉及一种保险系统前端可配置低代码框架的搭建方法及系统。

背景技术：

1、近几年保险行业快速发展，销售渠道和业务模式越来越多样化，保险系统也越来越复杂，保险系统的基本法每年都要变化，每次变化后系统都要进行重新开发，基本法参数无法通过配置界面进行灵活配置，还是要通过it专业人员手工配置完，再通过脚本的方式发布到生产环境，一般简单基本法开发周期为一个月，如基本法架构变化大，开发周期在三个月以上，涉及需求，开发，测试、运维、业务验证等多个环节，至少得数十人以上的小组参与。

2、由于保险系统前端可配置低代码框架需要与很多租户品牌方对接，因此也就存在许多缺陷。比如目前的前端可配置化框架存在以下缺陷：

3、(1)系统框架业务模块庞杂多样，需要相当熟悉的人力去精细配置；

4、(2)尚未进行过量租户接入，稳定性和个性化缺少实验样本,后续需要持续迭代完善；

5、(3)系统配置加大了运维人员负担。

技术实现思路

1、本申请的目的在于提供一种保险系统前端可配置低代码框架的搭建方法，其能够实现系统前端可配置化，动态配置功能场景工具，一次开发，持续使用，避免造成资源浪费。

2、本申请的另一目的在于提供一种保险系统前端可配置低代码框架的搭建系统，其能够以“低耦合+参数化”为核心来解决以上痛点，保险相关的前端功能采用参数化配置，系统功能框架化，与业务规则解耦合，通过场景参数来驱动，配置参数一变，相关的功能就自动适应变化。

3、本申请的实施例是这样实现的：

4、第一方面，本申请实施例提供一种保险系统前端可配置低代码框架的搭建方法，其包括后台页面装修层、数据层和前端展示层：上述后台页面装修层包括组件列表、展示区和属性配置区，可视化配置由组件列表和属性配置区通过div点选实现，用户设置并实时呈现预览；上述数据层包括通过后台可视化配置属性，生成app可读取的js文件将js文件上传到cos，并且同步到cdn；上述前端展示层终端通过业务接口查询cdn地址，读取配置保存的js模板数据，前端编译数据进行页面渲染，终端呈现。

5、在本申请的一些实施例中，上述后台页面装修层包括组件列表、展示区和属性配置区，可视化配置由组件列表和属性配置区通过div点选实现，用户设置并实时呈现预览还包括：页面配置时套用模板或者自定义配置，页面配置保存后进行装修数据入库，对页面组件进行权限分配，终端请求业务接口获取装修数据，前端读取装修数据进行页面渲染，最后生成app。

6、在本申请的一些实施例中，上述还包括配置流程：进行行组件配置，组件配置包括配置增信区、产品推荐、雷达及工具，将系统模块与组件相关联，通过装修自定义模板，确定配置模板主题、导航、标签，管理配置素材库，进行配置图片及图标；开始进行平台终端的装修，平台终端的装修包括全局装修和页面装修，选择装修模式，装修模式包括套用模板和自定义装修；装修结束后保存配置数据，存入服务器，请求接口获取已保存的相关配置化信息，读取配置化数据，前端渲染呈现。

7、在本申请的一些实施例中，上述还包括：根据保险系统架构的应用需求以及分布式的架构设计对架构应用进行服务划分和组件化设计，并根据保险系统前端运行环境搭建后台页面装修层、数据层和前端展示层。

8、在本申请的一些实施例中，上述数据层包括通过后台可视化配置属性，生成app可读取的js文件将js文件上传到cos，并且同步到cdn包括：数据层的处理包括可视化配置应用在构建阶段生成自身的描述文件和入口文件，入口文件包括js入口文件，将前端展示层终端中的html元素编译为js代码混入js资源，将前端展示层终端中的css资源通过css入口文件加载。

9、在本申请的一些实施例中，上述后台页面装修层包括组件列表、展示区和属性配置区，可视化配置由组件列表和属性配置区通过div点选实现，用户设置并实时呈现预览包括：后台页面装修层的可视化配置是通过在组件列表和属性配置区中进行div点选实现的，用户直接通过鼠标点击来选择组件并配置其属性，而不需要手动输入代码或其他指令，将用户的设置实时呈现在展示区中，使其能够更方便地预览和调整页面效果。

10、在本申请的一些实施例中，上述前端展示层终端通过业务接口查询cdn地址，读取配置保存的js模板数据，前端编译数据进行页面渲染，终端呈现包括：前端展示层的最终端口通过从cdn服务器读取保存的数据和资源，并使用导出引擎或前端框进入页面冲洗和发现，从而实际发现了动态生成页面的功能。

11、第二方面，本申请实施例提供一种保险系统前端可配置低代码框架的搭建系统，其包括配置模块、系统装修模块、全局装修模块和页面装修模块、数据服务器存储中台：上述系统装修模块包括组件配置模块包括搜索框、金刚区、广告区、行事历；模板定义和素材定义两部分，其中，模板定义中分为系统模板和页面模板，素材定义包含图片库和图标库；上述全局装修模块包含主题颜色、导航、背景卡片样式、标签页样式；上述页面装修模块包含特定一级页，全部配置完成后按需生成一个新的保险前端系统；上述数据服务器存储中台对生成的新的保险前端系统的所有操作数据进行存储。

12、第三方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如一种保险系统前端可配置低代码框架的搭建方法中任一项的方法。

13、相对于现有技术，本申请的实施例至少具有如下优点或有益效果：

14、通过保险系统前端可配置低代码框架，可以管理方便，具有傻瓜式配置的特点，不需要专业技术人员进行人工脚本开发，减少系统成本负担通过实现可配置化系统，实现了一次开发持续使用，避免造成开发资源浪费。还能够减少行业友司系统开发成本和人力负担，实现在科技平台上的产品+运营+内容+服务的一体化数字化的整体解决方案，给行业赋能。

技术特征：

1.一种保险系统前端可配置低代码框架的搭建方法，其特征在于，包括后台页面装修层、数据层和前端展示层：

2.如权利要求1所述的一种保险系统前端可配置低代码框架的搭建方法，其特征在于，所述后台页面装修层包括组件列表、展示区和属性配置区，可视化配置由组件列表和属性配置区通过div点选实现，用户设置并实时呈现预览还包括：

3.如权利要求1所述的一种保险系统前端可配置低代码框架的搭建方法，其特征在于，还包括配置流程：

4.如权利要求1所述的一种保险系统前端可配置低代码框架的搭建方法，其特征在于，还包括：

5.如权利要求1所述的一种保险系统前端可配置低代码框架的搭建方法，其特征在于，所述数据层包括通过后台可视化配置属性，生成app可读取的js文件将js文件上传到cos，并且同步到cdn包括：

6.如权利要求1所述的一种保险系统前端可配置低代码框架的搭建方法，其特征在于，所述后台页面装修层包括组件列表、展示区和属性配置区，可视化配置由组件列表和属性配置区通过div点选实现，用户设置并实时呈现预览包括：

7.如权利要求1所述的一种保险系统前端可配置低代码框架的搭建方法，其特征在于，所述前端展示层终端通过业务接口查询cdn地址，读取配置保存的js模板数据，前端编译数据进行页面渲染，终端呈现包括：

8.一种保险系统前端可配置低代码框架的搭建系统，其特征在于，包括配置模块、系统装修模块、全局装修模块和页面装修模块、数据服务器存储中台：

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1-7中任一项所述的方法。

技术总结
本申请提出了一种保险系统前端可配置低代码框架的搭建方法及系统，涉及计算机技术领域。该方法包括：后台页面装修层、数据层和前端展示层：后台页面装修层包括组件列表、展示区和属性配置区，可视化配置由组件列表和属性配置区通过div点选实现，用户设置并实时呈现预览；数据层包括通过后台可视化配置属性，生成app可读取的js文件将js文件上传到cos，并且同步到CDN；前端展示层终端通过业务接口查询CDN地址，读取配置保存的js模板数据，前端编译数据进行页面渲染，终端呈现。能够实现系统前端可配置化，动态配置功能场景工具，一次开发，持续使用，避免造成资源浪费。

技术研发人员：刘洋君,李军,王荣佳,刘颖,程秀通,吴德新
受保护的技术使用者：泛华榕数（北京）科技有限公司
技术研发日：
技术公布日：2024/1/16