组件装配模型、界面生成方法、装置、介质及设备制造方法及图纸

本发明专利技术公开了一种组件装配模型、界面生成方法、装置、介质及设备，涉及互联网及数字医疗技术领域。其中，所述组件装配模型包括多个节点，每个节点对应一个组件，且每个节点还包括数据设置位、插槽设置位和动作设置位中的至少一个设置位，其中，数据设置位用于设置至少一个状态量和状态量的数据值；插槽设置位用于设置节点的至少一个子节点；动作设置位用于设置至少一个动作和动作的数据处理逻辑。上述组件装配模型可以对界面数据和交互逻辑进行表述，并实现复杂的交互，有效的降低了业务逻辑的复杂度，此外，上述组件装配模型能够被大多数编程语言和软件直接使用，也可以在不同的框架下进行相互转换，有效的降低了界面开发的工作量。量。量。

【技术实现步骤摘要】
组件装配模型、界面生成方法、装置、介质及设备


[0001]本专利技术涉及互联网及数字医疗
，尤其是涉及一种组件装配模型、界面生成方法、装置、介质及设备。

技术介绍

[0002]目前，前端的响应式界面开发框架已经出现并发展了很多年，这些框架能够实现数据与文档对象模型(Document Object Model，DOM)的绑定，并提供了组件化的工具，能够极大的提高前端开发工作的效率。
[0003]目前，开发人员在使用界面开发框架的过程中，已经习惯了先定义组件，再使用组件装配界面，然后添加数据和业务逻辑的工作模式。然而，不同的框架对界面的组件化描述方案各不相同。如此一来，开发人员在某种框架下编写出来的组件装配描述，只能在该框架下使用，当开发者想换一种框架完成类似的界面，这种描述工作便需要重来一遍。
[0004]在现有技术中，存在一些不同框架之间的组件或文件的互转工具。但是如果有N种框架，就需要N*(N
‑
1)个转换工具，并且，已知一些转换工具无法做到完全相容，这种方式存在缺陷，工作量大且复杂。业界内也有一些可视化搭建工具，也可以看作是一种界面组件化装配的表述模型，并且使用者不需要关心背后使用的框架，但是这类工具多数可实现的界面简单且受限，偏静态且少交互，只能满足简单的业务需要。

技术实现思路

