CN113296757A - 集成开发环境布局的处理方法和系统 - Google Patents
集成开发环境布局的处理方法和系统 Download PDFInfo
- Publication number
- CN113296757A CN113296757A CN202010536816.1A CN202010536816A CN113296757A CN 113296757 A CN113296757 A CN 113296757A CN 202010536816 A CN202010536816 A CN 202010536816A CN 113296757 A CN113296757 A CN 113296757A
- Authority
- CN
- China
- Prior art keywords
- target
- layout
- slot
- rendering
- template
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000011161 development Methods 0.000 title claims abstract description 94
- 238000003672 processing method Methods 0.000 title claims abstract description 36
- 238000009877 rendering Methods 0.000 claims abstract description 249
- 238000013507 mapping Methods 0.000 claims abstract description 81
- 238000000034 method Methods 0.000 claims abstract description 53
- 238000012545 processing Methods 0.000 claims abstract description 38
- 230000015654 memory Effects 0.000 claims description 28
- 230000002452 interceptive effect Effects 0.000 claims description 24
- 238000005516 engineering process Methods 0.000 abstract description 6
- 230000010354 integration Effects 0.000 description 15
- 238000010586 diagram Methods 0.000 description 13
- 230000005540 biological transmission Effects 0.000 description 7
- 238000001514 detection method Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 4
- 230000009466 transformation Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000010295 mobile communication Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种集成开发环境布局的处理方法和系统。其中，该方法包括：获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于配置信息，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；基于目标布局信息，生成配置信息对应的布局结果。本申请解决了相关技术中集成开发环境布局的处理方法灵活度较低的技术问题。
Description
技术领域
本申请涉及可视化领域，具体而言，涉及一种集成开发环境布局的处理方法和系统。
背景技术
集成开发环境(Integrated Development Environment，IDE)中的各个功能模块，如编辑器、文件树、终端等，其视图都是模块化开发的，需要通过布局系统进行组织，并提供视图尺寸大小修改、折叠展开、隐藏、拖放等基础能力。但是，传统的集成开发环境布局是提前设计好的整体视图框架，集成方用户只能按照其规范在侧边栏、底部栏等位置注册额外的视图，无法根据需要进行调整，灵活度较低。
针对上述的问题，目前尚未提出有效的解决方案。
发明内容
本申请实施例提供了一种集成开发环境布局的处理方法和系统，以至少解决相关技术中集成开发环境布局的处理方法灵活度较低的技术问题。
根据本申请实施例的一个方面，提供了一种集成开发环境布局的处理方法，包括：获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于配置信息，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；基于目标布局信息，生成配置信息对应的布局结果。
根据本申请实施例的另一方面，还提供了一种集成开发环境布局的处理方法，包括：获取集成开发环境中的多个视图模块；基于多个视图模块，确定多个视图模块对应的插槽；基于多个视图模块对应的插槽，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；基于目标布局信息，生成多个视图模块对应的布局结果。
根据本申请实施例的另一方面，还提供了一种集成开发环境布局的处理方法，包括：显示交互界面；基于用户在交互界面中的输入提交配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；在交互界面中显示配置信息的布局结果，布局结果基于配置信息确定的目标布局信息生成，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式。
根据本申请实施例的另一方面，还提供了一种存储介质，存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行上述的集成开发环境布局的处理方法。
根据本申请实施例的另一方面，还提供了一种处理器，处理器用于运行程序，其中，程序运行时执行上述的集成开发环境布局的处理方法。
根据本申请实施例的另一方面，还提供了一种集成开发环境布局的处理系统，包括：处理器；以及存储器，与处理器连接，用于为处理器提供处理以下处理步骤的指令：获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于配置信息，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；基于目标布局信息，生成配置信息对应的布局结果。
在本申请实施例中，在获取到配置信息之后，可以基于配置信息，确定目标布局信息，并基于目标布局信息，生成配置信息对应的布局结果，最终将生成的布局结果输出，从而实现了IDE布局的目的。容易注意到的是，目标布局信息是基于集成方用户提供的配置信息确定的，从而使得集成方用户可以对IDE布局进行任意的定制改造，达到了提高IDE布局处理灵活度，扩展IDE布局的使用场景的技术效果，进而解决了相关技术中集成开发环境布局的处理方法灵活度较低的技术问题。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1是根据本申请实施例的一种用于实现集成开发环境布局的处理方法的计算机终端的硬件结构框图；
图2是根据本申请实施例的一种集成开发环境布局的处理方法的流程图；
图3是根据本申请实施例的一种可选的IDE布局系统的结构示意图；
图4a是根据本申请实施例的一种可选的IDE默认的布局图；
图4b是根据本申请实施例的一种可选的小程序WebIDE的布局图；
图4c是根据本申请实施例的一种可选的云端WebIDE的布局图；
图5是根据本申请实施例的另一种集成开发环境布局的处理方法的流程图；
图6是根据本申请实施例的一种集成开发环境布局的处理装置的示意图；
图7是根据本申请实施例的另一种集成开发环境布局的处理装置的示意图；
图8是根据本申请实施例的又一种集成开发环境布局的处理方法的流程图；
图9是根据本申请实施例的一种可选的集成开发环境布局的处理方法的示意图；
图10是根据本申请实施例的又一种集成开发环境布局的处理装置的示意图；以及
图11是根据本申请实施例的一种计算机终端的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
首先，在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释：
插槽：视图可展示的位置。
插槽配置：定义各视图与插槽的映射关系，一个插槽可能有多个视图。
插槽模板：使用React实现的视图划分，对定义的视图插槽进行排版。
插槽渲染器：使用React实现的插槽内多个视图的渲染方式。
实施例1
根据本申请实施例，还提供了一种集成开发环境布局的处理方法，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
本申请实施例所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。图1示出了一种用于实现集成开发环境布局的处理方法的计算机终端(或移动设备)的硬件结构框图。如图1所示，计算机终端10(或移动设备10)可以包括一个或多个(图中采用102a、102b，……，102n来示出)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器104、以及用于通信功能的传输装置106。除此以外，还可以包括：显示器、输入/输出接口(I/O接口)、通用串行总线(USB)端口(可以作为BUS总线的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端10还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。
应当注意到的是上述一个或多个处理器102和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外，数据处理电路可为单个独立的处理模块，或全部或部分的结合到计算机终端10(或移动设备)中的其他元件中的任意一个内。如本申请实施例中所涉及到的，该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。
存储器104可用于存储应用软件的软件程序以及模块，如本申请实施例中的集成开发环境布局的处理方法对应的程序指令/数据存储装置，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的集成开发环境布局的处理方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端10的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(Network Interface Controller，NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(Radio Frequency，RF)模块，其用于通过无线方式与互联网进行通讯。
显示器可以例如触摸屏式的液晶显示器(LCD)，该液晶显示器可使得用户能够与计算机终端10(或移动设备)的用户界面进行交互。
此处需要说明的是，在一些可选实施例中，上述图1所示的计算机设备(或移动设备)可以包括硬件元件(包括电路)、软件元件(包括存储在计算机可读介质上的计算机代码)、或硬件元件和软件元件两者的结合。应当指出的是，图1仅为特定具体实例的一个实例，并且旨在示出可存在于上述计算机设备(或移动设备)中的部件的类型。
在上述运行环境下，本申请提供了如图2所示的集成开发环境布局的处理方法。图2是根据本申请实施例的一种集成开发环境布局的处理方法的流程图。如图2所示，该方法包括如下步骤：
步骤S202，获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系。
上述步骤中的配置信息可以由集成方用户根据需求提供，可以是集成方用户提供的每个插槽与视图的映射关系，例如，左侧插槽与“资源管理器”视图和“跨文件搜索”视图具有映射关系，主插槽与“编辑器”视图具有映射关系，底部插槽与“终端”视图、“问题”视图和“输出视图”具有映射关系；也可以是集成方用户提供的绘制好的插槽模板以及插槽渲染器，其中，插槽模板可以由集成方用户利用服务器或者第三方组件库提供的布局组件预先绘制，插槽渲染器可以由集成方用户利用服务器或者第三方组件库提供的布局组件生成。
集成方用户确定IDE中需要的各个功能模块，从而确定相应的多个视图模块。集成方用户在确定视图模块之后，可以确定各个视图与插槽的映射关系，其中，可以将多个视图与同一个插槽映射，也即，多个视图可以展示在相同的位置。
例如，以软件开发场景为例，软件开发集成方用户可以确定需要如下视图模块：“监听”视图、“堆栈”视图、“变量”视图、“代码文本”视图、“输出”视图、“问题”视图、“调试控制台”视图和“终端”视图等，并且可以确定“监听”视图与插槽11具有映射关系，“堆栈”视图与插槽12具有映射关系，“变量”视图与插槽13具有映射关系，“代码文本”视图与插槽14具有映射关系，“输出”视图、“问题”视图、“调试控制台”视图和“终端”视图与插槽15具有映射关系，也即，“输出”视图、“问题”视图、“调试控制台”视图和“终端”视图需要展示在相同的位置。
例如，以小程序开发场景为例，小程序集成方用户可以确定需要如下视图模块：“编辑器”视图、“文件树”视图、“大纲”视图、“代码文本”视图、“问题”视图、“输出”视图和“终端”视图，并且可以确定“编辑器”视图与插槽21具有映射关系，“文件树”视图与插槽22具有映射关系，“大纲”视图与插槽23具有映射关系，“代码文本”视图与插槽24具有映射关系，“问题”视图和“输出”视图与插槽25具有映射关系，“终端”视图与插槽26具有映射关系、也即，“问题”视图和“输出”视图需要展示在相同的位置。
例如，以云端开发场景为例，云端集成方用户可以确定需要如下视图模块：“文件树”视图、“代码文本”视图、“终端”视图、“输出”视图、“调试控制台”视图、“预览模式”视图和“真机调试”视图，并且可以确定“文件树”视图与插槽31具有映射关系，“代码文本”视图与插槽32具有映射关系，“终端”视图、“输出”视图和“调试控制台”视图与插槽33具有映射关系，“预览模式”视图和“真机调试”视图与插槽34具有映射关系，也即，“终端”视图、“输出”视图和“调试控制台”视图需要展示在相同的位置，“预览模式”视图和“真机调试”视图需要展示在相同的位置。
在一种可选的实施例中，为了方便集成方用户上传配置信息，整个处理方法可以部署在云端或其他服务器中，并为用户提供相应的处理接口，集成方用户可以通过该接口可以上传配置信息，并接收返回的IDE布局。
步骤S204，基于配置信息，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式。
上述步骤中的目标布局信息可以是指不同插槽的具体位置，以及插槽内多个视图的渲染方式，其中，插槽的具体位置可以通过插槽模板确定，而插槽内多个视图的渲染方式可以通过插槽渲染器实现。位置信息可以是基于每个插槽的尺寸以及相邻插槽之间的位置关系确定的，例如，可以以左下角为原点建立直角坐标系，并基于每个插槽的四个角在坐标系中的坐标，可以得到每个插槽的位置信息。渲染方式可以是视图的展示方式，例如，对于插槽内仅有一个视图的情况，渲染方式可以是全部展示、部分展示、折叠展示、或滚动展示等，但不仅限于此；对于插槽内有多个视图的情况，所有视图的渲染方式可以是折叠展示或并列展示，每个视图的渲染方式可以是全部展示、部分展示或滚动展示，但不仅限于此。
例如，仍以软件开发场景为例，可以确定插槽11位于左上角，插槽12位于插槽11的正下方，插槽13位于插槽12的正下方，插槽14位于前三个插槽的右侧，插槽15位于插槽14的正下方。其中，插槽11、插槽12和插槽13的宽相同，插槽14和插槽15的宽相同。另外，插槽11、插槽12和插槽13内视图的渲染方式为折叠展示，插槽14内视图的渲染方式为滚动展示，插槽15内所有视图的渲染方式为折叠展示，每个视图的渲染方式为全部展示。
例如，仍以小程序开发场景为例，可以确定插槽21位于左上角，插槽22位于插槽21的正下方，插槽23位于插槽22的正下方，插槽24位于前三个插槽的右侧，插槽25位于插槽24的正下方，插槽26位于插槽24和插槽25的右侧。其中，插槽21、插槽22和插槽23的宽相同，插槽24和插槽25的宽相同。另外，插槽21、插槽22和插槽23内视图的渲染方式为折叠展示，插槽24内视图的渲染方式为滚动展示，插槽25内所有视图的渲染方式为折叠展示，每个视图的渲染方式为全部展示，插槽26内视图的展示方式为全部展示。
例如，仍以云端开发场景为例，可以确定插槽31位于左侧，插槽32位于插槽31的右侧，插槽34位于插槽32的右侧，插槽33位于插槽32和插槽34的正下方插槽33位于插槽32的正下方。其中，插槽32和插槽34的高相同。另外，插槽31内视图的渲染方式为折叠展示，插槽32内视图的渲染方式为滚动展示，插槽33内所有视图的渲染方式为折叠展示，每个视图的渲染方式为全部展示，插槽34内所有视图的渲染方式为折叠展示，每个视图的渲染方式为全部展示。
在一种可选的实施例中，服务器可以预先针对不同的配置信息，设置不同的IDE布局方案，从而集成方用户在上传自己的配置信息之后，可以基于具体的视图模块，以及视图模块与插槽之间的映射关系，确定相符合的布局信息。
需要说明的是，为了方便集成方用户根据需求进行定制，可以预先设置多种布局信息作为模板，由集成方用户进行选择，从而确定更加满足集成方用户需求的布局信息，同时，集成方用户可以在生成最终的布局结果之前，通过查看模板更加直观的确定布局结果是否为用户需要的结果。
在一种可选的实施例中，可以针对布局中需要的插槽的数量，预先设置不同的模板，例如，当插槽数量为4时，可以设置其中一个模板的布局信息如图4c所示，但不仅限于此，还可以设置其他不同的模板；当插槽数量为5时，可以设置其中一个模板的布局信息如图4a所示，但不仅限于此，还可以设置其他不同的模板；当插槽数量为6时，可以设置其中一个模板的布局信息如图4b所示，但不仅限于此，还可以设置其他不同的模板。
步骤S206，基于目标布局信息，生成配置信息对应的布局结果。
在一种可选的实施例中，按照集成方用户自定义的布局信息，将配置信息中提供的插槽，以及与插槽具有映射关系的多个视图模块进行排版，从而得到最终的IDE布局图。另外，在基于集成方用户上传的配置信息，生成满足集成方用户需求的IDE布局图之后，可以通过接口将其返回给集成方用户的客户端进行显示，集成方用户可以根据需要进行适应性调整。
例如，仍以软件开发场景为例，最终生成的布局结果的布局界面如图4a所示。仍以小程序开发场景为例，最终生成的布局结果的布局界面如图4b所示。仍以云端开发场景为例，最终生成的布局结果的布局界面如图4c所示。
根据本申请上述实施例提供的方案，在获取到配置信息之后，可以基于配置信息，确定目标布局信息，并基于目标布局信息，生成配置信息对应的布局结果，最终将生成的布局结果输出，从而实现了IDE布局的目的。容易注意到的是，目标布局信息是基于集成方用户提供的配置信息确定的，从而使得集成方用户可以对IDE布局进行任意的定制改造，达到了提高IDE布局处理灵活度，扩展IDE布局的使用场景的技术效果，进而解决了相关技术中集成开发环境布局的处理方法灵活度较低的技术问题。
本申请上述实施例中，基于配置信息，确定目标布局信息包括：基于配置信息，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；基于目标模板和目标渲染方式，确定目标布局信息。
在本申请实施例中，对于IDE布局，可以对其进行三层抽象，分别为插槽模板、插槽配置和插槽渲染器(即上述的渲染方式)。其中，插槽渲染器与传统IDE软件交互一致。
在一种可选的实施例中，针对集成方用户提供的配置信息是视图与插槽的映射关系的情况，可以确定集成方用户需要展示视图模块的至少一个插槽，进一步可以给出不同的插槽模板(插槽数量均相同，但是每个插槽的位置不完全相同)，由集成方用户根据自身需要进行选择。还可以确定集成方用户在同一个位置上需要展示的视图模块，进一步可以给出不同的插槽渲染器(可以基于插槽尺寸、插槽位置、插槽内视图模块的数量确定)，由集成方用户根据自身需要进行选择。用户对插槽模板和插槽渲染器进行选择之后，可以生成最终的IDE布局。
在另一种可选的实施例中，针对集成方用户提供的配置信息包括插槽模板和插槽渲染器的情况下，可以直确定集成方用户提供的插槽模板为目标模板，插槽渲染器对应的渲染方式为目标渲染方式。
例如，仍以软件开发场景为例，基于集成方用户提供的配置信息可知，集成方用户总共需要5个插槽，此时，可以从数据库中获取预先针对5个插槽设置的所有插槽模板，并展示给用户进行选择，在用户选择完成之后，可以将用户选中的插槽模板作为目标模板。同样地，对于每一个插槽，可以基于该插槽的尺寸、位置和插槽内视图的数量，从数据库中获取预先设置的所有插槽渲染器，并展示给用户进行渲染，在用户选择完成之后，可以将用户选中的插槽渲染器对应的渲染方式作为目标渲染方式。
例如，仍以小程序开发场景为例，基于小程序集成方用户提供的配置信息可知，小程序集成方用户总共需要6个插槽，此时，可以从数据库中获取预先针对6个插槽设置的所有插槽模板，并展示给用户进行选择，在用户选择完成之后，可以将用户选中的插槽模板作为目标模板。同样地，对于每一个插槽，可以基于该插槽的尺寸、位置和插槽内视图的数量，从数据库中获取预先设置的所有插槽渲染器，并展示给用户进行渲染，在用户选择完成之后，可以将用户选中的插槽渲染器对应的渲染方式作为目标渲染方式。
例如，仍以云端开发场景为例，基于云端集成方用户提供的配置信息可知，云端集成方用户总共需要4个插槽，此时，可以从数据库中获取预先针对4个插槽设置的所有插槽模板，并展示给用户进行选择，在用户选择完成之后，可以将用户选中的插槽模板作为目标模板。同样地，对于每一个插槽，可以基于该插槽的尺寸、位置和插槽内视图的数量，从数据库中获取预先设置的所有插槽渲染器，并展示给用户进行渲染，在用户选择完成之后，可以将用户选中的插槽渲染器对应的渲染方式作为目标渲染方式。
本申请上述实施例中，基于配置信息，确定目标模板包括：获取配置信息对应的多个预设模板；输出多个预设模板；接收目标模板。
为了减少集成方用户的开发量，上述步骤中的预设模板可以是服务器预先针对不同的排版需求，设置的默认排版方案，每个默认排版方案作为一个插槽模板供用户进行选择。
可选的，上述的目标模板可以为从多个预设模板中选中的预设模板，或，对选中的预设模板进行调整得到的模板。
在一种可选的实施例中，服务器可以预先根据用户希望排版的插槽的数量，以及每个插槽内的视图模块，从数据库中查询到可以使用的多个插槽模板，并将查询到的插槽模板通过接口返回给集成方用户的客户端进行展示，由集成方用户进行选择。如果插槽模板能够满足集成方用户的需求，则集成方用户可以直接选择该插槽模板，并通过接口返回至服务器；如果所有的插槽模板均无法满足集成方用户的需求，则集成方用户可以根据需求对插槽模板进行调整，得到最终的插槽模板，并通过接口返回至服务器。
本申请上述实施例中，在输出多个预设模板之后，输出第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
上述步骤中的第一提示信息可以是显示在客户端界面中的文字或者播放的语音等，但不仅限于此。
在一种可选的实施例中，服务器可以将查询到的插槽模板和第一提示信息通过接口返回给集成方用户的客户端进行展示，从而集成方用户基于第一提示信息可从查询到的插槽模板进行选择，或者对插槽模板进行修改，甚至集成方用户自行绘制插槽模板并上传。
本申请上述实施例中，在接收到目标模板之后，该方法还包括：检测是否支持目标模板；如果不支持目标模板，则输出第二提示信息，其中，第二提示信息用于提示目标模板不支持。
上述步骤中的第二提示信息可以是显示在客户端界面中的文字或者播放的语音等，但不仅限于此。
由于集成方用户可以对插槽模板进行修改或绘制，但是，集成方用户调整或绘制后的插槽模板并不一定能够被服务器支持，在一种可选的实施例中，在接收到集成方用户上传的目标模板之后，可以首先对目标模板进行检测，判断是否支持该模板，如果支持，则可以直接基于该模板生成布局结果；如果不支持，则服务器通过接口返回给集成方用户的客户端进行展示，告知集成方用户服务器不支持该目标模板，此时，集成方用户可以重新选择插槽模板并调整，集成方用户也可以放弃继续进行布局结果生成。
本申请上述实施例中，获取配置信息对应的多个预设模板包括：获取配置信息对应的模板组件，其中，模板组件用于实现至少一个插槽的绘制；基于模板组件生成多个预设模板。
可选的，上述步骤中的模板组件可以是预先生成的组件，或第三方组件库中存储的组件。也即，模板组件可以是服务器或其他第三方组件库向集成方用户提供的模板或插槽快速实现的基础组件，可以包括但不限于：插槽模板默认实现组件、插槽默认实现组件。
需要说明的是，由于模板组件由服务器或第三方组件库提供，无需集成方用户提供，从而集成方用户只需要开发视图层代码即可完成定制。
本申请上述实施例中，基于配置信息，确定目标渲染方式包括：获取配置信息对应的多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；输出多个渲染组件；接收选中的至少一个目标渲染组件；基于至少一个目标渲染组件，确定目标渲染方式。
需要说明的是，对于不同的插槽，其渲染方式相似度较高，因此，可以将插槽渲染器划分为不同类型的渲染组件，通过渲染组件组合的方式确定一个插槽渲染器，从而可以避免生成大量相似度较高的插槽渲染器，节约存储空间和计算资源。
可选的，上述步骤中的渲染组件可以是预先生成的组件，或第三方组件库中存储的组件。也即，渲染组件可以是服务器或其他第三方组件库向集成方用户提供的基于React的基础组件，可以包括但不限于：可调整大小面板(SplitPanel)、弹性布局(flex)、快速布局面板(BoxPanel)、多视图管理基础组件(TabbarBase)和单面板多视图可折叠组件(Accordion)。
需要说明的是，由于渲染组件由服务器或第三方组件库提供，无需集成方用户提供，从而集成方用户只需要开发视图层代码即可完成定制。
在一种可选的实施例中，服务器可以预先根据用户希望排版的插槽的数量，以及每个插槽内的视图模块，从数据库中查询到可以使用的多个渲染组件，并将查询到的渲染组件通过接口返回给集成方用户的客户端进行展示，由集成方用户进行选择，并通过接口将选择结果返回至服务器。
还需要说明的是，与预设模板的实现方式类似，在输出多个渲染组件之后，可以输出第三提示信息，其中，第三提示信息用于提示用户对多个渲染组件进行选择。
本申请上述实施例中，获取配置信息对应的多个预设模板，或获取配置信息对应的多个渲染组件包括：获取配置信息对应的用户类型；获取用户类型对应的多个预设模板，或获取用户类型对应的多个渲染组件。
上述步骤中的用户类型可以是集成方用户的类型，例如，小程序、云端、软件等，但不仅限于此。
在一种可选的实施例中，可以针对不同用户类型，选择不同插槽模板或渲染组件提供给集成方用户，集成方用户可以从中进行选择，或者对其进行调整，从而最终生成的布局结果更符合集成方用户需求。
本申请上述实施例中，基于目标布局信息，生成配置信息对应的布局结果包括：基于目标模板，确定目标模板组件；基于目标渲染方式，确定至少一个目标渲染组件；基于目标模板组件和至少一个目标渲染组件，生成布局结果。
上述步骤中的目标模板组件可以是服务器或第三方组件库向集成方用户提供的插槽模板默认实现组件和插槽默认实现组件，也可以是用户根据需要覆盖或替换后的实现组件。目标渲染组件可以是服务器或第三方组件库向集成方用户提供的插槽渲染器默认组件中的至少一个，不同组件对应的渲染方式不同。
在一种可选的实施例中，插槽模板中包含有所有插槽的排版方式，也即，可以确定每个插槽的位置，进而根据插槽和视图模块的映射关系，可以确定每个视图模块的位置。另外，渲染组件中包含有同一个插槽内多个视图模块的渲染方式，进而根据插槽和视图模块的映射关系，可以确定每个视图模块的渲染方式。在确定每个视图模块的位置以及渲染方式之后，可以通过相应的布局组件进行插槽模板的绘制，以及每个插槽中的视图模块的渲染，从而生成最终满足集成方用户需求的IDE布局。
本申请上述实施例中，在基于目标布局信息，生成至少一个布局结果的情况下，该方法还包括：输出至少一个布局结果的布局界面；接收选中的目标布局界面；输出目标布局界面对应的布局结果。
上述步骤中的布局界面可以是IDE布局图，也即，展示给使用集成开发环境的用户的界面。
在一种可选的实施例中，集成方用户可以从服务器或第三方组件库提供的插槽模板或渲染组件中选择多个插槽模板或渲染组件，因此，服务器在接收到集成方用户选择的多个插槽模板或渲染组件之后，可以对不同插槽模板和渲染组件进行组合，从而生成不同的布局结果，然后将每个布局结果对应的布局界面通过接口返回给集成方用户的客户端进行展示，由集成方用户进行选择，并将最终集成方用户选中的布局结果通过接口返回给集成方用户。
下面结合图3、图4b和图4c对本申请一种优选的实施例进行说明。如图3所示，整个IDE布局系统可以包括：视图模块列表、插槽配置和布局系统，其中，视图模块列表可以是集成方用户需要使用的所有视图模块的列表，插槽配置可以是集成方用户根据需求确定的视图模块和插槽之间的映射关系。布局系统可以向集成方用户提供模板或插槽快速实现的基础组件，具体可以包括：插槽模板默认实现、插槽默认实现、可调整大小面板、flex快速布局面板、多视图管理基础组件和单面板多视图可折叠组件，其中，插槽模板默认实现可以由集成方用户覆盖，插槽默认实现可以由集成方用户根据需要进行替换。采用上述布局系统得到的小程序WebIDE和云端WebIDE分别如图4b和图4c所示。
通过上述方案，本申请提供了一个可任意定制、拓展功能强的IDE布局系统方案，通过插槽模板、插槽与视图映射关系、插槽渲染器的三层抽象，赋予了集成方用户对IDE的布局进行任意的定制改造的能力。另外，IDE框架内提供了与传统IDE软件交互一致的插槽渲染器作为默认实现，默认渲染器也抽象出了基于React的基础组件，大多数情况下，集成方用户只需要开发视图层代码即可完成定制。
需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。
实施例2
根据本申请实施例，还提供了一种集成开发环境布局的处理方法。
图5是根据本申请实施例的另一种集成开发环境布局的处理方法的流程图。如图5所示，该方法包括如下步骤：
步骤S502，获取集成开发环境中的多个视图模块。
上述步骤中的多个视图模块可以由集成方用户根据需求提供，集成方用户确定IDE中需要的各个功能模块，从而确定相应的多个视图模块。
步骤S504，基于多个视图模块，确定多个视图模块对应的插槽。
上述步骤中的多个视图模块对应的插槽可以由集成方用户在确定视图模块之后提供，可以是指各个视图与插槽的映射关系，其中，可以将多个视图与同一个插槽映射，也即，多个视图可以展示在相同的位置。
步骤S506，基于多个视图模块对应的插槽，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式。
上述步骤中的目标布局信息可以是指不同插槽的具体位置，以及插槽内多个视图的渲染方式，其中，插槽的具体位置可以通过插槽模板确定，而插槽内多个视图的渲染方式可以通过插槽渲染器实现。
步骤S508，基于目标布局信息，生成多个视图模块对应的布局结果。
本申请上述实施例中，基于多个视图模块对应的插槽，确定目标布局信息包括：基于多个视图模块对应的插槽，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；基于目标模板和目标渲染方式，确定目标布局信息。
在本申请实施例中，对于IDE布局，可以对其进行三层抽象，分别为插槽模板、插槽配置和插槽渲染器(即上述的渲染方式)。其中，插槽渲染器与传统IDE软件交互一致。
本申请上述实施例中，基于多个视图模块对应的插槽，确定目标模板包括：基于多个视图模块对应的插槽，获取多个预设模板；输出多个预设模板；接收目标模板。
为了减少集成方用户的开发量，上述步骤中的预设模板可以是服务器预先针对不同的排版需求，设置的默认排版方案，每个默认排版方案作为一个插槽模板供用户进行选择。
可选的，上述的目标模板可以为从多个预设模板中选中的预设模板，或，对选中的预设模板进行调整得到的模板。
本申请上述实施例中，在输出多个预设模板之后，输出第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
上述步骤中的第一提示信息可以是显示在客户端界面中的文字或者播放的语音等，但不仅限于此。
本申请上述实施例中，在接收到目标模板之后，该方法还包括：检测是否支持目标模板；如果不支持目标模板，则输出第二提示信息，其中，第二提示信息用于提示目标模板不支持。
上述步骤中的第二提示信息可以是显示在客户端界面中的文字或者播放的语音等，但不仅限于此。
本申请上述实施例中，获取配置信息对应的多个预设模板包括：获取配置信息对应的模板组件，其中，模板组件用于实现至少一个插槽的绘制；基于模板组件生成多个预设模板。
可选的，上述步骤中的模板组件可以是预先生成的组件，或第三方组件库中存储的组件。也即，模板组件可以是服务器或其他第三方组件库向集成方用户提供的模板或插槽快速实现的基础组件，可以包括但不限于：插槽模板默认实现组件、插槽默认实现组件。
本申请上述实施例中，基于多个视图模块对应的插槽，确定目标渲染方式包括：基于多个视图模块对应的插槽，获取多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；输出多个渲染组件；接收选中的至少一个目标渲染组件；基于至少一个目标渲染组件，确定目标渲染方式。
可选的，上述步骤中的渲染组件可以是预先生成的组件，或第三方组件库中存储的组件。也即，渲染组件可以是服务器或其他第三方组件库向集成方用户提供的基于React的基础组件，可以包括但不限于：可调整大小面板(SplitPanel)、弹性布局(flex)快速布局面板(BoxPanel)、多视图管理基础组件(TabbarBase)和单面板多视图可折叠组件(Accordion)。
还需要说明的是，与预设模板的实现方式类似，在输出多个渲染组件之后，可以输出第三提示信息，其中，第三提示信息用于提示用户对多个渲染组件进行选择。
本申请上述实施例中，获取配置信息对应的多个预设模板，或获取配置信息对应的多个渲染组件包括：获取配置信息对应的用户类型；获取用户类型对应的多个预设模板，或获取用户类型对应的多个渲染组件。
上述步骤中的用户类型可以是集成方用户的类型，例如，小程序、云端、软件等，但不仅限于此。
本申请上述实施例中，基于目标布局信息，生成多个视图模块对应的布局结果包括：基于目标模板，确定目标模板组件；基于目标渲染方式，确定至少一个目标渲染组件；基于目标模板组件和至少一个目标渲染组件，生成布局结果。
上述步骤中的目标模板组件可以是服务器或第三方组件库向集成方用户提供的插槽模板默认实现组件和插槽默认实现组件，也可以是用户根据需要覆盖或替换后的实现组件。目标渲染组件可以是服务器或第三方组件库向集成方用户提供的插槽渲染器默认组件中的至少一个，不同组件对应的渲染方式不同。
本申请上述实施例中，在基于目标布局信息，生成至少一个布局结果的情况下，方法还包括：输出至少一个布局结果的布局界面；接收选中的目标布局界面；输出目标布局界面对应的布局结果。
上述步骤中的布局界面可以是IDE布局图，也即，展示给使用集成开发环境的用户的界面。
需要说明的是，本申请上述实施例中涉及到的优选实施方案与实施例1提供的方案以及应用场景、实施过程相同，但不仅限于实施例1所提供的方案。
实施例3
根据本申请实施例，还提供了一种用于实施上述集成开发环境布局的处理方法的集成开发环境布局的处理装置，如图6所示，该装置600包括：获取模块602、确定模块604和生成模块606。
其中，获取模块602用于获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；确定模块604用于基于配置信息，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；生成模块606用于基于目标布局信息，生成配置信息对应的布局结果。
此处需要说明的是，上述获取模块602、确定模块604和生成模块606对应于实施例1中的步骤S202至步骤S206，三个模块与对应的步骤所实现的实例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在实施例1提供的计算机终端10中。
本申请上述实施例中，确定模块包括：第一确定单元和第二确定单元。
其中，第一确定单元用于基于配置信息，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；第二确定单元用于基于目标模板和目标渲染方式，确定目标布局信息。
本申请上述实施例中，第一确定单元包括：第一获取子单元、第一输出子单元和第一接收子单元。
其中，第一获取子单元用于获取配置信息对应的多个预设模板；第一输出子单元用于输出多个预设模板；第一接收子单元用于接收目标模板。
本申请上述实施例中，第一确定单元还包括：第二输出子单元。
其中，第二输出子单元用于输出第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
本申请上述实施例中，第一确定单元包括：检测子单元和第二输出子单元。
其中，检测子单元用于检测是否支持目标模板；第二输出子单元用于如果不支持目标模板，则输出第二提示信息，其中，第二提示信息用于提示目标模板不支持。
本申请上述实施例中，第一获取子单元还用于获取配置信息对应的模板组件，并基于模板组件生成多个预设模板，其中，模板组件用于实现至少一个插槽的绘制。
本申请上述实施例中，第二确定单元包括：第二获取子单元、第三输出子单元、第二接收子单元和确定子单元。
其中，第二获取子单元用于获取配置信息对应的多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；第三输出子单元用于输出多个渲染组件；第二接收子单元用于接收选中的至少一个目标渲染组件；确定子单元用于基于至少一个目标渲染组件，确定目标渲染方式。
本申请上述实施例中，第一获取子单元还用于获取配置信息对应的用户类型，并获取用户类型对应的多个预设模板；第二获取子单元还用于获取配置信息对应的用户类型，并获取用户类型对应的多个渲染组件。
本申请上述实施例中，生成模块包括：第三确定单元、第四确定单元和生成单元。
其中，第三确定单元用于基于目标模板，确定目标模板组件；第四确定单元用于基于目标渲染方式，确定至少一个目标渲染组件；生成单元用于基于目标模板组件和至少一个目标渲染组件，生成布局结果。
本申请上述实施例中，该装置还包括：输出模块和接收模块。
其中，输出模块用于输出至少一个布局结果的布局界面；接收模块用于接收选中的目标布局界面；输出模块还用于输出目标布局界面对应的布局结果。
需要说明的是，本申请上述实施例中涉及到的优选实施方案与实施例1提供的方案以及应用场景、实施过程相同，但不仅限于实施例1所提供的方案。
实施例4
根据本申请实施例，还提供了一种用于实施上述集成开发环境布局的处理方法的集成开发环境布局的处理装置，如图7所示，该装置700包括：获取模块702、第一确定模块704、第二确定模块706和生成模块708。
其中，获取模块702用于获取集成开发环境中的多个视图模块；第一确定模块704用于基于多个视图模块，确定多个视图模块对应的插槽；第二确定模块706用于基于多个视图模块对应的插槽，确定目标布局信息，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；生成模块708用于基于目标布局信息，生成多个视图模块对应的布局结果。
此处需要说明的是，上述获取模块702、第一确定模块704、第二确定模块706和生成模块708对应于实施例2中的步骤S502至步骤S508，四个模块与对应的步骤所实现的实例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在实施例1提供的计算机终端10中。
本申请上述实施例中，第二确定模块包括：第一确定单元和第二确定单元。
其中，第一确定单元用于基于多个视图模块对应的插槽，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；第二确定单元用于基于目标模板和目标渲染方式，确定目标布局信息。
本申请上述实施例中，第一确定单元包括：第一获取子单元、第一输出子单元和第一接收子单元。
其中，第一获取子单元用于基于多个视图模块对应的插槽，获取多个预设模板；第一输出子单元用于输出多个预设模板；第一接收子单元用于接收目标模板。
本申请上述实施例中，第一确定单元还包括：第二输出子单元。
其中，第二输出子单元用于输出第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
本申请上述实施例中，第一确定单元包括：检测子单元和第二输出子单元。
其中，检测子单元用于检测是否支持目标模板；第二输出子单元用于如果不支持目标模板，则输出第二提示信息，其中，第二提示信息用于提示目标模板不支持。
本申请上述实施例中，第一获取子单元还用于获取配置信息对应的模板组件，并基于模板组件生成多个预设模板，其中，模板组件用于实现至少一个插槽的绘制。
本申请上述实施例中，第二确定单元包括：第二获取子单元、第三输出子单元、第二接收子单元和确定子单元。
其中，第二获取子单元用于基于多个视图模块对应的插槽，获取多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；第三输出子单元用于输出多个渲染组件；第二接收子单元用于接收选中的至少一个目标渲染组件；确定子单元用于基于至少一个目标渲染组件，确定目标渲染方式。
本申请上述实施例中，第一获取子单元还用于获取配置信息对应的用户类型，并获取用户类型对应的多个预设模板；第二获取子单元还用于获取配置信息对应的用户类型，并获取用户类型对应的多个渲染组件。
本申请上述实施例中，生成模块包括：第三确定单元、第四确定单元和生成单元。
其中，第三确定单元用于基于目标模板，确定目标模板组件；第四确定单元用于基于目标渲染方式，确定至少一个目标渲染组件；生成单元用于基于目标模板组件和至少一个目标渲染组件，生成布局结果。
本申请上述实施例中，该装置还包括：输出模块和接收模块。
其中，输出模块用于输出至少一个布局结果的布局界面；接收模块用于接收选中的目标布局界面；输出模块还用于输出目标布局界面对应的布局结果。
需要说明的是，本申请上述实施例中涉及到的优选实施方案与实施例1提供的方案以及应用场景、实施过程相同，但不仅限于实施例1所提供的方案。
实施例5
根据本申请实施例，还提供了一种集成开发环境布局的处理系统，包括：
处理器；以及
存储器，与处理器连接，用于为处理器提供处理以下处理步骤的指令：获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于配置信息，确定目标布局信息；基于目标布局信息，生成配置信息对应的布局结果。
需要说明的是，本申请上述实施例中涉及到的优选实施方案与实施例1提供的方案以及应用场景、实施过程相同，但不仅限于实施例1所提供的方案。
实施例6
根据本申请实施例，还提供了一种集成开发环境布局的处理方法。
图8是根据本申请实施例的又一种集成开发环境布局的处理方法的流程图，如图8所示，该方法包括如下步骤：
步骤S802，显示交互界面。
上述步骤中的交互界面可以是集成方用户侧的客户端提供给集成方用户的交互界面，也即集成方用户侧的客户端的界面。
集成方用户可以在该交互界面中输入集成开发环境的定制信息，例如，需要的视图模块列表，或者需要的视图模块和插槽之间的映射关系等，并且可以在该交互界面中查看到相应的布局结果。
步骤S804，基于用户在交互界面中的输入提交配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系。
上述步骤中的配置信息可以由集成方用户根据需求提供，可以是集成方用户提供的每个插槽与视图的映射关系，例如，左侧插槽与“资源管理器”视图和“跨文件搜索”视图具有映射关系，主插槽与“编辑器”视图具有映射关系，底部插槽与“终端”视图、“问题”视图和“输出视图”具有映射关系；也可以是集成方用户提供的绘制好的插槽模板以及插槽渲染器，其中，插槽模板可以由集成方用户利用服务器或者第三方组件库提供的布局组件预先绘制，插槽渲染器可以由集成方用户利用服务器或者第三方组件库提供的布局组件生成。集成方用户确定IDE中需要的各个功能模块，从而确定相应的多个视图模块。集成方用户在确定视图模块之后，可以确定各个视图与插槽的映射关系，其中，可以将多个视图与同一个插槽映射，也即，多个视图可以展示在相同的位置。
在一种可选的实施例中，集成方用户可以在客户端的界面中输入需要的多个视图模块，生成相应的视图模块列表，并指定每个视图模块与插槽的映射关系，并通过点击“提交”按钮，锁定用户输入的配置信息。
步骤S806，在交互界面中显示配置信息的布局结果，布局结果基于配置信息确定的目标布局信息生成，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式。
上述步骤中的目标布局信息可以是指不同插槽的具体位置，以及插槽内多个视图的渲染方式，其中，插槽的具体位置可以通过插槽模板确定，而插槽内多个视图的渲染方式可以通过插槽渲染器实现。
在一种可选的实施例中，在生成符合集成方用户需求的布局结果之后，可以在客户端界面中显示给集成方用户查看。
下面结合图9对本申请一种优选的实施例进行详细说明，如图9所示，集成方用户在打开客户端之后，可以在客户端界面中输入多个视图模块和至少一个插槽之间的映射关系，从而完成配置信息的输入，进一步地，基于配置信息确定目标布局信息，并生成对应的布局结果，最后可以在界面上显示该布局结果。
本申请上述实施例中，目标布局信息通过如下步骤基于配置信息确定：基于配置信息，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；基于目标模板和目标渲染方式，确定目标布局信息。
在本申请实施例中，对于IDE布局，可以对其进行三层抽象，分别为插槽模板、插槽配置和插槽渲染器(即上述的渲染方式)。其中，插槽渲染器与传统IDE软件交互一致。
本申请上述实施例中，基于配置信息，确定目标模板包括：获取配置信息对应的多个预设模板；输出多个预设模板；接收目标模板。
为了减少集成方用户的开发量，上述步骤中的预设模板可以是服务器预先针对不同的排版需求，设置的默认排版方案，每个默认排版方案作为一个插槽模板供用户进行选择。
可选的，上述的目标模板可以为从多个预设模板中选中的预设模板，或，对选中的预设模板进行调整得到的模板。
本申请上述实施例中，在输出多个预设模板之后，输出第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
上述步骤中的第一提示信息可以是显示在客户端界面中的文字或者播放的语音等，但不仅限于此。
本申请上述实施例中，在接收到目标模板之后，该方法还包括：检测是否支持目标模板；如果不支持目标模板，则输出第二提示信息，其中，第二提示信息用于提示目标模板不支持。
上述步骤中的第二提示信息可以是显示在客户端界面中的文字或者播放的语音等，但不仅限于此。
本申请上述实施例中，获取配置信息对应的多个预设模板包括：获取配置信息对应的模板组件，其中，模板组件用于实现至少一个插槽的绘制；基于模板组件生成多个预设模板。
可选的，上述步骤中的模板组件可以是预先生成的组件，或第三方组件库中存储的组件。也即，模板组件可以是服务器或其他第三方组件库向集成方用户提供的模板或插槽快速实现的基础组件，可以包括但不限于：插槽模板默认实现组件、插槽默认实现组件。
本申请上述实施例中，基于配置信息，确定目标渲染方式包括：基于多个视图模块对应的插槽，获取多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；输出多个渲染组件；接收选中的至少一个目标渲染组件；基于至少一个目标渲染组件，确定目标渲染方式。
可选的，上述步骤中的渲染组件可以是预先生成的组件，或第三方组件库中存储的组件。也即，渲染组件可以是服务器或其他第三方组件库向集成方用户提供的基于React的基础组件，可以包括但不限于：可调整大小面板(SplitPanel)、弹性布局(flex)、快速布局面板(BoxPanel)、多视图管理基础组件(TabbarBase)和单面板多视图可折叠组件(Accordion)。
需要说明的是，与预设模板的实现方式类似，在输出多个渲染组件之后，可以输出第三提示信息，其中，第三提示信息用于提示用户对多个渲染组件进行选择。
本申请上述实施例中，获取配置信息对应的多个预设模板，或获取配置信息对应的多个渲染组件包括：获取配置信息对应的用户类型；获取用户类型对应的多个预设模板，或获取用户类型对应的多个渲染组件。
上述步骤中的用户类型可以是集成方用户的类型，例如，小程序、云端、软件等，但不仅限于此。
本申请上述实施例中，布局结果通过如下步骤基于目标布局信息生成：基于目标模板，确定目标模板组件；基于目标渲染方式，确定至少一个目标渲染组件；基于目标模板组件和至少一个目标渲染组件，生成布局结果。
上述步骤中的目标模板组件可以是服务器或第三方组件库向集成方用户提供的插槽模板默认实现组件和插槽默认实现组件，也可以是用户根据需要覆盖或替换后的实现组件。目标渲染组件可以是服务器或第三方组件库向集成方用户提供的插槽渲染器默认组件中的至少一个，不同组件对应的渲染方式不同。
本申请上述实施例中，该方法还包括：在交互界面中显示至少一个布局结果的布局界面；接收选中的目标布局界面；在交互界面中显示目标布局界面对应的布局结果。
上述步骤中的布局界面可以是IDE布局图，也即，展示给使用集成开发环境的用户的界面。
需要说明的是，本申请上述实施例中涉及到的优选实施方案与实施例1提供的方案以及应用场景、实施过程相同，但不仅限于实施例1所提供的方案。
实施例7
根据本申请实施例，还提供了一种用于实施上述集成开发环境布局的处理方法的集成开发环境布局的处理装置，如图10所示，该装置1000包括：第一显示模块1002、提交模块1004和第二显示模块1006。
其中，第一显示模块1002用于显示交互界面；提交模块1004用于基于用户在交互界面中的输入提交配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；第二显示模块1006用于在交互界面中显示配置信息的布局结果，布局结果基于配置信息确定的目标布局信息生成，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式。
此处需要说明的是，上述第一显示模块1002、提交模块1004和第二显示模块1006对应于实施例6中的步骤S802至步骤S806，三个模块与对应的步骤所实现的实例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述模块作为装置的一部分可以运行在实施例1提供的计算机终端10中。
本申请上述实施例中，该装置还包括：第一确定模块和第二确定模块。
其中，第一确定模块用于基于配置信息，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；第二确定模块用于基于目标模板和目标渲染方式，确定目标布局信息。
本申请上述实施例中，第一确定模块包括：第一获取单元、第一显示单元和第一接收单元。
其中，第一获取单元用于获取配置信息对应的多个预设模板；第一显示单元用于输出多个预设模板；第一接收单元用于接收目标模板。
本申请上述实施例中，第一确定模块还包括：第二显示单元。
其中，第二显示单元用于显示第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
本申请上述实施例中，第一确定模块包括：检测单元和第二显示单元。
其中，检测单元用于检测是否支持目标模板；第二显示单元用于如果不支持目标模板，则显示第二提示信息，其中，第二提示信息用于提示目标模板不支持。
本申请上述实施例中，第一获取单元还用于获取配置信息对应的模板组件，并基于模板组件生成多个预设模板，其中，模板组件用于实现至少一个插槽的绘制。
本申请上述实施例中，第二确定模块包括：第二获取单元、第三显示单元、第二接收单元和确定单元。
其中，第二获取单元用于获取配置信息对应的多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；第三显示单元用于输出多个渲染组件；第二接收单元用于接收选中的至少一个目标渲染组件；确定单元用于基于至少一个目标渲染组件，确定目标渲染方式。
本申请上述实施例中，第一获取单元还用于获取配置信息对应的用户类型，并获取用户类型对应的多个预设模板；第二获取单元还用于获取配置信息对应的用户类型，并获取用户类型对应的多个渲染组件。
本申请上述实施例中，该装置还包括：第三确定模块、第四确定模块和生成模块。
其中，第三确定模块用于基于目标模板，确定目标模板组件；第四确定模块用于基于目标渲染方式，确定至少一个目标渲染组件；生成模块用于基于目标模板组件和至少一个目标渲染组件，生成布局结果。
本申请上述实施例中，该装置还包括：第三显示模块和接收模块。
其中，第三显示模块用于显示至少一个布局结果的布局界面；接收模块用于接收选中的目标布局界面；输出模块还用于输出目标布局界面对应的布局结果。
需要说明的是，本申请上述实施例中涉及到的优选实施方案与实施例1提供的方案以及应用场景、实施过程相同，但不仅限于实施例1所提供的方案。
实施例8
本申请的实施例可以提供一种计算机终端，该计算机终端可以是计算机终端群中的任意一个计算机终端设备。可选地，在本实施例中，上述计算机终端也可以替换为移动终端等终端设备。
可选地，在本实施例中，上述计算机终端可以位于计算机网络的多个网络设备中的至少一个网络设备。
在本实施例中，上述计算机终端可以执行集成开发环境布局的处理方法中以下步骤的程序代码：获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于配置信息，确定目标布局信息；基于目标布局信息，生成配置信息对应的布局结果。
可选地，图11是根据本申请实施例的一种计算机终端的结构框图。如图11所示，该计算机终端A可以包括：一个或多个(图中仅示出一个)处理器1102、以及存储器1104。
其中，存储器可用于存储软件程序以及模块，如本申请实施例中的集成开发环境布局的处理方法和装置对应的程序指令/模块，处理器通过运行存储在存储器内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的集成开发环境布局的处理方法。存储器可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器可进一步包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至终端A。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行下述步骤：获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于配置信息，确定目标布局信息；基于目标布局信息，生成配置信息对应的布局结果。
可选的，上述处理器还可以执行如下步骤的程序代码：基于配置信息，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；基于目标模板和目标渲染方式，确定目标布局信息。
可选的，上述处理器还可以执行如下步骤的程序代码：获取配置信息对应的多个预设模板；输出多个预设模板；接收目标模板。
可选的，上述处理器还可以执行如下步骤的程序代码：在输出多个预设模板之后，输出第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
可选的，上述处理器还可以执行如下步骤的程序代码：在接收到目标模板之后，检测是否支持目标模板；如果不支持目标模板，则输出第二提示信息，其中，第二提示信息用于提示目标模板不支持。
可选的，上述处理器还可以执行如下步骤的程序代码：获取配置信息对应的模板组件，其中，模板组件用于实现至少一个插槽的绘制；基于模板组件生成多个预设模板。
可选的，上述处理器还可以执行如下步骤的程序代码：获取配置信息对应的多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；输出多个渲染组件；接收选中的至少一个目标渲染组件；基于至少一个目标渲染组件，确定目标渲染方式。
可选的，上述处理器还可以执行如下步骤的程序代码：获取配置信息对应的用户类型；获取用户类型对应的多个预设模板，或获取用户类型对应的多个渲染组件。
可选的，上述处理器还可以执行如下步骤的程序代码：基于目标模板，确定目标模板组件；基于目标渲染方式，确定至少一个目标渲染组件；基于目标模板组件和至少一个目标渲染组件，生成布局结果。
可选的，上述处理器还可以执行如下步骤的程序代码：输出至少一个布局结果的布局界面；接收选中的目标布局界面；输出目标布局界面对应的布局结果。
处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行下述步骤：获取集成开发环境中的多个视图模块；基于多个视图模块，确定多个视图模块对应的插槽；基于多个视图模块对应的插槽，确定目标布局信息；基于目标布局信息，生成多个视图模块对应的布局结果。
处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行下述步骤：显示交互界面；基于用户在交互界面中的输入提交配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；在交互界面中显示配置信息的布局结果，布局结果基于配置信息确定的目标布局信息生成，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；根据布局结果显示集成开发环境的第二布局界面。
采用本申请实施例，提供了一种集成开发环境布局的方案。通过集成方用户提供的配置信息确定目标布局信息，从而使得集成方用户可以对IDE布局进行任意的定制改造，达到了提高IDE布局处理灵活度，扩展IDE布局的使用场景的技术效果，进而解决了相关技术中集成开发环境布局的处理方法灵活度较低的技术问题。
本领域普通技术人员可以理解，图11所示的结构仅为示意，计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(MobileInternet Devices，MID)、PAD等终端设备。图11其并不对上述电子装置的结构造成限定。例如，计算机终端A还可包括比图11所示更多或者更少的组件(如网络接口、显示装置等)，或者具有与图11所示不同的配置。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(RandomAccess Memory，RAM)、磁盘或光盘等。
实施例9
本申请的实施例还提供了一种存储介质。可选地，在本实施例中，上述存储介质可以用于保存上述实施例所提供的集成开发环境布局的处理方法所执行的程序代码。
可选地，在本实施例中，上述存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中，或者位于移动终端群中的任意一个移动终端中。
可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：获取配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于配置信息，确定目标布局信息；基于目标布局信息，生成配置信息对应的布局结果。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：基于配置信息，确定目标模板和目标渲染方式，其中，目标模板用于表征不同插槽之间的位置关系，目标渲染方式用于表征插槽中视图模块的渲染方式；基于目标模板和目标渲染方式，确定目标布局信息。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：获取配置信息对应的多个预设模板；输出多个预设模板；接收目标模板。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：在输出多个预设模板之后，输出第一提示信息，其中，第一提示信息用于提示用户对多个预设模板进行选择，以及对预设模板进行调整。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：在接收到目标模板之后，检测是否支持目标模板；如果不支持目标模板，则输出第二提示信息，其中，第二提示信息用于提示目标模板不支持。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：获取配置信息对应的模板组件，其中，模板组件用于实现至少一个插槽的绘制；基于模板组件生成多个预设模板。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：获取配置信息对应的多个渲染组件，其中，渲染组件用于实现与每个插槽具有映射关系的视图模块的渲染；输出多个渲染组件；接收选中的至少一个目标渲染组件；基于至少一个目标渲染组件，确定目标渲染方式。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：获取配置信息对应的用户类型；获取用户类型对应的多个预设模板，或获取用户类型对应的多个渲染组件。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：基于目标模板，确定目标模板组件；基于目标渲染方式，确定至少一个目标渲染组件；基于目标模板组件和至少一个目标渲染组件，生成布局结果。
可选的，上述存储介质还被设置为存储用于执行以下步骤的程序代码：输出至少一个布局结果的布局界面；接收选中的目标布局界面；输出目标布局界面对应的布局结果。
可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：获取集成开发环境中的多个视图模块；基于多个视图模块，确定多个视图模块对应的插槽；基于多个视图模块对应的插槽，确定目标布局信息；基于目标布局信息，生成多个视图模块对应的布局结果。
可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：显示交互界面；基于用户在交互界面中的输入提交配置信息，其中，配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；在交互界面中显示配置信息的布局结果，布局结果基于配置信息确定的目标布局信息生成，其中，目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；根据布局结果显示集成开发环境的第二布局界面。
上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。
在本申请的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本申请的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。
Claims (20)
1.一种集成开发环境布局的处理方法，包括：
获取配置信息，其中，所述配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；
基于所述配置信息，确定目标布局信息，其中，所述目标布局信息包括：所述至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；
基于所述目标布局信息，生成所述配置信息对应的布局结果。
2.根据权利要求1所述的方法，其中，基于所述配置信息，确定目标布局信息包括：
基于所述配置信息，确定目标模板和目标渲染方式，其中，所述目标模板用于表征不同插槽之间的位置关系，所述目标渲染方式用于表征插槽中所述视图模块的渲染方式；
基于所述目标模板和所述目标渲染方式，确定所述目标布局信息。
3.根据权利要求2所述的方法，其中，基于所述配置信息，确定所述目标模板包括：
获取所述配置信息对应的多个预设模板；
输出所述多个预设模板；
接收所述目标模板。
4.根据权利要求3所述的方法，其中，所述目标模板为从所述多个预设模板中选中的预设模板，或，对选中的预设模板进行调整得到的模板。
5.根据权利要求4所述的方法，其中，在输出所述多个预设模板之后，输出第一提示信息，其中，所述第一提示信息用于提示用户对所述多个预设模板进行选择，以及对所述预设模板进行调整。
6.根据权利要求3所述的方法，其中，在接收到所述目标模板之后，所述方法还包括：
检测是否支持所述目标模板；
如果不支持所述目标模板，则输出第二提示信息，其中，所述第二提示信息用于提示所述目标模板不支持。
7.根据权利要求3所述的方法，其中，获取所述配置信息对应的多个预设模板包括：
获取所述配置信息对应的模板组件，其中，所述模板组件用于实现所述至少一个插槽的绘制；
基于所述模板组件生成所述多个预设模板。
8.根据权利要求2所述的方法，其中，基于所述配置信息，确定所述目标渲染方式包括：
获取所述配置信息对应的多个渲染组件，其中，所述渲染组件用于实现与所述每个插槽具有映射关系的视图模块的渲染；
输出所述多个渲染组件；
接收选中的至少一个目标渲染组件；
基于所述至少一个目标渲染组件，确定所述目标渲染方式。
9.根据权利要求7或8所述的方法，其中，所述模板组件或所述渲染组件是预先生成的组件，或，所述模板组件或所述渲染组件是第三方组件库中存储的组件。
10.根据权利要求3或8所述的方法，其中，获取所述配置信息对应的多个预设模板，或获取所述配置信息对应的多个渲染组件包括：
获取所述配置信息对应的用户类型；
获取所述用户类型对应的所述多个预设模板，或获取所述用户类型对应的所述多个渲染组件。
11.根据权利要求2所述的方法，其中，基于所述目标布局信息，生成所述配置信息对应的布局结果包括：
基于所述目标模板，确定目标模板组件；
基于所述目标渲染方式，确定至少一个目标渲染组件；
基于所述目标模板组件和所述至少一个目标渲染组件，生成所述布局结果。
12.根据权利要求1或11所述的方法，其中，在基于所述目标布局信息，生成至少一个布局结果的情况下，所述方法还包括：
输出所述至少一个布局结果的布局界面；
接收选中的目标布局界面；
输出所述目标布局界面对应的布局结果。
13.一种集成开发环境布局的处理方法，包括：
获取集成开发环境中的多个视图模块；
基于所述多个视图模块，确定所述多个视图模块对应的插槽；
基于所述多个视图模块对应的插槽，确定目标布局信息，其中，所述目标布局信息包括：至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；
基于所述目标布局信息，生成所述多个视图模块对应的布局结果。
14.根据权利要求13所述的方法，其中，基于所述多个视图模块对应的插槽，确定目标布局信息包括：
基于所述多个视图模块对应的插槽，确定目标模板和目标渲染方式，其中，所述目标模板用于表征不同插槽之间的位置关系，所述目标渲染方式用于表征插槽中所述视图模块的渲染方式；
基于所述目标模板和所述目标渲染方式，确定所述目标布局信息。
15.根据权利要求14所述的方法，其中，基于所述多个视图模块对应的插槽，确定所述目标模板包括：
基于所述多个视图模块对应的插槽，获取多个预设模板；
输出所述多个预设模板；
接收所述目标模板。
16.根据权利要求14所述的方法，其中，基于所述多个视图模块对应的插槽，确定所述目标渲染方式包括：
基于所述多个视图模块对应的插槽，获取多个渲染组件，其中，所述渲染组件用于实现与所述每个插槽具有映射关系的视图模块的渲染；
输出所述多个渲染组件；
接收选中的至少一个目标渲染组件；
基于所述至少一个目标渲染组件，确定所述目标渲染方式。
17.一种集成开发环境布局的处理方法，包括：
显示交互界面；
基于用户在所述交互界面中的输入提交配置信息，其中，所述配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；
在所述交互界面中显示配置信息的布局结果，所述布局结果基于所述配置信息确定的目标布局信息生成，其中，所述目标布局信息包括：所述至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式。
18.一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至17中任意一项所述的集成开发环境布局的处理方法。
19.一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至17中任意一项所述的集成开发环境布局的处理方法。
20.一种集成开发环境布局的处理系统，包括：
处理器；以及
存储器，与所述处理器连接，用于为所述处理器提供处理以下处理步骤的指令：获取配置信息，其中，所述配置信息用于表征集成开发环境中的多个视图模块和至少一个插槽之间的映射关系；基于所述配置信息，确定目标布局信息，其中，所述目标布局信息包括：所述至少一个插槽的位置信息，以及与每个插槽具有映射关系的视图模块的渲染方式；基于所述目标布局信息，生成所述配置信息对应的布局结果。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010536816.1A CN113296757B (zh) | 2020-06-12 | 2020-06-12 | 集成开发环境布局的处理方法和系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010536816.1A CN113296757B (zh) | 2020-06-12 | 2020-06-12 | 集成开发环境布局的处理方法和系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113296757A true CN113296757A (zh) | 2021-08-24 |
| CN113296757B CN113296757B (zh) | 2024-07-30 |
Family
ID=77318661
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010536816.1A Active CN113296757B (zh) | 2020-06-12 | 2020-06-12 | 集成开发环境布局的处理方法和系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113296757B (zh) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110072376A1 (en) * | 2009-09-23 | 2011-03-24 | Visan Industries | Method and system for dynamically placing graphic elements into layouts |
| US20130212487A1 (en) * | 2012-01-09 | 2013-08-15 | Visa International Service Association | Dynamic Page Content and Layouts Apparatuses, Methods and Systems |
| US20140108922A1 (en) * | 2012-10-16 | 2014-04-17 | Theo Gravity | Content layout determination |
| US20160164746A1 (en) * | 2014-12-05 | 2016-06-09 | Accenture Global Services Limited | Network component placement architecture |
| US9830304B1 (en) * | 2013-02-22 | 2017-11-28 | Swoop Inc. | Systems and methods for integrating dynamic content into electronic media |
| US20180004374A1 (en) * | 2016-06-30 | 2018-01-04 | Oracle International Corporation | Process visualization toolkit |
| CN108491205A (zh) * | 2018-03-22 | 2018-09-04 | 北京焦点新干线信息技术有限公司 | 一种基于组件树的前端网页开发方法及系统 |
| US20190130873A1 (en) * | 2017-11-01 | 2019-05-02 | Microsoft Technology Licensing, Llc | Adaptive content rendering for optimizing page layout |
| CN110506267A (zh) * | 2018-02-01 | 2019-11-26 | 谷歌有限责任公司 | 数字组件背景渲染 |
| CN111178012A (zh) * | 2019-12-03 | 2020-05-19 | 腾讯云计算（北京）有限责任公司 | 一种表单渲染方法、装置、设备及存储介质 |
-
2020
- 2020-06-12 CN CN202010536816.1A patent/CN113296757B/zh active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110072376A1 (en) * | 2009-09-23 | 2011-03-24 | Visan Industries | Method and system for dynamically placing graphic elements into layouts |
| US20130212487A1 (en) * | 2012-01-09 | 2013-08-15 | Visa International Service Association | Dynamic Page Content and Layouts Apparatuses, Methods and Systems |
| US20140108922A1 (en) * | 2012-10-16 | 2014-04-17 | Theo Gravity | Content layout determination |
| US9830304B1 (en) * | 2013-02-22 | 2017-11-28 | Swoop Inc. | Systems and methods for integrating dynamic content into electronic media |
| US20160164746A1 (en) * | 2014-12-05 | 2016-06-09 | Accenture Global Services Limited | Network component placement architecture |
| US20180004374A1 (en) * | 2016-06-30 | 2018-01-04 | Oracle International Corporation | Process visualization toolkit |
| US20190130873A1 (en) * | 2017-11-01 | 2019-05-02 | Microsoft Technology Licensing, Llc | Adaptive content rendering for optimizing page layout |
| CN110506267A (zh) * | 2018-02-01 | 2019-11-26 | 谷歌有限责任公司 | 数字组件背景渲染 |
| CN108491205A (zh) * | 2018-03-22 | 2018-09-04 | 北京焦点新干线信息技术有限公司 | 一种基于组件树的前端网页开发方法及系统 |
| CN111178012A (zh) * | 2019-12-03 | 2020-05-19 | 腾讯云计算（北京）有限责任公司 | 一种表单渲染方法、装置、设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113296757B (zh) | 2024-07-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112866785B (zh) | 图片生成方法、装置、设备及存储介质 | |
| US12056415B2 (en) | Desktop sharing method and mobile terminal | |
| CN105975612A (zh) | 一种图片处理方法、装置及设备 | |
| US20170168668A1 (en) | Method and electronic device for displaying menu on apparatus | |
| US10984568B2 (en) | Methods, devices, and computer-readable media for sharing image effects | |
| CN105224302B (zh) | 输入法的皮肤处理方法和输入法系统 | |
| CN111367562A (zh) | 数据采集方法、装置、存储介质及处理器 | |
| US20170185567A1 (en) | User interface control layout method and electronic device | |
| CN113596555B (zh) | 视频播放方法、装置及电子设备 | |
| CN106127687A (zh) | 一种图片的组合方法、装置、电子设备及系统 | |
| CN106022010A (zh) | 一种文件展示方法及装置 | |
| CN113206975A (zh) | 视频会议画面展示方法、装置、设备及存储介质 | |
| CN115599363A (zh) | 可视化组件的配置方法、装置以及系统 | |
| CN109634610B (zh) | 一种界面标注数据的生成方法及装置 | |
| CN114170472A (zh) | 图像处理方法、可读存储介质及计算机终端 | |
| CN110868471B (zh) | 设备构建方法、装置及存储介质 | |
| CN113849575A (zh) | 数据处理方法、装置和系统 | |
| CN115270737B (zh) | 一种目标对象的格式修改方法及装置 | |
| CN113296757B (zh) | 集成开发环境布局的处理方法和系统 | |
| CN116521148A (zh) | 代码生成方法、装置、非易失性存储介质及电子设备 | |
| CN113094773B (zh) | 为设计对象推荐应用程序的方法、装置及存储介质 | |
| CN115499479A (zh) | 商品对比展示方法、装置及电子设备 | |
| CN107577399A (zh) | 一种图片拼接方法及装置 | |
| CN106126686B (zh) | 一种图片的组合方法、装置及电子设备 | |
| CN114546375A (zh) | 页面配置方法、页面配置装置及电子设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |