组件处理方法、装置及服务器制造方法及图纸

本申请实施例提供了一种组件处理方法、装置及服务器，其中方法包括：获取组件代码，根据用户图表场景确定数据模型，将组件代码及数据模型打包，得到封装组件，发布封装组件；接获取组件配置调整信息，根据所述组件配置调整信息对所述数据模型进行调整，生成修正数据模型；控制所述封装组件根据所述修正数据模型生成对应的用户界面元素，并渲染所述用户界面元素，以供所述封装组件根据所述用户界面元素调整自身的运行状态。这样，服务器基于动态适配数据模型生成对应的用户界面元素，便于在封装组件根据用户界面元素动态调整自身的运行状态，简化组件调整的操作步骤，减少组件调整的耗时，提高组件调整的效率。提高组件调整的效率。提高组件调整的效率。

【技术实现步骤摘要】
组件处理方法、装置及服务器


[0001]本申请涉及计算机软件
，尤其涉及一种组件处理方法、装置及服务器。

技术介绍

[0002]现有技术通过软件即服务(Software as a Service，SAAS)技术发布组件，组件发布后，组件的功能界面及其包含的组件等都是固定的，如果出现页面级业务需要变更时，页面需要再次经历需求、设计、编码、测试、发布、及验证等迭代过程。用户在使用相关组件时，往往需要根据自己的需要再做一些调整，组件调整好之后能够及时进行线上验证。
[0003]若前端采用传统Jquery框架开发，在开发过程中需要用到视图(View)组件，View组件是最常用的、最简单的视图容器，主要用于布局展示，是布局中最基本的用户界面(User Interface，UI)组件，比较复杂的布局可以通过嵌套View组件来实现。View组件可以通过异步JavaScript和XML(Asynchronous Javascript And XML And HTML，Ajax)技术结合Jquery技术动态操作文档对象模型(Document Object Model，DOM)。此种方式下，首先需要进行产品设计，然后前端改页面、后端改业务接口、测试验证，最终运维部署上线，客户验收，迭代周期长且反馈比较慢。
[0004]若前端采用React框架开发，由于React是一个用于构建用户界面的JavaScript库，具备创建交互式UI，React实现了数据(data)与视图(View)的双向绑定，当数据变动时，React框架能高效更新并渲染合适的组件；React框架构建管理自身状态的封装组件，然后对封装组件进行组合以构成复杂的UI。
[0005]数据(data)与视图(View)的双向绑定框架由数据层(Model)、视图层(View)、及业务逻辑层(ViewModel)三部分组成，数据层(Model)是指应用的数据及业务逻辑，是开发者写的业务代码；视图层(View)是指应用的页面展示效果，由页面模板和样式组成；业务逻辑层(ViewModel)是框架封装的核心，主要功能是将数据与视图关联起来。
[0006]数据与视图的双向绑定框架又可以称为数据层、视图层及业务逻辑层(Model View View Model，MVVM)框架，关键点就在于业务逻辑层(View Model)。业务逻辑层的主要职责就是在数据变化之后更新视图，在视图变化之后更新数据。
[0007]数据双向绑定原理为：通过代码程序定义数据层(Model)和视图(View)的关系，剩下的业务处理只需要监测数据变化，视图(View)的变化由框架自动执行，无需像Jquery框架手动操作DOM。此种方式下，首先前端需要改变UI元素生成逻辑代码，其次，接口联调后部署测试、上线、验收等，需要消耗较多时间。
[0008]若选用组件即服务(Application Platform As A Service，APAAS)平台环境开发，可采用Mendix这种高效的APAAS环境开发，Mendix开发模式为模型驱动开发(Model
‑
driven development，MDD)，可为模型定义各种各样的事件委托(eventhandler)。此种方式下，要在设计态进行组件配置修改，切换到运行态也需要部署过程，需要消耗比较多的时间，人力成本较高。
[0009]综上可知，现有技术在对已发布的组件进行调整时存在操作步骤复杂，耗时比较
长的问题。

技术实现思路

