CN117290036A - 一种量子eda在线工具平台的窗口视图切换方法及装置 - Google Patents

Abstract

本发明涉及电子设计自动化技术领域，公开了一种量子EDA在线工具平台的窗口视图切换方法及装置，该方法包括：在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息；获取窗口视图切换指令，基于所述窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息；对所述第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。本发明可以使浏览器的负荷大大减少，防止了同时打开多个文件时，由于画布对浏览器的负荷而使得页面卡顿，提升用户的使用体验。

Description

一种量子EDA在线工具平台的窗口视图切换方法及装置

技术领域

本发明涉及电子设计自动化技术领域，具体涉及一种量子EDA在线工具平台的窗口视图切换方法及装置。

背景技术

EDA(Electronic Design Automation)是电子设计自动化的简称，是电子设计与制造技术发展中的核心。EDA技术是以计算机为工具，采用硬件描述语言的表达方式，对数据库、计算数学、图论、图形学及拓扑逻辑、优化理论等进行科学、有效的融合，从而形成一种电子系统专用的新技术，是计算机技术、信号处理技术、信号分析技术的最新成果。EDA技术的出现不仅更好地保证了电子工程设计各级别的仿真、调试和纠错，为其发展带来强有力的技术支持，并且在电子、通信、化工、航空航天、生物等各个领域占有越来越重要的地位，很大程度上减轻了相关从业者的工作强度。

近年来，EDA在线平台已成为电子设计领域中不可或缺的工具，但是，当EDA工具平台同时打开多个文件时，画布对浏览器的负荷使得页面卡顿，导致用户的使用体验较差。

发明内容

有鉴于此，本发明提供了一种量子EDA在线工具平台的窗口视图切换方法及装置，以解决当EDA工具平台同时打开多个文件时，画布对浏览器的负荷使得页面卡顿，导致用户的使用体验较差的问题。

第一方面，本发明提供了一种量子EDA在线工具平台的窗口视图切换方法，该方法包括：

在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息；

获取窗口视图切换指令，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息；

对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息，并基于解析后的量子元器件信息绘制并显示量子元器件图形，使得电子设计自动化平台不会同时打开多个窗口文件，可以使浏览器的负荷大大减少，防止了同时打开多个文件时，由于画布对浏览器的负荷而使得页面卡顿，提升用户的使用体验。

在一种可选的实施方式中，在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息，包括：

获取桌面组件库，基于桌面组件库中的导航菜单和标签页，在量子EDA在线工具平台的窗口中创建侧边栏菜单和标签选项卡；

在侧边栏菜单中创建子菜单文件，将子菜单文件作为窗口文件；

获取窗口文件中量子元器件绘制信息，基于量子元器件绘制信息确定第一量子元器件图形信息和第一文件配置信息；

获取窗口文件对应的文件标识，将第一量子元器件图形信息、第一文件配置信息和文件标识绑定，生成第一量子元器件信息；

将保存操作信息赋予给后端数据库；其中，所述保存操作信息包括ctrl+s的键盘按键操作和阻止默认键盘事件的代码event.preventDefault()；

当检测到保存操作信息时，将第一量子元器件信息储至后端数据库。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，通过创建侧边栏菜单和标签选项卡，当电子设计自动化平台创建有多个窗口文件时，清晰地展示了窗口文件，并将第一量子元器件图形信息、第一文件配置信息和文件标识绑定，生成第一量子元器件信息，为后续窗口视图切换时量子元器件信息的快速调用，实现量子元器件信息快速保存。

在一种可选的实施方式中，基于量子元器件绘制信息确定第一量子元器件图形信息和第一文件配置信息，包括：

基于量子元器件绘制信息构建量子元器件数组，利用回调函数对量子元器件数组进行筛选，生成第一量子元器件图形信息；

基于量子元器件绘制信息确定窗口画布颜色与量子元器件图层，基于窗口画布颜色和量子元器件图层生成第一文件配置信息。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，通过回调函数实现了量子元器件数组的准确筛选，并基于量子元器件绘制信息确定文件配置信息，实现了对窗口文件的画布内容的准确提取。

