本发明专利技术涉及一种实现动态数据组件应用的系统，包括数据服务模块，进行数据处理及逻辑处理，支撑组件业务数据；组件库模块，开发功能组件，提供底层组件库；场景管理模块，提供选择组件和配置白名单；内容发布模块，为场景管理模块提供接口服务，为使用者提供在线打包服务。本发明专利技术还涉及一种实现动态数据组件应用的方法、装置、处理器及其计算机可读存储介质。采用了本发明专利技术的实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质，基于Vue Web Component模式，将带有业务数据逻辑、交互逻辑等组件包裹并注册为一个自定义html元素。本发明专利技术一方面减轻了外围使用方重复开发工作量，另一方面减少了业务逻辑上多处耦合，大大提升了数据服务上的可视化、一致性。一致性。一致性。
【技术实现步骤摘要】
实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质
[0001]本专利技术涉及前端Vue的自定义组件内容发布领域，具体是指一种实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质。
技术介绍
[0002]数据中台是将所有的数据汇聚，为业务提供速度更快的服务，每个应用服务无论是指标和分析类的、用户画像等统统从数据中台获取数据。同时H5具有迭代速度快、兼容性强、传播途径广、用户使用成本低、开发成本低等特点，在用户应用服务上占有半壁江山，现有前端框架vue、react、angular等框架对于开发者是存在专业门槛的，页面开发除了对接数据接口，还有一些界面细节、体验的开发，数据中台研发一个功能数据后，将把数据发布到各个应用服务开发团队，每个团队相同的功能存在重复工作、效率低下。在相对长的时间积累，由于业务应用场景不断增加、变迁，数据中台就会面临一个不可维护的问题，如何向不同团体提供可解释的业务逻辑和数据，甚至出现牵一发动全身的问题，例如A应用需要增加数据逻辑，但是B应用也使用相同数据，如果B应用没有及时跟进就会出现应用缺陷。如何确保数据使用一致性，且又避免多方应用持续跟进带来的重复开发工作，是不可避免要思考的问题。
技术实现思路
[0003]本专利技术的目的是克服了上述现有技术的缺点，提供了一种满足数据一致性好、便捷性好、适用范围较为广泛的实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质。
[0004]为了实现上述目的，本专利技术的实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质如下：
[0005]该实现动态数据组件应用的系统，其主要特点是，所述的系统包括：
[0006]数据服务模块，用于进行数据处理及逻辑处理，提供数据接口，支撑组件业务数据；
[0007]组件库模块，与所述的数据服务模块相连接，用于根据标签库实现业务逻辑渲染及前端交互，开发功能组件，提供底层组件库；
[0008]场景管理模块，与所述的组件库模块相连接，用于提供选择组件和配置白名单，在线及可视化地对使用的渠道、组件、白名单的信息进行运营管理；
[0009]内容发布模块，与所述的场景管理模块相连接，用于为场景管理模块提供接口服务，为使用者提供在线打包服务。
[0010]较佳地，所述的场景管理模块包括：
[0011]组件预览单元，与所述的组件库模块相连接，用于可视化展示动态数据组件；
[0012]组件选择单元，与所述的组件预览单元相连接，用于为使用者登记使用渠道，并挑
选需使用的组件；
[0013]组件打包单元，与所述的组件选择单元和内容发布模块相连接，与内容发布模块通过rest http请求通信，将使用者选择的组件在线打包；
[0014]依赖包管理单元，与所述的组件打包单元相连接，用于将打包后的数据表发布至线上平台，通过自定义html标签进行功能开发。
[0015]较佳地，所述的数据服务模块对接多个数据源，整合数据，研发业务逻辑，提供外网可访问的数据接口。
[0016]较佳地，所述的组件库模块对接http接口获取数据，进行数据渲染和动作交互，集成动态数据组件。
[0017]较佳地，所述的内容发布模块根据使用者的渠道信息，查询到该渠道勾选的组件列表，进行打包，上传至服务器；内容发布模块对多个组件入口进行后台打包，提供http接口服务。
[0018]该利用上述系统实现动态数据组件应用的方法，其主要特点是，所述的方法包括以下步骤：
[0019](1)所述的数据服务模块获取业务新需求；
[0020](2)判断组件库是否已经存在，如果是，则继续步骤(4)；否则，继续步骤(3)；
[0021](3)所述的组件库模块研发增加相应组件，进行数据接口研发和自定义标签组件研发；
[0022](4)所述的场景管理模块进行场景管理，选择需使用的组件，登记白名单使用来源域名和IP地址；
[0023](5)所述的内容发布模块点击打包组件库。
[0024]较佳地，所述的方法还包括研发中使用组件的步骤，具体包括以下处理过程：
[0025](6)获取组件库js包，引用组件库js包，使用组件自定义html标签，配置在研发前端中；
[0026](7)打包发布前端应用；
[0027](8)进行前端展示，进行组件库js包渲染和浏览器渲染；
[0028](9)发送动态组件数据请求，发送http请求；
[0029](10)数据服务模块接收到http请求，查询该使用方登记的白名单，若验证通过，则返回对应数据；否则，不返回数据；
[0030](11)根据数据渲染内容展示动态组件。
[0031]该实现动态数据组件应用的装置，其主要特点是，所述的装置包括：
[0032]处理器，被配置成执行计算机可执行指令；
[0033]存储器，存储一个或多个计算机可执行指令，所述计算机可执行指令被所述处理器执行时，实现上述的实现动态数据组件应用的方法的各个步骤。
[0034]该实现动态数据组件应用的处理器，其主要特点是，所述的处理器被配置成执行计算机可执行指令，所述的计算机可执行指令被所述的处理器执行时，实现上述的实现动态数据组件应用的方法的各个步骤。
[0035]该计算机可读存储介质，其主要特点是，其上存储有计算机程序，所述的计算机程序可被处理器执行以实现上述的实现动态数据组件应用的方法的各个步骤。
[0036]采用了本专利技术的实现动态数据组件应用的系统及方法、装置、处理器及其计算机可读存储介质，基于Vue Web Component模式将带有业务数据逻辑、交互逻辑等组件包裹并注册为一个自定义html元素，系统将这些自定义html标签内容运营发布，支持外围前端系统使用，基于原生html标签模式，支持跨vue、react、angular等多个框架，在组件管理上支持使用者灵活选择、在线打包。本专利技术一方面减轻了外围使用方重复开发工作量，另一方面减少了业务逻辑上多处耦合，避免了底层基础数据变动引来了上层使用多处整改、遗漏出错等，大大提升了数据服务上的可视化、一致性，提升了数据服务的可拓展性、可维护性。
附图说明
[0037]图1为本专利技术的实现动态数据组件应用的系统的模块示意图。
[0038]图2为本专利技术的实现动态数据组件应用的方法的应用场景使用服务数据流示意图。
[0039]图3为本专利技术的实现动态数据组件应用的方法的底层开发原理示意图。
[0040]图4为本专利技术的实现动态数据组件应用的方法的应用实施例示意图。
具体实施方式
[0041]为了能够更清楚地描述本专利技术的
技术实现思路
，下面结合具体实施例来进行进一步的描述。
[0042]本专利技术的该实现动态数据组件应用的系统，其中包括：
[0043]数据服务模块，用于进行数据处理及逻辑处理，提供数据接口，支撑组件业务数本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种实现动态数据组件应用的系统，其特征在于，所述的系统包括：数据服务模块，用于进行数据处理及逻辑处理，提供数据接口，支撑组件业务数据；组件库模块，与所述的数据服务模块相连接，用于根据标签库实现业务逻辑渲染及前端交互，开发功能组件，提供底层组件库；场景管理模块，与所述的组件库模块相连接，用于提供选择组件和配置白名单，在线及可视化地对使用的渠道、组件、白名单的信息进行运营管理；内容发布模块，与所述的场景管理模块相连接，用于为场景管理模块提供接口服务，为使用者提供在线打包服务。2.根据权利要求1所述的实现动态数据组件应用的系统，其特征在于，所述的场景管理模块包括：组件预览单元，与所述的组件库模块相连接，用于可视化展示动态数据组件；组件选择单元，与所述的组件预览单元相连接，用于为使用者登记使用渠道，并挑选需使用的组件；组件打包单元，与所述的组件选择单元和内容发布模块相连接，与内容发布模块通过rest http请求通信，将使用者选择的组件在线打包；依赖包管理单元，与所述的组件打包单元相连接，用于将打包后的数据表发布至线上平台，通过自定义html标签进行功能开发。3.根据权利要求1所述的实现动态数据组件应用的系统，其特征在于，所述的数据服务模块对接多个数据源，整合数据，研发业务逻辑，提供外网可访问的数据接口。4.根据权利要求1所述的实现动态数据组件应用的系统，其特征在于，所述的组件库模块对接http接口获取数据，进行数据渲染和动作交互，集成动态数据组件。5.根据权利要求1所述的实现动态数据组件应用的系统，其特征在于，所述的内容发布模块根据使用者的渠道信息，查询到该渠道勾选的组件列表，进行打包，上传至服务器；内容发布模块对多个组件入口进行后台打包，提供http接口服务。6.一种利用权利要求1所述的系统实现动...
【专利技术属性】
技术研发人员：俞枫，江慧慧，
申请(专利权)人：国泰君安证券股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。