[0010]为了解决上述技术问题，本申请实施例提供了一种组件处理方法、装置及服务器。
[0011]第一方面，本申请实施例提供了一种组件处理方法，应用于服务器，所述方法包括：
[0012]获取组件代码，根据用户图表场景确定数据模型，将所述组件代码及所述数据模型打包，得到封装组件，发布所述封装组件；
[0013]获取组件配置调整信息，根据所述组件配置调整信息对所述数据模型进行调整，生成修正数据模型；
[0014]控制所述封装组件根据所述修正数据模型生成对应的用户界面元素，并渲染所述用户界面元素，以供所述封装组件根据所述用户界面元素调整自身的运行状态。
[0015]第二方面，本申请实施例提供了一种组件处理装置，应用于服务器，所述方法包括：
[0016]第一获取模块，用于获取组件代码，根据用户图表场景确定数据模型，将所述组件代码及所述数据模型打包，得到封装组件，发布所述封装组件；
[0017]第二获取模块，用于获取组件配置调整信息，根据所述组件配置调整信息对所述数据模型进行调整，生成修正数据模型；
[0018]控制模块，用于控制所述封装组件根据所述修正数据模型生成对应的用户界面元素，并渲染所述用户界面元素，以供所述封装组件根据所述用户界面元素调整自身的运行状态。
[0019]第三方面，本申请实施例提供了一种服务器，包括存储器以及处理器，所述存储器用于存储计算机程序，所述计算机程序在所述处理器运行时执行第一方面提供的组件处理方法。
[0020]第四方面，本申请实施例提供了一种计算机可读存储介质，其存储有计算机程序，所述计算机程序在处理器上运行时执行第一方面提供的组件处理方法。
[0021]上述本申请提供的组件处理方法、装置及服务器，获取组件代码，根据用户图表场景确定数据模型，将所述组件代码及所述数据模型打包，得到封装组件，发布所述封装组件；获取组件配置调整信息，根据所述组件配置调整信息对所述数据模型进行调整，生成修正数据模型；控制所述封装组件根据所述修正数据模型生成对应的用户界面元素，并渲染所述用户界面元素，以供所述封装组件根据所述用户界面元素调整自身的运行状态。这样，采用组件配置调整信息对数据模型进行调整得到修正数据模型，由修正数据模型生成用户界面元素，实现动态适配数据模型生成对应的用户界面元素，便于在封装组件根据用户界面元素动态调整自身的运行状态，简化组件调整的操作步骤，减少组件调整的耗时，提高组件调整的效率。
附图说明
[0022]为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对本申请
保护范围的限定。在各个附图中，类似的构成部分采用类似的编号。
[0023]图1示出了本申请实施例提供的组件处理方法的一流程示意图；
[0024]图2示出了本申请实施例提供的组件处理装置的一结构示意图；
[0025]图3示出了本申请实施例提供的服务器的一结构示意图。
具体实施方式
[0026]下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。
[0027]通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件处理方法，其特征在于，应用于服务器，所述方法包括：获取组件代码，根据用户图表场景确定数据模型，将所述组件代码及所述数据模型打包，得到封装组件，发布所述封装组件；获取组件配置调整信息，根据所述组件配置调整信息对所述数据模型进行调整，生成修正数据模型；控制所述封装组件根据所述修正数据模型生成对应的用户界面元素，并渲染所述用户界面元素，以供所述封装组件根据所述用户界面元素调整自身的运行状态。2.根据权利要求1所述的方法，其特征在于，所述根据用户图表场景确定数据模型之后，所述方法还包括：根据所述数据模型的逻辑边界确定所述数据模型的配置的变化范围，向所述封装组件发送所述变化范围。3.根据权利要求1所述的方法，其特征在于，所述封装组件包括展示组件，所述根据所述组件配置调整信息对所述数据模型进行调整，生成修正数据模型，包括：控制所述展示组件根据所述组件配置调整信息对所述数据模型进行对应的逻辑处理，触发所述数据模型的预定义功能函数，得到所述修正数据模型。4.根据权利要求3所述的方法，其特征在于，所述封装组件还包括容器组件，所述控制所述封装组件根据所述修正数据模型生成对应的用户界面元素，包括：控制所述容器组件获取业务数据，将所述业务数据进行格式转换，得到标准数据，向所述展示组件输入所述标准数据；控制所述展示组件将所述标准数据输入所述修正数据模型生成所述用户界面元素。5.一种组件处理装置，其特征在于，应用于服务器，所述装置包括：第一获取模块，用于获取组件代码，根据用户图表...

【专利技术属性】
技术研发人员：余昌玖，冯二龙，严常洪，潘永高，何迪江，
申请(专利权)人：树根互联股份有限公司，
类型：发明
国别省市：