在一种可选的实施方式中，在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息，还包括：

利用画布框架获取窗口文件中量子元器件绘制信息。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，通过画布框架实现了对量子元器件绘制信息的精准且完整获取，为后续量子元器件图形信息和文件配置信息的数据处理奠定了基础。

在一种可选的实施方式中，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息，包括：

基于窗口视图切换指令选择侧边栏菜单中的窗口文件作为当前窗口文件；

获取当前窗口文件对应的文件标识，基于当前窗口文件对应的文件标识调取第二量子元器件信息。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，由于打开多个窗口文件会使浏览器超负荷运行，项目会变得卡顿，影响用户的使用体验，因此基于当前窗口文件对应的文件标识调取第二量子元器件信息，然后重新绘制重新配置的方法实现页面运行流畅，使得用户使用体验大幅提升。

在一种可选的实施方式中，对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形，包括：

对第二量子元器件信息进行拆分，生成第二量子元器件图形信息和第二文件配置信息；

基于第二文件配置信息更新当前窗口文件，生成更新后的文件配置信息；

基于第二量子元器件图形信息和更新后的文件配置信息重新绘制量子元器件图形，并在当前窗口文件的画布中显示重新绘制后的量子元器件图形。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，基于量子元器件图形信息和更新后的文件配置信息重新绘制量子元器件图形，实现了量子元器件的重绘和配置信息的更新，进而实现了多窗口文件的页面优化，防止了同时打开多个文件时，由于画布对浏览器的负荷而使得页面卡顿，提升用户的使用体验。

在一种可选的实施方式中，还包括：

基于重新绘制后的量子元器件图形与更新后的文件配置信息，更新后端数据库中的当前窗口文件。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，通过基于重新绘制后的量子元器件图形与更新后的文件配置信息，更新后端数据库中的当前窗口文件，实现了多窗口文件的更新优化，优化了电子设计自动化平台的窗口视图。

第二方面，本发明提供了一种量子EDA在线工具平台的窗口视图切换装置，该装置包括：

创建模块，用于在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息；

调取模块，用于获取窗口视图切换指令，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息；

解析模块，用于对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。

第三方面，本发明提供了一种计算机设备，包括：存储器和处理器，存储器和处理器之间互相通信连接，存储器中存储有计算机指令，处理器通过执行计算机指令，从而执行上述第一方面或其对应的任一实施方式的量子EDA在线工具平台的窗口视图切换方法。

第四方面，本发明提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机指令，计算机指令用于使计算机执行上述第一方面或其对应的任一实施方式的量子EDA在线工具平台的窗口视图切换方法。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是根据本发明实施例的一种量子EDA在线工具平台的窗口视图切换方法的流程示意图；

图2是根据本发明实施例的另一量子EDA在线工具平台的窗口视图切换方法的流程示意图；

图3是根据本发明实施例的又一量子EDA在线工具平台的窗口视图切换方法的流程示意图；

图4是根据本发明实施例的再一量子EDA在线工具平台的窗口视图切换方法的流程示意图；

图5是根据本发明实施例的量子元器件图形重新绘制后的窗口文件示意图；

图6是根据本发明实施例的基于fabric.js在量子EDA在线工具平台中实现窗口多视图的流程示意图；

图7是根据本发明实施例的一种量子EDA在线工具平台的窗口视图切换装置的结构框图；

图8是本发明实施例的计算机设备的硬件结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

EDA软件是设计电子芯片，电路板必需的软件，涵盖了IC设计、电路板设计布线、验证和仿真，测试等所有方面，目前还没有其他软件工具可以替代EDA的。所以在行业内将EDA软件称为电子工业之母，因为EDA软件是IC设计，电路板设计最上游、最高端的产业。如今，面对芯片设计的难关，EDA软件平台的建设迫在眉睫。

随着量子计算成为更具吸引力的商机，这种情况可能会加速EDA向定制化的转变。为了满足用户对于更加便捷、高效的设计需求，平台不断进行升级和改进。

