编程页面展示方法、装置、存储介质和计算机设备制造方法及图纸

本申请涉及一种页面展示方法、装置、计算机可读存储介质和计算机设备，所述方法包括：获得目标编程页面；所述目标编程页面包括内容区域和编程区域，所述内容区域中显示有内容容器，所述内容容器中显示有至少一个子功能组件；当发生对所述内容区域中子功能组件的第一目标操作时，确定所述目标操作所指向的第一目标位置；当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处显示与所述子功能组件对应的子功能窗口。本申请提供的方案可以提高用户操作的便利性。

Programming page display method, device, storage medium and computer equipment

【技术实现步骤摘要】
编程页面展示方法、装置、存储介质和计算机设备
本申请涉及计算机
，特别是涉及一种编程页面展示方法、装置、计算机可读存储介质和计算机设备。
技术介绍
随着计算机技术的发展，出现了越来越多的面向青少年的图形化编程工具，比如麻省理工学院研发的Scratch(一种编程工具)和编程猫研发的源码编辑器等。这些现有的图形编程工具通常包括固定分布的积木区、编辑区、舞台区和素材区，不同的区域提供不同的功能。然而，目前的这些图形化编程工具的界面布局，功能分区固定，当用户有新的需求，比如需要为调试摄像头或撰写笔记等新功能进行展开展示时，但页面布局已经确定，只能采用弹窗或者新开页面的方式解决。这样，容易造成工具界面的混乱，导致用户操作效率低的问题。
技术实现思路
基于此，有必要针对现有的图形化编程工具界面易混乱而导致用户操作效率低的技术问题，提供一种编程页面展示方法、装置、计算机可读存储介质和计算机设备。一种编程页面展示方法，包括：获得目标编程页面；所述目标编程页面包括内容区域和编程区域，所述内容区域中显示有内容容器，所述内容容器中显示有至少一个子功能组件；当发生对所述内容区域中子功能组件的第一目标操作时，确定所述第一目标操作所指向的第一目标位置；当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处显示与所述子功能组件对应的子功能窗口。一种编程页面展示装置，所述装置包括：获得模块，用于获得目标编程页面；所述目标编程页面包括内容区域和编程区域，所述内容区域中显示有内容容器，所述内容容器中显示有至少一个子功能组件；确定模块，用于当发生对所述内容区域中子功能组件的第一目标操作时，确定所述第一目标操作所指向的第一目标位置；显示模块，用于当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处展示与所述子功能组件对应的子功能窗口。一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行以下步骤：获得目标编程页面；所述目标编程页面包括内容区域和编程区域，所述内容区域中显示有内容容器，所述内容容器中显示有至少一个子功能组件；当发生对所述内容区域中子功能组件的第一目标操作时，确定所述目标操作所指向的第一目标位置；当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处显示与所述子功能组件对应的子功能窗口。一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行以下步骤：获得目标编程页面；所述目标编程页面包括内容区域和编程区域，所述内容区域中显示有内容容器，所述内容容器中显示有至少一个子功能组件；当发生对所述内容区域中子功能组件的第一目标操作时，确定所述目标操作所指向的第一目标位置；当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处显示与所述子功能组件对应的子功能窗口。上述编程页面展示方法、装置、计算机可读存储介质和计算机设备，在目标编程页面中设置有内容区域和编程区域，该内容区域中显示有内容容器，内容容器中显示有至少一个的子功能组件，这样，当有新功能上线时，无需考虑在界面中开辟新的空间进行放置，将每个子功能都形成组件灵活搭配并聚合至内容区域中，不侵占原有界面的空间。当发生对子功能组件的第一目标操作时，可将该子功能组件展开为相应的子功能窗口展示。这样，用户可将暂不需要的子功能收起至内容区域中，将需要实时关注的子功能进行拖出成常驻的子功能窗口,可以节省当前展示界面的空间，从而实现用户的个性化布局定制，便于用户灵活操作，大大提高了用户操作的便利性。附图说明图1为一个实施例中编程页面展示方法的应用环境图；图2为一个实施例中编程页面展示方法的流程示意图；图3为一个实施例中传统的编程页面的结构示意图；图4为本申请一个实施例中目标编程页面的界面示意图；图5为一个实施例中容器和子功能组件的不同显示状态的扭转示意图；图6为一个实施例中在目标编程页面中进行组件化交互的界面示意图；图7为一个实施例中对目标编程页面进行组件化布局的界面示意图；图8为一个实施例中重绘制目标编程页面的步骤的流程示意图；图9为一个实施例中编程页面展示装置的结构框图；图10为另一个实施例中编程页面展示装置的结构框图；图11为一个实施例中计算机设备的结构框图。具体实施方式为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。图1为一个实施例中编程页面展示方法的应用环境图。参照图1，该编程页面展示方法应用于编程页面展示系统。该编程页面展示系统包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端，移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。具体地，用户可通过终端110获得目标编程页面，该目标编程页面包括内容区域和编程区域，该内容区域中显示有内容容器，该内容容器中显示有至少一个子功能组件。当发生对内容区域中子功能组件的第一目标操作时，终端110确定第一目标操作所指向的第一目标位置；当该第一目标位置处于编程区域中时，终端110在第一目标位置处展示与子功能组件对应的子功能窗口。终端110在检测到关闭目标编程页面时，记录目标编程页面中的各容器、以及各子功能组件对应的布局数据并存储；布局数据包括显示状态和位置信息。终端110确定当前登录目标编程页面的用户标识。终端110将用户标识、以及目标编程页面对应的布局数据发送至对应的服务器120，发送的用户标识和布局数据用于指示服务器120进行关联存储。如图2所示，在一个实施例中，提供了一种编程页面展示方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2，该编程页面展示方法具体包括如下步骤：S202，获得目标编程页面；目标编程页面包括内容区域和编程区域，内容区域中显示有内容容器，内容容器中显示有多于一个子功能组件。其中，目标编程页面是用于执行编程操作的页面。在该目标编程页面中，用户可编辑代码并通过终端执行该代码，并在该目标编程页面中或其他的页面中展示执行结果。在本申请实施例中，该目标编程页面具体可以是图形化编程工具所提供的编程页面。可以理解，终端所提供的目标编程页面可集成有IDE(IntegratedDevelopmentEnvironment，集成开发环境)功能，具体可集成有代码编写功能、分析功能、编译功能和调试功能等。目标编程页面可实现对编辑区域中的代码进行编译调试等操作。图形化编程工具主要是面向青少儿的一种寓学于乐的编程工具，该图形化编程工具将编程语言封装在图形化的积木块中，用户可拖动积木本文档来自技高网...