[0005]有鉴于此，本申请提供了一种组件装配模型、界面生成方法、装置、介质及设备，主要目的在于解决前端界面跨框架重复描述的工作量大，可跨框架的组件装配模型无法实现复杂的交互需要的技术问题。
[0006]根据本专利技术的第一个方面，提供了一种组件装配模型，该组件装配模型包括多个节点，每个所述节点对应一个组件，且每个所述节点还包括数据设置位、插槽设置位和动作设置位中的至少一个设置位，其中，
[0007]所述数据设置位，用于设置至少一个状态量和所述状态量的数据值；
[0008]所述插槽设置位，用于设置所述节点的至少一个子节点；
[0009]所述动作设置位，用于设置至少一个动作和所述动作的数据处理逻辑。
[0010]根据本专利技术的第二个方面，提供了一种界面生成方法，该方法应用于上述组件装配模型中，该方法包括：
[0011]基于目标界面的界面结构，通过所述组件装配模型生成所述目标界面的装配表述数据；
[0012]将所述装配表述数据转换为与目标视图框架对应的视图表述，并将所述视图表述设置在所述目标视图框架中，得到目标界面的文档对象模型；
[0013]基于所述文档对象模型进行界面渲染，得到目标界面。
[0014]根据本专利技术的第三个方面，提供了一种界面生成装置，该装置包括：
[0015]界面描述模块，用于基于目标界面的界面结构，通过所述组件装配模型生成所述目标界面的装配表述数据；
[0016]界面装配模块，用于将所述装配表述数据转换为与目标视图框架对应的视图表述，并将所述视图表述设置在所述目标视图框架中，得到目标界面的文档对象模型；
[0017]界面生成模块，用于基于所述文档对象模型进行界面渲染，得到目标界面。
[0018]根据本专利技术的第四个方面，提供了一种存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述界面生成方法。
[0019]根据本专利技术的第五个方面，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述界面生成方法。
[0020]本申请提出的组件装配模型，通过在节点中设置对应的组件，以及设置数据设置位、插槽设置位和动作设置位中的至少一个设置位，可以根据界面的实际设计需求，通过组件实现特定的界面功能，通过子节点实现界面的嵌套结构，通过节点的状态量和状态量的数据值实现界面的数据来源，通过节点的动作和动作的数据处理逻辑实现界面的数据更新逻辑。相比于现有技术中只描述界面结构，而不描述数据来源和数据更新逻辑的描述方式，上述组件装配模型可以对界面数据和交互逻辑进行表述，不必依赖于模型中嵌入的JS脚本，即可实现复杂的交互，有效的降低了业务逻辑的复杂度。此外，上述模型对界面的表述简单清晰，易于解析和转换，界面的表述方式能够被大多数编程语言和软件直接使用，也可以作为数据保存下来重复利用，还可以在不同的框架下进行相互转换，有效的降低了界面开发的工作量。
[0021]本专利技术提供的一种界面生成方法、装置、存储介质及计算机设备，通过组件装配模型生成目标界面的装配表述数据，可以对目标界面的界面数据和交互逻辑进行直接表述，不必依赖于模型中嵌入的JS脚本，即可实现复杂的交互，有效的降低了业务逻辑的复杂度。此外，通过将装配表述数据转换为与目标视图框架对应的视图表述，并将视图表述设置在目标视图框架中，得到目标界面的文档对象模型，进而基于文档对象模型进行界面渲染，得到目标界面，可以使目标界面的装配表述数据能够在不同的框架下进行相互转换，从而有效的降低界面的开发工作量。
[0022]上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。
附图说明
[0023]此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：
[0024]图1示出了本专利技术实施例提供的一种组件装配模型的结构示意图；
[0025]图2示出了本专利技术实施例提供的一种计数器界面的示意图；
[0026]图3示出了本专利技术实施例提供的一种界面生成方法的流程示意图；
[0027]图4示出了本专利技术实施例提供的一种界面生成装置的结构示意图。
具体实施方式
[0028]下文中将参考附图并结合实施例来详细说明本专利技术。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。
[0029]目前，大多数前端开发人员已熟悉了组件化开发模式，即首先定义好要用的组件，然后按照框架提供的方式使用组件搭建界面，进而在搭建好的界面描述中添加数据，并通过嵌入Js脚本的方式添加业务逻辑，最后由框架完成渲染DOM。然而，这种方式搭建的界面可移植性差，当界面需要在多个不同的视图框架中实现时，这种界面描述工作便需要重来一遍，严重的降低了界面开发的工作效率，此外，通过嵌入Js脚本的方式添加业务逻辑，自由度较高，也会使得业务逻辑变得十分复杂。
[0030]针对上述技术问题，为了降低界面重复描述的工作量，使前端界面的表述更加简单清晰，且能够实现复杂的交互需要，在一个实施例中，如图1所示，提供了一种组件装配模型，该组件装配模型包括多个节点。其中，每个节点对应一个组件，组件指的是窗口系统(如浏览器等)中显示出来的各种对象，如按钮(Button)、列表框(List)、对话框(Dialog)等等。此外，每个节点还包括数据设置位本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件装配模型，其特征在于，所述组件装配模型包括多个节点，其中，每个所述节点对应一个组件，且每个所述节点还包括数据设置位、插槽设置位和动作设置位中的至少一个设置位，其中，所述数据设置位，用于设置至少一个状态量和所述状态量的数据值；所述插槽设置位，用于设置所述节点的至少一个子节点；所述动作设置位，用于设置至少一个动作和所述动作的数据处理逻辑。2.根据权利要求1所述的组件装配模型，其特征在于，所述节点还包括属性设置位和/或生命周期设置位，其中，所述属性设置位用于设置至少一个属性和所述属性的属性值，所述属性包括组件尺寸、组件颜色、组件位置、组件对应的文字、组件对应的图片中的至少一种；所述生命周期设置位用于设置至少一个生命周期阶段和所述生命周期阶段的数据处理逻辑，所述生命周期阶段包括创建阶段、挂载阶段、更新阶段和卸载阶段中的至少一种阶段。3.根据权利要求1或2所述的组件装配模型，其特征在于，每个所述节点对应的组件预先封装在与视图框架对应的组件库中，其中，所述组件库中封装有多种类型的组件以及每种类型的组件的描述文件，所述组件的类型包括容器、文本、按钮、图片、列表框、对话框和显示器中的至少一种。4.根据权利要求1或2所述的组件装配模型，其特征在于，所述组件装配模型还包括装配机，其中，所述装配机用于读取组件装配模型中的各个所述节点对应的组件和各个所述节点的状态量、子节点、动作和属性，并根据所述组件、状态量、子节点、动作和属性，生成界面的文档对象模型。5.一种界面生成方法，其特征在于，所述方法应用于如权利要求1至4任一项所述的组件装配模型中，所述方法包括：基于目标界面的界面结构，通过所述组件装配模型生成所述目标界面的装配表述数据；将所述装配表述数据转换为与目标视图框架对应的视图表述，并将所述视图表述设置在所述目标视图框架中，得到目标界面的文档对象模型；基于所述文档对象模...

【专利技术属性】
技术研发人员：王世杰，
申请(专利权)人：康键信息技术深圳有限公司，
类型：发明
国别省市：