在平台中画布中窗口多视图功能的实现十分重要，因此，本发明实施例提供了一种量子EDA在线工具平台的窗口视图切换方法，通过画布中窗口多视图功能使量子EDA工具中用户创建后并保存的元件文件，通过用户选择进行画布中元件文件的切换，可以使浏览器的负荷大大减少，防止了同时打开多个文件时，由于画布对浏览器的负荷而使得页面卡顿，提升用户的使用体验，同时此方法代码量也比传统实现方式更精简，对于开发者面对类似功能开发时也是一种很好的思路。

根据本发明实施例，提供了一种量子EDA在线工具平台的窗口视图切换方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

在本实施例中提供了一种量子EDA在线工具平台的窗口视图切换方法，可用于上述的移动终端，如手机、平板电脑等，图1是根据本发明实施例的一种量子EDA在线工具平台的窗口视图切换方法的流程图，如图1所示，该流程包括如下步骤：

步骤S101，在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息。

具体地，在量子EDA在线工具平台中创建窗口文件后，用户在该窗口文件的画布中进行量子元器件图形的设计与绘制，并通过API接口串口后端进行参数保存，该参数包括该窗口文件的文件标识、画布上的元件信息和一些配置项信息等等。

步骤S102，获取窗口视图切换指令，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息。

具体地，当量子EDA在线工具平台打开多个窗口文件时，当前窗口文件为存储有第一量子元器件信息的窗口文件时，则调取第一量子元器件信息在当前窗口文件对应的画布中解析重绘对应量子元器件图形，第二量子元器件信息与第一量子元器件信息相同；当前窗口文件为存储有其他量子元器件信息的窗口文件时，则调取其他量子元器件信息作为第二量子元器件信息，进而对第二量子元器件信息解析重绘对应量子元器件图形。

步骤S103，对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息，并基于解析后的量子元器件信息绘制并显示量子元器件图形，使得电子设计自动化平台不会同时打开多个窗口文件，可以使浏览器的负荷大大减少，防止了同时打开多个文件时，由于画布对浏览器的负荷而使得页面卡顿，提升用户的使用体验。

在本实施例中提供了一种量子EDA在线工具平台的窗口视图切换方法，可用于上述的移动终端，如手机、平板电脑等，图2是根据本发明实施例的一种量子EDA在线工具平台的窗口视图切换方法的流程图，如图2所示，该流程包括如下步骤：

步骤S201，在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息。

具体地，上述步骤S201包括：

步骤S2011，获取桌面组件库，基于桌面组件库中的导航菜单和标签页，在量子EDA在线工具平台的窗口中创建侧边栏菜单和标签选项卡。

具体地，基于ElementUI组件中的NavMenu(导航菜单)和Tabs(标签页)创建侧边栏菜单和标签选项卡；其中，ElementUI为一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，Vue为前端开发的一套用于构建用户界面的渐进式JavaScript(一种具有函数优先的轻量级，解释型或即时编译型的编程语言)框架。

步骤S2012，在侧边栏菜单中创建子菜单文件，将子菜单文件作为窗口文件。

具体地，NavMenu中的子菜单或者子元素都需要在代码端绑定一个独有的id(Identity document，身份标识号)，便于后面量子元器件信息进行保存时或者从后端数据库调取该子菜单文件时作为参数传给后端获取其数据，每当点击进入一个窗口文件在画布上方进行标签选项卡的添加，每点击一个侧边栏的子菜单(即窗口文件)，标签选项卡都会新加一个选项页，便于用户可以对打开过的窗口文件进行回看以及记录，同样每次点击标签选项卡中的选项也是获取到该窗口文件的id，然后通过API接口(ApplicationProgramming Interface，应用程序接口)的方式获取到该文件内容的数据，其中包括画布上元件图形数据(即量子元器件图形信息)和一些配置信息的数据(即文件配置信息)。

步骤S2013，获取窗口文件中量子元器件绘制信息，基于量子元器件绘制信息确定第一量子元器件图形信息和第一文件配置信息。

在一些可选的实施方式中，上述步骤S2013包括：

