组件可视化方法、基于组件可视化的页面处理方法及装置制造方法及图纸

本发明专利技术实施例公开了一种组件可视化方法、基于组件可视化的页面处理方法及装置，通过将待发布页面对应的组件在组件可视化平台的前端页面预显示，并将预显示后的组件的源代码加载至待发布页面对应的源代码中，编译待发布页面对应的源代码以生成包括对应组件的发布页面。由此，可以简化开发流程，减少冗余代码，提高了程序的检错性，同时实现了对组件的统一维护和管理，并减少了开发人员的协作沟通成本。

Component Visualization Method, Page Processing Method and Device Based on Component Visualization

【技术实现步骤摘要】
组件可视化方法、基于组件可视化的页面处理方法及装置
本专利技术涉及计算机
，更具体地，涉及一种组件可视化方法、基于组件可视化的页面处理方法及装置。
技术介绍
互联网技术的发展，伴随着各类业务需求的多元化和复杂化。其中，前端技术日渐成熟和多元化，前端开发工作在整个开发项目中的比重逐渐上升。一方面，前端开发不仅需要处理复杂的业务逻辑、还需要设计多样的界面，这对前端工作人员是很大的挑战。另一方面，开发人员通常需要协同工作，如何保证业务统一设计风格，以及保证代码的高可用性、易读性以及低出错率等也是很大的问题。
技术实现思路
有鉴于此,本专利技术实施例提供一种组件可视化方法、基于组件可视化的页面处理方法及装置，以简化开发流程，减少冗余代码，提高程序的检错性，同时实现对组件的统一维护和管理，减少开发人员的协作沟通成本。第一方面，本专利技术实施例提供一种组件可视化方法，所述方法包括：根据可复用的业务逻辑关系获取对应的组件；将各组件加载至组件可视化平台的组件列表中；根据所述组件的元数据信息生成所述组件对应的可执行文件，所述组件的元数据信息包括组件的属性信息；响应于组件的拖拽指令，将所述组件对应的可执行文件加载至所述组件可视化平台，使得所述组件可视化平台运行所述可执行文件，以在所述组件可视化平台的前端页面显示所述组件。进一步地，根据所述组件的元数据信息生成所述组件对应的可执行文件包括：响应于所述组件的属性信息被修改，生成所述组件对应的可执行文件。第二方面，本专利技术是实施例提供一种基于组件可视化的页面处理方法，所述方法包括：将待发布页面对应的组件在组件可视化平台的前端页面预显示，所述组件包括可复用的业务逻辑关系；响应于页面发布指令，获取所述待发布页面对应的组件的源代码；将所述待发布页面对应的组件的源代码加载至所述待发布页面对应的源代码中；编译所述待发布页面对应的源代码，生成包括所述组件的发布页面。进一步地，将待发布页面对应的组件在组件可视化平台的前端页面预显示包括：响应于查询指令在所述组件可视化平台的组件列表中获取对应的组件，所述查询指令包括所述待发布页面对应的业务需求；响应于组件的拖拽指令，将所述组件对应的可执行文件加载至所述组件可视化平台，使得所述组件可视化平台运行所述组件对应的可执行文件，以在所述组件可视化平台的前端页面显示所述组件；其中，所述可执行文件根据所述组件的元数据信息生成，所述组件的元数据信息包括组件的属性信息。第三方面，本专利技术实施例提供一种组件可视化装置，所述装置包括：设计时模块，被配置为根据可复用的业务逻辑关系获取对应的组件；运行时模块，所述运行时模块包括加载单元、可执行文件生成单元和运行单元；所述加载单元被配置为将各组件加载至组件可视化平台的组件列表中；所述可执行文件生成单元被配置为根据所述组件的元数据信息生成所述组件对应的可执行文件，所述组件的元数据信息包括组件的属性信息；所述运行单元被配置为响应于组件的拖拽指令，将所述组件对应的可执行文件加载至所述组件可视化平台使得所述组件可视化平台运行所述可执行文件，以在所述组件可视化平台的前端页面显示所述组件。进一步地，所述可执行文件生成单元包括可执行文件生成子单元，被配置为响应于所述组件的属性信息被修改，生成所述组件对应的可执行文件。第四方面，本专利技术实施例提供一种基于组件可视化的页面处理装置，所述装置包括：预显示模块，被配置为将待发布页面对应的组件在组件可视化平台的前端页面预显示，述组件为可复用的业务逻辑关系；源代码获取模块，被配置为响应于页面发布指令，获取所述待发布页面对应的组件的源代码；源代码加载模块，被配置为将所述待发布页面对应的组件的源代码加载至所述待发布页面对应的源代码中；编译模块，被配置为编译所述待发布页面对应的源代码，生成包括所述组件的发布页面；其中，所述组件为可复用的业务逻辑关系，在发送页面发布指令之前，预先在组件可视化平台的前端页面显示所述待发布页面对应的组件。进一步地，所述预显示模块包括：查询单元，被配置为响应于查询指令在所述组件可视化平台的组件列表中获取对应的组件，所述查询指令包括所述待发布页面对应的业务需求；预显示单元，被配置为响应于组件的拖拽指令，将所述组件对应的可执行文件加载至所述组件可视化平台使得所述组件可视化平台运行所述可执行文件，以在所述组件可视化平台的前端页面显示所述组件；其中，所述可执行文件根据所述组件的元数据信息生成，所述组件的元数据信息包括组件的属性信息。第五方面，本专利技术实施例提供一种电子设备，包括存储器和处理器，其中，所述存储器用于存储一条或多条计算机指令，所述一条或多条计算机指令被所述处理器执行以实现如本专利技术实施例第一方面和/或本专利技术实施例第二方面所述的方法。第六方面，本专利技术实施例提供一种计算机可读存储介质，其上存储计算机程序指令，所述计算机程序指令在被处理器执行时实现如本专利技术实施例第一方面和/或本专利技术实施例第二方面所述的方法。本专利技术实施例通过将待发布页面对应的组件在组件可视化平台的前端页面预显示，并将预显示后的组件的源代码加载至待发布页面对应的源代码中，编译待发布页面对应的源代码以生成包括对应组件的发布页面。由此，可以简化开发流程，减少冗余代码，提高了程序的检错性，同时实现了对组件的统一维护和管理，并减少了开发人员的协作沟通成本。附图说明通过以下参照附图对本专利技术实施例的描述，本专利技术的上述以及其它目的、特征和优点将更为清楚，在附图中：图1是现有技术的页面处理方法的示意图；图2是本专利技术实施例的组件可视化方法的流程图；图3是本专利技术实施例的组件可视化平台的示意图；图4是本专利技术实施例的基于组件可视化的页面处理方法的流程图；图5是本专利技术实施例的组件可视化过程示意图；图6是本专利技术实施例的组件可视化装置的示意图；图7是本专利技术实施例的基于组件可视化的页面处理装置的示意图；图8是本专利技术实施例的电子设备的示意图。具体实施方式以下基于实施例对本专利技术进行描述，但是本专利技术并不仅仅限于这些实施例。在下文对本专利技术的细节描述中，详尽描述了一些特定的细节部分。对本领域技术人员来说没有这些细节部分的描述也可以完全理解本专利技术。为了避免混淆本专利技术的实质，公知的方法、过程、流程、元件和电路并没有详细叙述。此外，本领域普通技术人员应当理解，在此提供的附图都是为了说明的目的，并且附图不一定是按比例绘制的。除非上下文明确要求，否则整个说明书和权利要求书中的“包括”、“包含”等类似词语应当解释为包含的含义而不是排他或穷举的含义；也就是说，是“包括但不限于”的含义。在本专利技术的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本专利技术的描述中，除非另有说明，“多个”的含义是两个或两个以上。图1是现有技术的页面处理方法的示意图。如图1所示，在现有技术中，开发人员根据业务需求13和UI(页面)需求14分别设计系统11的多个页面11。由此，开发人员需要同业务需求人员确定对应的业务逻辑，还需要和UI设计人员确定具体的前端页面展示需求，这使得通常情况下，开发人员不仅需要进行复杂的业务逻辑开发，还需要花费大量时间进行前端页面的调整。同时，由于各个业务逻辑之间存在可复用性，造成了大量的代码冗余，降低了开发效率。由此，本专利技术实本文档来自技高网...