【技术保护点】
1.一种编程页面展示方法，包括：/n获得目标编程页面；所述目标编程页面包括内容区域和编程区域，所述内容区域中显示有内容容器，所述内容容器中显示有至少一个子功能组件；/n当发生对所述内容区域中子功能组件的第一目标操作时，确定所述目标操作所指向的第一目标位置；/n当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处显示与所述子功能组件对应的子功能窗口。/n

【技术特征摘要】
1.一种编程页面展示方法，包括：
获得目标编程页面；所述目标编程页面包括内容区域和编程区域，所述内容区域中显示有内容容器，所述内容容器中显示有至少一个子功能组件；
当发生对所述内容区域中子功能组件的第一目标操作时，确定所述目标操作所指向的第一目标位置；
当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处显示与所述子功能组件对应的子功能窗口。


2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
当发生对所述子功能窗口的第二目标操作、且所述第二目标操作所指向的第二目标位置处于所述内容区域时，将所述子功能窗口折叠成子功能组件，并聚合至所述内容区域显示。


3.根据权利要求1所述的方法，其特征在于，所述编程区域包括编辑区域和输入输出区域；所述当所述第一目标位置处于所述编程区域中时，在所述第一目标位置处显示与所述子功能组件对应的子功能窗口，包括：
当所述第一目标位置处于所述编辑区域中时，在所述第一目标位置处浮动显示与所述子功能组件对应的子功能窗口；
当所述第一目标位置处于所述输入输出区域中时，将与所述子功能组件对应的子功能窗口嵌入所述输入输出区域中进行显示。


4.根据权利要求3所述的方法，其特征在于，所述当所述第一目标位置处于所述输入输出区域中时，将与所述子功能组件对应的子功能窗口嵌入所述输入输出区域中进行显示，包括：
所述当所述第一目标位置处于所述输入输出区域中、且所述输入输出区中已存在至少一个的子功能窗口时，将与所述子功能组件对应的子功能窗口以卡片形式叠加嵌入至所述输入输出区域进行显示。


5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
当发生对所述输入输出区域中的子功能窗口的第三目标操作、且所述第三目标操作所指向的第三目标位置处于所述编辑区域时，将与所述子功能组件对应的子功能窗口拖出至所述第三目标位置处进行显示。


6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
当发生对所述内容区域中的内容容器的收起指令时，取消所述内容区域的显示，并将所述内容容器收起为内容控件进行显示。


7.根据权利要求6所述的方法，其特征在于，所述当发生对所述内容区域中的内容容器的收起指令时，取消所述内容区域的显示，并将所述内容容器收起为内容控件进行显示，包括：
当发生对所述内容区域中内容容器的第四目标操作、且所述第四目标操作所指向的第四目标位置处于所述编程区域时，取消所述内容区域的显示，并将所述内容容器收起为内容控件进行显示。


8.根据权利要求7所述的方法，其特征在于，所述方法还包括：
当发生对所述内容控件的第五目标操作、且所述第五目标操作的拖拽方向趋向于原有的内容区域时，还原所述内容区域，并在还原后的内容区域中将所述内容控件...

【专利技术属性】
技术研发人员：党建国，詹晋楠，秦健，林柯楹，潘凯，席刘畅，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44