一种单页应用的创建方法和装置制造方法及图纸

本发明专利技术提供一种单页应用的创建方法和装置，所述方法包括：在接收到创建单页应用的指令的情况下，创建初始页面，并加载组件选择列表；其中，所述组件选择列表包括多个用于实现不同功能的可视化组件；所述指令包括所述单页应用的创建主题；根据所述单页应用的创建主题在所述组件选择列表中确定至少一个目标可视化组件；将至少一个所述目标可视化组件加载至所述初始页面中，完成所述单页应用的创建。本发明专利技术提供的单页应用的创建方法，通过在组件选择列表中确定至少一个目标可视化组件，将至少一个目标可视化组件加载至初始页面中，即可完成单页应用的创建，操作过程简单。操作过程简单。操作过程简单。

【技术实现步骤摘要】
一种单页应用的创建方法和装置


[0001]本专利技术涉及软件设计
，尤其涉及一种单页应用的创建方法和装置。

技术介绍

[0002]每个公司针对不同业务都有各自独立的技术团队，业务之间相互独立，技术人员没有交叉，数据也会进行独立维护，不同团队的数据共享方案大部分是代码级别的。
[0003]现有技术中，如果要实现通过一个单页应用展示不同业务的数据，通常是不同业务方使用一个代码仓库协同开发，通过传入不同参数来调用数据，单页应用中一个组件的位置或大小调整都需要修改源代码，将修改后的源代码文件再次打包上线，才能完成更新。这对于不懂代码的人员来说是无法进行运营和维护的。
[0004]如何让不懂代码的人员创建用于展示不同业务数据的单页应用，是目前需要解决的技术问题。

技术实现思路