步骤a1，基于量子元器件绘制信息构建量子元器件数组，利用回调函数对量子元器件数组进行筛选，生成第一量子元器件图形信息。

具体地，利用画布框架获取窗口文件中量子元器件绘制信息。

进一步地，通过fabric.js中的getObjects()获取窗口文件中量子元器件绘制信息；其中，fabric.js是一个Canvas(一个矩形区域的画布，可以用JavaScript在上面绘画，控制其每一个像素)的框架，可以快速的渲染文字，图片，线条，长方形，正方式，滤镜，动画等功能；getObjects()用于引用一个由另一个应用程序或动态链接库创建的对象，或者获取当前运行的另一个应用程序中的对象的引用。

进一步地，将获取到的量子元器件绘制信息保存到一个数组中，筛选出要进行保存的信息，可以对获取到的所有量子元件的数组使用回调函数，筛选出符合保存条件的画布上的元件信息。

进一步地，回调函数采用filter()，filter()方法中的参数即为数组的每个子元素(即量子元器件绘制信息中的元素)，然后返回一个计算条件，例如其中的参数等于某个值，filter()方法会把符合该条件的子元素输出到一个新的数组，最后整个新的数组会返回给开发者。

步骤a2，基于量子元器件绘制信息确定窗口画布颜色与量子元器件图层，基于窗口画布颜色和量子元器件图层生成第一文件配置信息。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，通过回调函数实现了量子元器件数组的准确筛选，并基于量子元器件绘制信息确定文件配置信息，实现了对窗口文件的画布内容的准确提取。

步骤S2014，获取窗口文件对应的文件标识，将第一量子元器件图形信息、第一文件配置信息和文件标识绑定，生成第一量子元器件信息。

步骤S2015，将保存操作信息赋予给后端数据库；其中，所述保存操作信息包括ctrl+s的键盘按键操作和阻止默认键盘事件的代码event.preventDefault()。

具体地，键盘按键操作ctrl+s的代码如下：

window.onkeydown

＝(event)