【技术保护点】
1.一种组件可视化方法，其特征在于，所述方法包括：根据可复用的业务逻辑关系获取对应的组件；将各组件加载至组件可视化平台的组件列表中；根据所述组件的元数据信息生成所述组件对应的可执行文件，所述组件的元数据信息包括组件的属性信息；响应于组件的拖拽指令，将所述组件对应的可执行文件加载至所述组件可视化平台，使得所述组件可视化平台运行所述可执行文件，以在所述组件可视化平台的前端页面显示所述组件。

【技术特征摘要】
1.一种组件可视化方法，其特征在于，所述方法包括：根据可复用的业务逻辑关系获取对应的组件；将各组件加载至组件可视化平台的组件列表中；根据所述组件的元数据信息生成所述组件对应的可执行文件，所述组件的元数据信息包括组件的属性信息；响应于组件的拖拽指令，将所述组件对应的可执行文件加载至所述组件可视化平台，使得所述组件可视化平台运行所述可执行文件，以在所述组件可视化平台的前端页面显示所述组件。2.根据权利要求1所述的方法，其特征在于，根据所述组件的元数据信息生成所述组件对应的可执行文件包括：响应于所述组件的属性信息被修改，生成所述组件对应的可执行文件。3.一种基于组件可视化的页面处理方法，其特征在于，所述方法包括：将待发布页面对应的组件在组件可视化平台的前端页面预显示，所述组件包括可复用的业务逻辑关系；响应于页面发布指令，获取所述待发布页面对应的组件的源代码；将所述待发布页面对应的组件的源代码加载至所述待发布页面对应的源代码中；编译所述待发布页面对应的源代码，生成包括所述组件的发布页面。4.根据权利要求3所述的方法，其特征在于，将待发布页面对应的组件在组件可视化平台的前端页面预显示包括：响应于查询指令在所述组件可视化平台的组件列表中获取对应的组件，所述查询指令包括所述待发布页面对应的业务需求；响应于组件的拖拽指令，将所述组件对应的可执行文件加载至所述组件可视化平台，使得所述组件可视化平台运行所述组件对应的可执行文件，以在所述组件可视化平台的前端页面显示所述组件；其中，所述可执行文件根据所述组件的元数据信息生成，所述组件的元数据信息包括组件的属性信息。5.一种组件可视化装置，其特征在于，所述装置包括：设计时模块，被配置为根据可复用的业务逻辑关系获取对应的组件；运行时模块，所述运行时模块包括加载单元、可执行文件生成单元和运行单元；所述加载单元被配置为将各组件加载至组件可视化平台的组件列表中；所述可执行文件生成单元被配置为根据所述组件的元数据信息生成所述组件对应的可执行文件，所述...

【专利技术属性】
技术研发人员：胡少磊，胡家绮，叶胜国，王美红，王磊，朱才新，
申请(专利权)人：中汇信息技术上海有限公司，
类型：发明
国别省市：上海,31