[0005]针对现有技术中存在的缺陷，本专利技术提供一种单页应用的创建方法和装置。
[0006]本专利技术提供一种单页应用的创建方法，包括：
[0007]在接收到创建单页应用的指令的情况下，创建初始页面，并加载组件选择列表；其中，所述组件选择列表包括多个用于实现不同功能的可视化组件；所述指令包括所述单页应用的创建主题；
[0008]根据所述单页应用的创建主题在所述组件选择列表中确定至少一个目标可视化组件；
[0009]将至少一个所述目标可视化组件加载至所述初始页面中，完成所述单页应用的创建。
[0010]根据本专利技术提供的一种单页应用的创建方法，每个所述目标可视化组件通过对应的组件容器进行加载；每个所述目标可视化组件具有对应的渲染器；
[0011]所述将至少一个所述目标可视化组件加载至所述初始页面中，包括：
[0012]通过至少一个所述组件容器生成所述目标可视化组件对应的组件标识；
[0013]通过所述目标可视化组件对应的渲染器加载所述组件标识，以获取对应的源代码文件；
[0014]通过所述目标可视化组件对应的渲染器执行所述源代码文件，在所述源代码文件执行完成的情况下，将至少一个所述目标可视化组件按照初始尺寸加载至所述初始页面的初始位置中。
[0015]根据本专利技术提供的一种单页应用的创建方法，在将至少一个所述目标可视化组件加载至所述初始页面中之后，所述方法还包括：
[0016]在所述初始页面中调整至少一个所述目标可视化组件的位置信息和尺寸信息；
[0017]根据调整位置信息和尺寸信息的至少一个所述目标可视化组件，完成所述单页应
用的创建。
[0018]根据本专利技术提供的一种单页应用的创建方法，所述根据调整位置信息和尺寸信息的至少一个所述目标可视化组件，完成所述单页应用的创建，包括：
[0019]获取待调整目标可视化组件的目标组件标识；
[0020]通过所述待调整目标可视化组件对应的目标渲染器加载所述目标组件标识，以获取所述待调整目标可视化组件的目标源代码文件；
[0021]根据所述待调整目标可视化组件调整后的位置信息和尺寸信息，通过所述目标渲染器执行所述目标源代码文件，将所述待调整目标可视化组件按照调整后的位置信息和尺寸信息加载至所述初始页面中，完成所述单页应用的创建。
[0022]根据本专利技术提供的一种单页应用的创建方法，所述在接收到创建单页应用的指令的情况下，创建初始页面，并加载组件选择列表之前，所述方法还包括：
[0023]在接收到注册组件指令的情况下，获取注册所述可视化组件的基本信息；
[0024]根据所述基本信息调用至少一个代码仓库编译生成所述可视化组件的所述源代码文件，并生成对应的入口文件；其中，所述入口文件包括对应的版本号；
[0025]将所述入口文件的版本号存储至数据库中。
[0026]根据本专利技术提供的一种单页应用的创建方法，在完成所述单页应用的创建之后，所述方法还包括：
[0027]在确定所述数据库中的所述版本号已更新的情况下，确定已更新版本号对应的已更新入口文件以及已更新可视化组件；
[0028]通过所述已更新可视化组件对应的渲染器基于所述已更新入口文件获取对应的已更新源代码文件；
[0029]通过所述已更新可视化组件对应的渲染器执行所述已更新源代码文件，实现所述目标可视化组件的更新。
[0030]根据本专利技术提供的一种单页应用的创建方法，所述通过所述目标可视化组件对应的渲染器加载所述组件标识，以获取对应的源代码文件，包括：
[0031]通过所述目标可视化组件对应的渲染器加载所述组件标识以及所述入口文件的版本号，确定所述目标可视化组件对应的源代码文件。
[0032]根据本专利技术提供的一种单页应用的创建方法，在完成所述单页应用的创建之后，所述方法还包括：
[0033]生成所述单页应用对应的单页应用链接；
[0034]发送所述单页应用链接至其他展示区域，用于指示在所述其他展示区域中对所述单页应用进行展示。
[0035]本专利技术还提供一种单页应用的创建装置，包括：
[0036]加载模块，用于在接收到创建单页应用的指令的情况下，创建初始页面，并加载组件选择列表；其中，所述组件选择列表包括多个用于实现不同功能的可视化组件；所述指令包括所述单页应用的创建主题；
[0037]确定模块，用于根据所述单页应用的创建主题在所述组件选择列表中确定至少一个目标可视化组件；
[0038]创建模块，用于将至少一个所述目标可视化组件加载至所述初始页面中，完成所
述单页应用的创建。
[0039]本专利技术还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述单页应用的创建方法。
[0040]本专利技术还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述单页应用的创建方法。
[0041]本专利技术还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述单页应用的创建方法。
[0042]本专利技术提供的一种单页应用的创建方法和装置，通过在接收到创建单页应用的指令的情况下，创建初始页面，并加载组件选择列表，组件选择列表包括多个用于实现不同功能的可视化组件，指令包括单页应用的创建主题，用户无需再次进行代码开发；通过根据单页应用的创建主题在组件选择列表中确定至少一个目标可视化组件，将至少一个目标可视化组件加载至初始页面中，即可完成单页应用的创建，操作过程简单。
附图说明
[0043]为了更清楚地说明本专利技术或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0044]图1是本专利技术提供的单页应用的创建方法的流程示意图之一；
[0045]图2是本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种单页应用的创建方法，其特征在于，包括：在接收到创建单页应用的指令的情况下，创建初始页面，并加载组件选择列表；其中，所述组件选择列表包括多个用于实现不同功能的可视化组件；所述指令包括所述单页应用的创建主题；根据所述单页应用的创建主题在所述组件选择列表中确定至少一个目标可视化组件；将至少一个所述目标可视化组件加载至所述初始页面中，完成所述单页应用的创建。2.根据权利要求1所述的单页应用的创建方法，其特征在于，每个所述目标可视化组件通过对应的组件容器进行加载；每个所述目标可视化组件具有对应的渲染器；所述将至少一个所述目标可视化组件加载至所述初始页面中，包括：通过至少一个所述组件容器生成所述目标可视化组件对应的组件标识；通过所述目标可视化组件对应的渲染器加载所述组件标识，以获取对应的源代码文件；通过所述目标可视化组件对应的渲染器执行所述源代码文件，在所述源代码文件执行完成的情况下，将至少一个所述目标可视化组件按照初始尺寸加载至所述初始页面的初始位置中。3.根据权利要求2所述的单页应用的创建方法，其特征在于，在将至少一个所述目标可视化组件加载至所述初始页面中之后，所述方法还包括：在所述初始页面中调整至少一个所述目标可视化组件的位置信息和尺寸信息；根据调整位置信息和尺寸信息的至少一个所述目标可视化组件，完成所述单页应用的创建。4.根据权利要求3所述的单页应用的创建方法，其特征在于，所述根据调整位置信息和尺寸信息的至少一个所述目标可视化组件，完成所述单页应用的创建，包括：获取待调整目标可视化组件的目标组件标识；通过所述待调整目标可视化组件对应的目标渲染器加载所述目标组件标识，以获取所述待调整目标可视化组件的目标源代码文件；根据所述待调整目标可视化组件调整后的位置信息和尺寸信息，通过所述目标渲染器执行所述目标源代码文件，将所述待调整目标可视化组件按照调整后的位置信息和尺寸信息加载至所述初始页面中，完成所述单页应用的创建。5.根据权利要求2所述的单页应用的创建方法，其特征在于，所述在接收到创建单页应用的指令的情况下，创建初始页面，并加载组件选择列表之前，所述方法还包括：在接收到注册组件指令的情况下，获取注册所述可视化组件的基本信息；根据所述基本信息调用至少一个代码仓库编译...

【专利技术属性】
技术研发人员：崔久代，孙能林，
申请(专利权)人：海尔优家智能科技北京有限公司海尔智家股份有限公司，
类型：发明
国别省市：