＝》{event.keyCode＝＝83&&(navigator.platform.match("Mac")？event.metaKey：event.ctrlKey}

进一步地，上述代码做了兼容IOS系统(一种移动操作系统)。

进一步地，当设置键盘按键操作ctrl+s为保存功能时，容易发生键盘按键冲突，即在操作系统中有两款正在运行的软件都定义了同一个键为快捷键，当用户摁下该功能键时，系统无法识别优先运行的软件而造成键盘按键冲突，因此，在设定键盘按键ctrl+s为保存功能时要加上阻止默认键盘事件的代码event.preventDefault()，以防止键盘事件发生冲突。

步骤S2016，当检测到保存操作信息时，将第一量子元器件信息储至后端数据库。

步骤S202，获取窗口视图切换指令，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息。详细请参见图1所示实施例的步骤S102，在此不再赘述。

步骤S203，对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。详细请参见图1所示实施例的步骤S103，在此不再赘述。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，通过创建侧边栏菜单和标签选项卡，当电子设计自动化平台创建有多个窗口文件时，清晰地展示了窗口文件，并将第一量子元器件图形信息、第一文件配置信息和文件标识绑定，生成第一量子元器件信息，为后续窗口视图切换时量子元器件信息的快速调用，实现量子元器件信息快速保存。

在本实施例中提供了一种量子EDA在线工具平台的窗口视图切换方法，可用于上述的移动终端，如手机、平板电脑等，图3是根据本发明实施例的一种量子EDA在线工具平台的窗口视图切换方法的流程图，如图3所示，该流程包括如下步骤：

步骤S301，在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息。详细请参见图2所示实施例的步骤S201，在此不再赘述。

步骤S302，获取窗口视图切换指令，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息。

具体地，上述步骤S302包括：

步骤S3021，基于窗口视图切换指令选择侧边栏菜单中的窗口文件作为当前窗口文件。

步骤S3022，获取当前窗口文件对应的文件标识，基于当前窗口文件对应的文件标识调取第二量子元器件信息。

具体地，基于窗口视图切换指令对打开的页面进行切换时，不管是在侧边栏菜单中点击还是在标签选项卡中点击打开过的窗口文件，均需通过文件标识调取后端数据库中该窗口文件的量子元器件信息。

步骤S303，对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。详细请参见图2所示实施例的步骤S203，在此不再赘述。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，不采用同时打开多个画布的方法，因为打开多个画布会使浏览器超负荷运行，项目会变得卡顿，影响用户的使用体验，因此采用多次调取API接口然后重新绘制重新配置的方法来解决，这样页面运行流畅，用户使用体验大大提升。

在本实施例中提供了一种量子EDA在线工具平台的窗口视图切换方法，可用于上述的移动终端，如手机、平板电脑等，图4是根据本发明实施例的一种量子EDA在线工具平台的窗口视图切换方法的流程图，如图4所示，该流程包括如下步骤：

步骤S401，在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息。详细请参见图3所示实施例的步骤S301，在此不再赘述。

步骤S402，获取窗口视图切换指令，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息。详细请参见图3所示实施例的步骤S302，在此不再赘述。

步骤S403，对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。

具体地，上述步骤S403包括：

步骤S4031，对第二量子元器件信息进行拆分，生成第二量子元器件图形信息和第二文件配置信息。

步骤S4032，基于第二文件配置信息更新当前窗口文件，生成更新后的文件配置信息。

具体地，使用Vue中的动态赋值(Vue框架自带方法)方式将当前窗口文件重新赋值文件配置信息，以更新当前窗口文件，生成更新后的文件配置信息。

步骤S4033，基于第二量子元器件图形信息和更新后的文件配置信息重新绘制量子元器件图形，并在当前窗口文件的画布中显示重新绘制后的量子元器件图形。

具体地，把第二量子元器件图形信息以数组的方式一个一个的作为参数，使用Canvas的add()方法添加到当前窗口文件的画布上，然后使用Canvas的renderAll()方法，刷新当前窗口文件的画布，进而得到当前窗口文件展示的内容；其中，add()方法为画布加法函数，renderAll()方法用于立即重新绘制并呈现Canvas中所有的对象，如图5所示，点击选项卡或者侧边栏菜单中窗口文件后将已经被保存过的量子元器件图形重新展示在当前窗口文件的画布上。

进一步地，基于重新绘制后的量子元器件图形与更新后的文件配置信息，更新后端数据库中的当前窗口文件。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，基于量子元器件图形信息和更新后的文件配置信息重新绘制量子元器件图形，实现了量子元器件的重绘和配置信息的更新，进而实现了多窗口文件的页面优化，防止了同时打开多个文件时，由于画布对浏览器的负荷而使得页面卡顿，提升用户的使用体验。

下面通过一个具体地实施例来说明一种量子EDA在线工具平台的窗口视图切换方法的步骤。

实施例1：

一种量子EDA在线工具平台的窗口视图切换方法可以基于fabric.js在量子EDA在线工具平台中实现窗口多视图，如图6所示，具体包括以下步骤：

步骤1：首先进行侧边栏菜单和Tab(标签选项卡)的创建，侧边栏菜单和Tab选项卡页绑定画布和相关配置信息：基于ElementUI组件中的NavMenu和Tabs进行创建，NavMenu中的子菜单或者子元素都需要在代码端绑定一个独有的id，便于后面进行画布元件图进行保存时或者点击子菜单从后端数据库调取该子菜单元件图信息时作为参数传给后端获取其数据，每当点击进入一个文件在画布上方进行Tab页的添加，每点击一个侧边栏的子菜单，Tab栏都会新加一个选项页，便于用户可以进行打开过的子菜单的回看以及记录，同样每次点击Tab栏中的选项也是获取到该文件的id，然后通过API接口的方式获取到该文件内容的数据，其中包括画布上元件图形数据和一些配置信息的数据。

步骤2：画布上的量子元器件图形信息保存到数据库：当在进行窗口文件创建后，在该窗口文件的画布中进行量子元器件图形的设计，包括对一些量子元器件信息的个性化设置的信息设置后，保存到数据库中时，通过API接口传给后端要保存的参数，包括此文件的id、画布上的元件信息、一些配置项信息等等，id就是创建窗口文件时后端生成的id；画布上的量子元件信息可以通过fabric.js中的方法getObjects()获取，此时该方法获取的是画布上的所有元素信息并保存到一个数组中，进行筛选出要进行保存的信息，可以对获取到的所有量子元件的数组使用filter()方法，筛选出符合保存条件的画布上的元件信息；配置信息中包括画布颜色、量子元件所在图层等信息。将这些数据作为参数传给后端在数据库进行保存即可。

步骤3：点击侧边栏菜单或者Tab选项卡时获取文件画布内容：对打开的页面进行切换时，不管是在侧边栏的菜单中点击还是在Tab列表中点击打开过的文件，同样通过传id调取后端获取该文件的元件数据和配置信息，此方案不采用同时打开多个画布的方法，因为打开多个画布会使浏览器超负荷运行，项目会变得卡顿，影响用户的使用体验，这里采用多次调取API接口然后重新绘制重新配置的方法来解决，这样页面运行流畅，用户使用体验大大提升。

步骤4：进行画布上量子元器件图形绘制和配置信息的更新：通过接口获取到的页面中配置信息和画布上元件信息进行解析然后重绘在画布上和该页面配置信息的更新，要进行对获取到的接口数据进行拆分，一个是画布上的量子元件信息数据，一个是该文件的其他相关配置例如画布颜色等等，对画布上的量子元件数据进行重绘，需要使用Canvas的add()方法，把量子元件数据以数组的方式一个一个的作为参数使用add()方法添加到画布上，然后使用Canvas的renderAll()方法，进行画布刷新，此时就能得到该文件展示的内容；对于其他的配置信息只需要使用Vue中的动态赋值(Vue框架自带方法)方式进行重新赋值即可。

本实施例提供的一种量子EDA在线工具平台的窗口视图切换方法，可以使浏览器的负荷大大减少，防止了同时打开多个文件时，由于画布对浏览器的负荷而使得页面卡顿，提升用户的使用体验，同时此方法代码量也比传统实现方式更精简，对于开发者面对类似功能开发时也是一种很好的思路。

在本实施例中还提供了一种量子EDA在线工具平台的窗口视图切换装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

本实施例提供一种量子EDA在线工具平台的窗口视图切换装置，如图7所示，包括：

创建模块701，用于在量子EDA在线工具平台中创建窗口文件，并存储窗口文件对应的第一量子元器件信息；

调取模块702，用于获取窗口视图切换指令，基于窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息；

解析模块703，用于对第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。

在一些可选的实施方式中，创建模块701包括：

第一创建单元，用于获取桌面组件库，基于桌面组件库中的导航菜单和标签页，在量子EDA在线工具平台的窗口中创建侧边栏菜单和标签选项卡；

第二创建单元，用于在侧边栏菜单中创建子菜单文件，将子菜单文件作为窗口文件；

确定单元，用于获取窗口文件中量子元器件绘制信息，基于量子元器件绘制信息确定第一量子元器件图形信息和第一文件配置信息；

绑定单元，用于获取窗口文件对应的文件标识，将第一量子元器件图形信息、第一文件配置信息和文件标识绑定，生成第一量子元器件信息；

赋予单元，用于将保存操作信息赋予给后端数据库；其中，所述保存操作信息包括ctrl+s的键盘按键操作和阻止默认键盘事件的代码event.preventDefault()；

存储单元，用于当检测到保存操作信息时，将第一量子元器件信息储至后端数据库。

在一些可选的实施方式中，确定单元包括：

筛选子单元，用于基于量子元器件绘制信息构建量子元器件数组，利用回调函数对量子元器件数组进行筛选，生成第一量子元器件图形信息；

生成子单元，用于基于量子元器件绘制信息确定窗口画布颜色与量子元器件图层，基于窗口画布颜色和量子元器件图层生成第一文件配置信息。

在一些可选的实施方式中，创建模块701还用于利用画布框架获取窗口文件中量子元器件绘制信息。

在一些可选的实施方式中，调取模块702包括：

选择单元，用于基于窗口视图切换指令选择侧边栏菜单中的窗口文件作为当前窗口文件；

调取单元，用于获取当前窗口文件对应的文件标识，基于当前窗口文件对应的文件标识调取第二量子元器件信息。

在一些可选的实施方式中，解析模块703包括：

拆分单元，用于对第二量子元器件信息进行拆分，生成第二量子元器件图形信息和第二文件配置信息；

赋值单元，用于基于第二文件配置信息更新当前窗口文件，生成更新后的文件配置信息；

绘制单元，用于基于第二量子元器件图形信息和更新后的文件配置信息重新绘制量子元器件图形，并在当前窗口文件的画布中显示重新绘制后的量子元器件图形。

在一些可选的实施方式中，还包括：

更新模块，用于基于重新绘制后的量子元器件图形与更新后的文件配置信息，更新后端数据库中的当前窗口文件。

上述各个模块和单元的更进一步的功能描述与上述对应实施例相同，在此不再赘述。

本实施例中的一种量子EDA在线工具平台的窗口视图切换装置是以功能单元的形式来呈现，这里的单元是指ASIC(Application Specific Integrated Circuit，专用集成电路)电路，执行一个或多个软件或固定程序的处理器和存储器，和/或其他可以提供上述功能的器件。

本发明实施例还提供一种计算机设备，具有上述图7所示的一种量子EDA在线工具平台的窗口视图切换装置。

请参阅图8，图8是本发明可选实施例提供的一种计算机设备的结构示意图，如图8所示，该计算机设备包括：一个或多个处理器10、存储器20，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相通信连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在计算机设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在一些可选的实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个计算机设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图8中以一个处理器10为例。

处理器10可以是中央处理器，网络处理器或其组合。其中，处理器10还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路，可编程逻辑器件或其组合。上述可编程逻辑器件可以是复杂可编程逻辑器件，现场可编程逻辑门阵列，通用阵列逻辑或其任意组合。

其中，所述存储器20存储有可由至少一个处理器10执行的指令，以使所述至少一个处理器10执行实现上述实施例示出的方法。

存储器20可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据计算机设备的使用所创建的数据等。此外，存储器20可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些可选的实施方式中，存储器20可选包括相对于处理器10远程设置的存储器，这些远程存储器可以通过网络连接至该计算机设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

存储器20可以包括易失性存储器，例如，随机存取存储器；存储器也可以包括非易失性存储器，例如，快闪存储器，硬盘或固态硬盘；存储器20还可以包括上述种类的存储器的组合。

该计算机设备还包括输入装置30和输出装置40。处理器10、存储器20、输入装置30和输出装置40可以通过总线或者其他方式连接，图8中以通过总线连接为例。

输入装置30可接收输入的数字或字符信息，以及产生与该计算机设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等。输出装置40可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。上述显示设备包括但不限于液晶显示器，发光二极管，显示器和等离子体显示器。在一些可选的实施方式中，显示设备可以是触摸屏。

本发明实施例还提供了一种计算机可读存储介质，上述根据本发明实施例的方法可在硬件、固件中实现，或者被实现为可记录在存储介质，或者被实现通过网络下载的原始存储在远程存储介质或非暂时机器可读存储介质中并将被存储在本地存储介质中的计算机代码，从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件的存储介质上的这样的软件处理。其中，存储介质可为磁碟、光盘、只读存储记忆体、随机存储记忆体、快闪存储器、硬盘或固态硬盘等；进一步地，存储介质还可以包括上述种类的存储器的组合。可以理解，计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件，当软件或计算机代码被计算机、处理器或硬件访问且执行时，实现上述实施例示出的方法。

虽然结合附图描述了本发明的实施例，但是本领域技术人员可以在不脱离本发明的精神和范围的情况下做出各种修改和变型，这样的修改和变型均落入由所附权利要求所限定的范围之内。

Claims (10)

1.一种量子EDA在线工具平台的窗口视图切换方法，其特征在于，所述方法包括：

在量子EDA在线工具平台中创建窗口文件，并存储所述窗口文件对应的第一量子元器件信息；

获取窗口视图切换指令，基于所述窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息；

对所述第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形。

2.根据权利要求1所述的方法，其特征在于，所述在量子EDA在线工具平台中创建窗口文件，并存储所述窗口文件对应的第一量子元器件信息，包括：

获取桌面组件库，基于所述桌面组件库中的导航菜单和标签页，在量子EDA在线工具平台的窗口中创建侧边栏菜单和标签选项卡；

在所述侧边栏菜单中创建子菜单文件，将所述子菜单文件作为所述窗口文件；

获取所述窗口文件中量子元器件绘制信息，基于所述量子元器件绘制信息确定第一量子元器件图形信息和第一文件配置信息；

获取所述窗口文件对应的文件标识，将所述第一量子元器件图形信息、所述第一文件配置信息和所述文件标识绑定，生成所述第一量子元器件信息；

将保存操作信息赋予给后端数据库；其中，所述保存操作信息包括ctrl+s的键盘按键操作和阻止默认键盘事件的代码event.preventDefault()；

当检测到所述保存操作信息时，将所述第一量子元器件信息储至后端数据库。

3.根据权利要求2所述的方法，其特征在于，所述基于所述量子元器件绘制信息确定第一量子元器件图形信息和第一文件配置信息，包括：

基于所述量子元器件绘制信息构建量子元器件数组，利用回调函数对所述量子元器件数组进行筛选，生成所述第一量子元器件图形信息；

基于所述量子元器件绘制信息确定窗口画布颜色与量子元器件图层，基于所述窗口画布颜色和所述量子元器件图层生成所述第一文件配置信息。

4.根据权利要求2所述的方法，其特征在于，所述在量子EDA在线工具平台中创建窗口文件，并存储所述窗口文件对应的第一量子元器件信息，还包括：

利用画布框架获取所述窗口文件中量子元器件绘制信息。

5.根据权利要求2所述的方法，其特征在于，所述基于所述窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息，包括：

基于所述窗口视图切换指令选择所述侧边栏菜单中的窗口文件作为当前窗口文件，并添加标签选项卡；

获取当前窗口文件对应的文件标识，基于所述当前窗口文件对应的文件标识调取所述第二量子元器件信息。

6.根据权利要求5所述的方法，其特征在于，所述对所述第二量子元器件信息进行解析，基于解析后的第二量子元器件信息绘制并显示量子元器件图形，包括：

对所述第二量子元器件信息进行拆分，生成第二量子元器件图形信息和第二文件配置信息；

基于第二文件配置信息更新当前窗口文件，生成更新后的文件配置信息；

基于所述第二量子元器件图形信息和所述更新后的文件配置信息重新绘制量子元器件图形，并在当前窗口文件的画布中显示重新绘制后的量子元器件图形。

7.根据权利要求6所述的方法，其特征在于，还包括：

基于重新绘制后的量子元器件图形与所述更新后的文件配置信息，更新所述后端数据库中的当前窗口文件。

8.一种量子EDA在线工具平台的窗口视图切换装置，其特征在于，所述装置包括：

创建模块，用于在量子EDA在线工具平台中创建窗口文件，并存储所述窗口文件对应的第一量子元器件信息；

调取模块，用于获取窗口视图切换指令，基于所述窗口视图切换指令调取当前窗口文件对应的第二量子元器件信息；

解析模块，用于对所述第二量子元器件信息进行解析，并基于解析后的第二量子元器件信息绘制并显示量子元器件图形。

9.一种计算机设备，其特征在于，包括：

存储器和处理器，所述存储器和所述处理器之间互相通信连接，所述存储器中存储有计算机指令，所述处理器通过执行所述计算机指令，从而执行权利要求1至7中任一项所述的量子EDA在线工具平台的窗口视图切换方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机指令，所述计算机指令用于使计算机执行权利要求1至7中任一项所述的量子EDA在线工具平台的窗口视图切换方法。