CN111596911A - 生成控件的方法、装置、计算机设备和存储介质 - Google Patents
生成控件的方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN111596911A CN111596911A CN202010430692.9A CN202010430692A CN111596911A CN 111596911 A CN111596911 A CN 111596911A CN 202010430692 A CN202010430692 A CN 202010430692A CN 111596911 A CN111596911 A CN 111596911A
- Authority
- CN
- China
- Prior art keywords
- control
- target
- control option
- option
- generating
- 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
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000004590 computer program Methods 0.000 claims description 26
- 238000010586 diagram Methods 0.000 description 12
- 238000004891 communication Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000013479 data entry Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000003068 static effect Effects 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种生成控件的方法、装置、计算机设备和存储介质。所述方法包括：接收控件选取指令，所述控件选取指令用于指示在控件库中确定至少一个目标控件选项，所述控件库包括至少一个控件选项，每个所述控件选项对应不同类型的控件；然后获取每个所述目标控件选项的位置信息，所述位置信息用于表征所述目标控件选项对应的控件在目标页面中的位置，所述目标页面包括至少一个控件；接着获取每个所述目标控件选项的属性数据，并存储每个所述目标控件选项的属性数据；最后根据每个所述目标控件选项的位置信息和属性数据生成目标页面配置参数，所述目标页面配置参数用于生成所述目标页面。采用本方法能够提高生成控件的效率。
Description
技术领域
本申请涉及互联网技术领域，特别是涉及一种生成控件的方法、装置、计算机设备和存储介质。
背景技术
随着互联网的发展，人们可以通过浏览网页获取信息，其中，控件作为最基本的信息交互载体在网页中使用，因此，控件对于页面的信息展示来说至关重要。
传统技术中，软件开发人员可以通过人工编写代码的方式来为页面生成各种控件。
然而，传统的人工编写代码来生成控件的方式，会因为人工成本高或编写时间长等原因造成生成控件效率低下的问题。
发明内容
基于此，有必要针对上述技术问题，提供一种能够提高效率的生成控件的方法、装置、计算机设备和存储介质。
第一方面，提供一种生成控件的方法，所述方法包括：
接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；
获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；
获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；
根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
在其中一个实施例中，该获取每个该目标控件选项的属性数据，包括：
获取用户基于编辑界面输入的每个该目标控件选项的属性数据。
在其中一个实施例中，该获取每个该目标控件选项的位置信息，包括：
获取用户基于编辑界面输入的对每个该目标控件选项对应的控件的移动指令和删除指令；
根据该移动指令和该删除指令生成每个该目标控件选项的位置信息。
在其中一个实施例中，该属性数据包括二级页面配置参数，该二级页面配置参数用于生成该目标控件选项对应的二级页面，该方法还包括：
获取用户基于编辑界面输入的该目标控件选项的界面关联指令，根据该界面关联指令展示该目标控件选项对应的二级编辑界面；
获取用户基于该二级编辑界面输入的配置信息，根据该配置信息生成该目标控件选项对应的二级页面配置参数。
在其中一个实施例中，该获取用户基于该二级编辑界面输入的配置信息，根据该配置信息生成该目标控件选项对应的二级页面配置参数，包括：
获取用户基于该二级编辑界面输入的二级控件选取指令，该二级控件选取指令用于指示在二级控件库中确定至少一个二级控件选项，该二级控件库包括至少一个二级控件选项，每个该二级控件选项对应不同类型的控件；
获取每个该二级控件选项的位置信息，该二级控件选项的位置信息用于表征该二级控件选项对应的二级控件在该二级页面中的位置，该二级页面包括至少一个二级控件；
获取每个该二级控件选项的属性数据，并存储每个该二级控件选项的属性数据；
根据每个该二级控件选项的位置信息和属性数据生成二级页面配置参数。
在其中一个实施例中，该获取每个该二级控件选项的属性数据，包括：
获取用户基于该二级编辑界面输入的每个该二级控件选项的属性数据。
在其中一个实施例中，该获取每个该二级控件选项的位置信息，包括：
获取用户基于该二级编辑界面输入的对每个该二级控件选项对应的二级控件的移动指令和删除指令；
根据该移动指令和该删除指令生成每个该二级控件选项的位置信息。
第二方面，提供一种生成控件的装置，该装置包括：
接收模块，用于接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；
第一获取模块，用于获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；
第二获取模块，用于获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；
生成模块，用于根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
第三方面，提供一种计算机设备，包括存储器和处理器，该存储器存储有计算机程序，该处理器执行该计算机程序时实现以下步骤：
接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；
获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；
获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；
根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
第四方面，提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以下步骤：
接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；
获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；
获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；
根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
上述生成控件的方法、装置、计算机设备和存储介质，通过接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；然后获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；接着获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；最后根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。因为本申请中提供的生成控件的方法，可以通过控件选取指令直接在控件库中确定相应的目标控件选项，然后再获取目标控件选项的位置信息和属性数据，就可以便捷地生成包含多个控件的目标页面的页面配置参数，避免了因为人工编写目标页面中各个控件的位置参数和属性数据而带来的耗时过长的问题，提高了生成控件的效率。
附图说明
图1为一个实施例中生成控件的方法的流程示意图；
图2为一个实施例中终端展示控件库中控件选项的界面示意图；
图3为一个实施例中目标页面预览区的界面示意图；
图4为一个实施例中属性编辑区的界面示意图；
图5为另一个实施例中生成控件的方法的流程示意图；
图6为又一个实施例中生成控件的方法的流程示意图；
图7为又一个实施例中生成控件的方法的流程示意图；
图8为又一个实施例中生成控件的方法的流程示意图；
图9为一个实施例中生成控件的装置的结构框图；
图10为另一个实施例中生成控件的装置的结构框图；
图11为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
在本申请实施例中，如图1所示，提供了一种生成控件的方法，本实施例以该方法应用于终端进行举例说明，可以理解的是，该方法也可以应用于服务器，还可以应用于包括终端和服务器的系统，并通过终端和服务器的交互实现。其中，终端可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。在本申请实施例中，该方法包括以下步骤：
步骤101，终端接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件。
在本步骤中，控件库可以包括查看订单详情控件、步骤控件、签名控件、验收码控件、标题控件、单行输入框控件、多行输入框控件、单选按钮控件、多选按钮控件、时间选择控件、省市区选择控件、图片上传控件和视屏上传控件等多种类型的控件。开发人员可以预先将每种类型的控件对应的代码进行封装，从而形成控件库，便于后续步骤中的直接利用。
控件库中存储了多个不同类型的控件的代码，对于用户来说，在利用控件库时，控件库并不会向用户直接展示控件的代码，而是展示控件选项，该控件选项可以以下拉菜单的形式展示，如图2中a所指，图2提供了一种终端展示控件库中控件选项的界面示意图。进一步的，在展示控件选项时，不仅可以同时展示控件的名称，还可以展示控件的形状，以便用户可以直观地选取到目标控件选项。
当用户在终端上通过鼠标点击或者键盘输入等方式选择了相应的目标控件选项之后，终端会立马在控件库中确定与该目标控件选项对应的控件，以及该控件对应的代码。
步骤102，终端获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件。
本步骤中，终端上可以展示一个目标页面预览区，如图3中b所指，图3提供了一种目标页面预览区的界面示意图。当用户想要通过控件库中的目标控件选项生成一个目标页面时，终端可以接收用户通过鼠标或触摸屏等方式对目标控件选项进行的点击和拖拽操作，当终端检测到用户将目标控件选项拖拽到目标页面预览区内时，终端会获取当前目标控件选项在目标页面预览区中的位置信息。用户可以对多个控件选项进行拖拽操作，以此决定目标页面中各个控件的位置分布。
可选的，用户还可以通过输入位置参数的形式规定各个目标控件选项在目标页面中的位置信息。
步骤103，终端获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据。
本步骤中，如果需要完全确定一个控件的形式，还需要获取控件的属性数据，控件的属性数据实质上是对控件的形式进行约束，不同类型的控件，其属性数据一般也不同。控件的属性数据一般包括唯一性键值、文本标题、字的枚举类型、数据录入规则等等，有些控件的属性数据还会包括与之关联的二级页面包含的二级控件的属性数据。
其中，可以将每个目标控件选项的属性数据预先设定为常用值，终端可以直接将预先设定的属性数据作为最终的属性数据存储起来。或者用户可以在终端上输入自定义的每个目标控件选项的属性数据。
步骤104，终端根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
本步骤中，在获取到每个目标控件选项的位置信息和属性数据后，终端会将这些数据进行保存，当某个解析端需要展示目标页面时，终端可以将这些数据发送给相应的解析端，解析端对这些数据进行解析就会获取到目标页面。
上述生成控件的方法中，通过接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；然后获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；接着获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；最后根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。因为本申请中提供的生成控件的方法，可以通过控件选取指令直接在控件库中确定相应的目标控件选项，然后再获取目标控件选项的位置信息和属性数据，就可以便捷地生成包含多个控件的目标页面的页面配置参数，避免了因为人工编写目标页面中各个控件的位置参数和属性数据而带来的耗时过长的问题，提高了生成控件的效率。
在本申请实施例中，该获取每个该目标控件选项的属性数据，包括：
终端获取用户基于编辑界面输入的每个该目标控件选项的属性数据。
在本申请实施例中，终端可以为用户提供一个编辑界面，该编辑界面中包括属性编辑区，如图4中c所指，以供用户对每个目标控件选项的属性数据进行编辑，图4提供了一种属性编辑区的界面示意图，用户可以在属性编辑区里自定义每个目标控件选项的属性数据。
在本申请实施例中，为用户提供了属性编辑区，使得用户可以便捷的输入需要的属性数据，增加了交互性，使最终得到目标页面中的控件更加符合用户的个性化需求。
在本申请实施例中，请参考图5，提供了另一种生成控件的方法的流程示意图，该方法包括：
步骤501，终端获取用户基于编辑界面输入的对每个该目标控件选项对应的控件的移动指令和删除指令。
本步骤中，终端可以为用户提供一个编辑界面，该编辑界面可以包括上述实施例中提到的目标页面预览区，输入移动指令或者删除指令。移动指令表示对目标控件选项在目标页面预览区中的位置进行调整，删除指令指的是在目标页面预览区内删除某个目标控件选项，相应的，当某个目标控件选项被删除之后，其位置信息也同时被删除，也就是说终端并不会继续保存该目标控件选项的位置信息。
可选的，本步骤中，用户可以通过键盘等外接设备输入上述移动指令和删除指令，也可以通过鼠标或者触摸屏直接进行移动或者删除等操作。
步骤502，终端根据该移动指令和该删除指令生成每个该目标控件选项的位置信息。
本步骤中，终端在接收到移动指令和删除指令之后，会根据移动指令和删除指令更新目标控件选项的位置信息。
在本申请实施例中，通过接收用户基于编辑界面输入的对每个该目标控件选项对应的控件的移动指令和删除指令，可以及时更新目标控件选项的位置信息，提高了本申请的灵活性，并且最终的到的目标页面更加符合用户的需求。
在本申请实施例中，该属性数据包括二级页面配置参数，该二级页面配置参数用于生成该目标控件选项对应的二级页面。请参考图6，提供了又一种生成控件的方法的流程示意图，该方法包括：
步骤601，终端获取用户基于编辑界面输入的该目标控件选项的界面关联指令，根据该界面关联指令展示该目标控件选项对应的二级编辑界面。
正如上述实施例描述的，有些控件选项的属性数据包括与之关联的二级页面包含的二级控件的属性数据。用户可以在编辑界面中输入目标控件选项的界面关联指令，终端接收到界面关联指令后，会给出该目标控件选项对应的二级编辑界面。
可选的，每个目标控件选项旁边可以存在一个按钮或者链接，用户可以通过点击这个按钮或者链接来触发界面关联指令，又或者，可以设置成当用户长按或者双击该目标控件选项时，就触发该界面关联指令。
本步骤中提到的二级编辑界面的形式与上文提到的编辑界面的形式类似，在此不再赘述。
步骤602，终端获取用户基于该二级编辑界面输入的配置信息，根据该配置信息生成该目标控件选项对应的二级页面配置参数。
本步骤中，用户可以在二级编辑界面中输入配置信息，该配置信息用于生成该目标控件选项对应的二级页面配置参数。
在实际应用中，在目标页面中存在多个控件，其中，当点击某些控件时，会出现新的页面，这里提到的新的页面可以被理解为二级页面。当然了，二级页面中可以包括多个控件，点击某些控件之后又会出现新的页面。
在本申请实施例中，通过接收界面关联指令，并为用户提供相应的二级编辑界面，使用户可以方便地为目标控件选项设置二级页面，增加了本申请的灵活性。
在本申请实施例中，请参考图7，提供了又一种生成空间的方法的流程示意图，该方法包括：
步骤701，终端获取用户基于该二级编辑界面输入的二级控件选取指令，该二级控件选取指令用于指示在二级控件库中确定至少一个二级控件选项，该二级控件库包括至少一个二级控件选项，每个该二级控件选项对应不同类型的控件。
步骤702，终端获取每个该二级控件选项的位置信息，该二级控件选项的位置信息用于表征该二级控件选项对应的二级控件在该二级页面中的位置，该二级页面包括至少一个二级控件。
步骤703，终端获取每个该二级控件选项的属性数据，并存储每个该二级控件选项的属性数据。
步骤704，终端根据每个该二级控件选项的位置信息和属性数据生成二级页面配置参数。
在本申请实施例中，步骤701至步骤704与上述步骤101至步骤104的实现方式和技术效果类似，在此不再赘述。
在本申请实施例中，该获取每个该二级控件选项的属性数据，包括：
终端获取用户基于该二级编辑界面输入的每个该二级控件选项的属性数据。
在本申请实施例中，获取用户基于二级编辑界面输入的每个二级控件的属性数据与上述获取用户基于编辑界面输入的目标控件选项的属性数据的技术手段和技术效果类似，在此不再赘述。
在本申请实施例中，请参考图8，提供了又一种生成控件的方法的流程示意图，该方法包括：
步骤801，终端获取用户基于该二级编辑界面输入的对每个该二级控件选项对应的二级控件的移动指令和删除指令。
步骤802，终端根据该移动指令和该删除指令生成每个该二级控件选项的位置信息。
在本申请实施例中，步骤801和步骤802与上述步骤501和步骤502的技术手段和技术效果类似，在此不再赘述。
应该理解的是，虽然图1至图8的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1至图8中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在本申请实施例中，如图9所示，提供了一种生成控件的装置900，包括：接收模块901、第一获取模块902、第二获取模块903和生成模块904，其中：
接收模块901，用于接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；
第一获取模块902，用于获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；
第二获取模块903，用于获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；
生成模块904，用于根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
在本申请实施例中，第二获取模块903具体用于，获取用户基于编辑界面输入的每个该目标控件选项的属性数据。
在本申请实施例中，第一获取模块902具体用于，获取用户基于编辑界面输入的对每个该目标控件选项对应的控件的移动指令和删除指令；根据该移动指令和该删除指令生成每个该目标控件选项的位置信息。
在本申请实施例中，请参考图10，提供了另一种生成控件的装置1000，该生成控件的装置1000除了包括上述生成空间的装置900包括的各模块外，可选的该生成控件的装置1000还包括：第三获取模块905，其中：
该属性数据包括二级页面配置参数，该第三获取模块905用于，获取用户基于编辑界面输入的该目标控件选项的界面关联指令，根据该界面关联指令展示该目标控件选项对应的二级编辑界面；获取用户基于该二级编辑界面输入的配置信息，根据该配置信息生成该目标控件选项对应的二级页面配置参数。
在本申请实施例中，该第三获取模块905具体用于，获取用户基于该二级编辑界面输入的二级控件选取指令，该二级控件选取指令用于指示在二级控件库中确定至少一个二级控件选项，该二级控件库包括至少一个二级控件选项，每个该二级控件选项对应不同类型的控件；获取每个该二级控件选项的位置信息，该二级控件选项的位置信息用于表征该二级控件选项对应的二级控件在该二级页面中的位置，该二级页面包括至少一个二级控件；获取每个该二级控件选项的属性数据，并存储每个该二级控件选项的属性数据；根据每个该二级控件选项的位置信息和属性数据生成二级页面配置参数。
在本申请实施例中，该第三获取模块905具体用于，获取用户基于该二级编辑界面输入的每个该二级控件选项的属性数据。
在本申请实施例中，该第三获取模块905具体用于，获取用户基于该二级编辑界面输入的对每个该二级控件选项对应的二级控件的移动指令和删除指令；根据该移动指令和该删除指令生成每个该二级控件选项的位置信息。
关于生成控件的装置的具体限定可以参见上文中对于生成控件的方法的限定，在此不再赘述。上述生成控件的置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在本申请实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图11所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种生成控件的方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图11中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在本申请实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：
接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；
获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；
获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；
根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
在本申请实施例中，处理器执行计算机程序时还实现以下步骤：
获取用户基于编辑界面输入的每个该目标控件选项的属性数据。
在本申请实施例中，处理器执行计算机程序时还实现以下步骤：
获取用户基于编辑界面输入的对每个该目标控件选项对应的控件的移动指令和删除指令；根据该移动指令和该删除指令生成每个该目标控件选项的位置信息。
在本申请实施例中，处理器执行计算机程序时还实现以下步骤：
获取用户基于编辑界面输入的该目标控件选项的界面关联指令，根据该界面关联指令展示该目标控件选项对应的二级编辑界面；获取用户基于该二级编辑界面输入的配置信息，根据该配置信息生成该目标控件选项对应的二级页面配置参数。
在本申请实施例中，处理器执行计算机程序时还实现以下步骤：
获取用户基于该二级编辑界面输入的二级控件选取指令，该二级控件选取指令用于指示在二级控件库中确定至少一个二级控件选项，该二级控件库包括至少一个二级控件选项，每个该二级控件选项对应不同类型的控件；获取每个该二级控件选项的位置信息，该二级控件选项的位置信息用于表征该二级控件选项对应的二级控件在该二级页面中的位置，该二级页面包括至少一个二级控件；获取每个该二级控件选项的属性数据，并存储每个该二级控件选项的属性数据；根据每个该二级控件选项的位置信息和属性数据生成二级页面配置参数。
在本申请实施例中，处理器执行计算机程序时还实现以下步骤：
获取用户基于该二级编辑界面输入的每个该二级控件选项的属性数据。
在本申请实施例中，处理器执行计算机程序时还实现以下步骤：
获取用户基于该二级编辑界面输入的对每个该二级控件选项对应的二级控件的移动指令和删除指令；根据该移动指令和该删除指令生成每个该二级控件选项的位置信息。
在本申请实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
接收控件选取指令，该控件选取指令用于指示在控件库中确定至少一个目标控件选项，该控件库包括至少一个控件选项，每个该控件选项对应不同类型的控件；
获取每个该目标控件选项的位置信息，该位置信息用于表征该目标控件选项对应的控件在目标页面中的位置，该目标页面包括至少一个控件；
获取每个该目标控件选项的属性数据，并存储每个该目标控件选项的属性数据；
根据每个该目标控件选项的位置信息和属性数据生成目标页面配置参数，该目标页面配置参数用于生成该目标页面。
在本申请实施例中，计算机程序被处理器执行时还实现以下步骤：
获取用户基于编辑界面输入的每个该目标控件选项的属性数据。
在本申请实施例中，计算机程序被处理器执行时还实现以下步骤：
获取用户基于编辑界面输入的对每个该目标控件选项对应的控件的移动指令和删除指令；根据该移动指令和该删除指令生成每个该目标控件选项的位置信息。
在本申请实施例中，计算机程序被处理器执行时还实现以下步骤：
获取用户基于编辑界面输入的该目标控件选项的界面关联指令，根据该界面关联指令展示该目标控件选项对应的二级编辑界面；获取用户基于该二级编辑界面输入的配置信息，根据该配置信息生成该目标控件选项对应的二级页面配置参数。
在本申请实施例中，计算机程序被处理器执行时还实现以下步骤：
获取用户基于该二级编辑界面输入的二级控件选取指令，该二级控件选取指令用于指示在二级控件库中确定至少一个二级控件选项，该二级控件库包括至少一个二级控件选项，每个该二级控件选项对应不同类型的控件；获取每个该二级控件选项的位置信息，该二级控件选项的位置信息用于表征该二级控件选项对应的二级控件在该二级页面中的位置，该二级页面包括至少一个二级控件；获取每个该二级控件选项的属性数据，并存储每个该二级控件选项的属性数据；根据每个该二级控件选项的位置信息和属性数据生成二级页面配置参数。
在本申请实施例中，计算机程序被处理器执行时还实现以下步骤：
获取用户基于该二级编辑界面输入的每个该二级控件选项的属性数据。
在本申请实施例中，计算机程序被处理器执行时还实现以下步骤：
获取用户基于该二级编辑界面输入的对每个该二级控件选项对应的二级控件的移动指令和删除指令；根据该移动指令和该删除指令生成每个该二级控件选项的位置信息。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种生成控件的方法，其特征在于，所述方法包括：
接收控件选取指令，所述控件选取指令用于指示在控件库中确定至少一个目标控件选项，所述控件库包括至少一个控件选项，每个所述控件选项对应不同类型的控件；
获取每个所述目标控件选项的位置信息，所述位置信息用于表征所述目标控件选项对应的控件在目标页面中的位置，所述目标页面包括至少一个控件；
获取每个所述目标控件选项的属性数据，并存储每个所述目标控件选项的属性数据；
根据每个所述目标控件选项的位置信息和属性数据生成目标页面配置参数，所述目标页面配置参数用于生成所述目标页面。
2.根据权利要求1所述的方法，其特征在于，所述获取每个所述目标控件选项的属性数据，包括：
获取用户基于编辑界面输入的每个所述目标控件选项的属性数据。
3.根据权利要求1所述的方法，其特征在于，所述获取每个所述目标控件选项的位置信息，包括：
获取用户基于编辑界面输入的对每个所述目标控件选项对应的控件的移动指令和删除指令；
根据所述移动指令和所述删除指令生成每个所述目标控件选项的位置信息。
4.根据权利要求1所述的方法，其特征在于，所述属性数据包括二级页面配置参数，所述二级页面配置参数用于生成所述目标控件选项对应的二级页面，所述方法还包括：
获取用户基于编辑界面输入的所述目标控件选项的界面关联指令，根据所述界面关联指令展示所述目标控件选项对应的二级编辑界面；
获取用户基于所述二级编辑界面输入的配置信息，根据所述配置信息生成所述目标控件选项对应的二级页面配置参数。
5.根据权利要求4所述的方法，其特征在于，所述获取用户基于所述二级编辑界面输入的配置信息，根据所述配置信息生成所述目标控件选项对应的二级页面配置参数，包括：
获取用户基于所述二级编辑界面输入的二级控件选取指令，所述二级控件选取指令用于指示在二级控件库中确定至少一个二级控件选项，所述二级控件库包括至少一个二级控件选项，每个所述二级控件选项对应不同类型的控件；
获取每个所述二级控件选项的位置信息，所述二级控件选项的位置信息用于表征所述二级控件选项对应的二级控件在所述二级页面中的位置，所述二级页面包括至少一个二级控件；
获取每个所述二级控件选项的属性数据，并存储每个所述二级控件选项的属性数据；
根据每个所述二级控件选项的位置信息和属性数据生成二级页面配置参数。
6.根据权利要求5所述的方法，其特征在于，所述获取每个所述二级控件选项的属性数据，包括：
获取用户基于所述二级编辑界面输入的每个所述二级控件选项的属性数据。
7.根据权利要求5所述的方法，其特征在于，所述获取每个所述二级控件选项的位置信息，包括：
获取用户基于所述二级编辑界面输入的对每个所述二级控件选项对应的二级控件的移动指令和删除指令；
根据所述移动指令和所述删除指令生成每个所述二级控件选项的位置信息。
8.一种生成控件的装置，其特征在于，所述装置包括：
接收模块，用于接收控件选取指令，所述控件选取指令用于指示在控件库中确定至少一个目标控件选项，所述控件库包括至少一个控件选项，每个所述控件选项对应不同类型的控件；
第一获取模块，用于获取每个所述目标控件选项的位置信息，所述位置信息用于表征所述目标控件选项对应的控件在目标页面中的位置，所述目标页面包括至少一个控件；
第二获取模块，用于获取每个所述目标控件选项的属性数据，并存储每个所述目标控件选项的属性数据；
生成模块，用于根据每个所述目标控件选项的位置信息和属性数据生成目标页面配置参数，所述目标页面配置参数用于生成所述目标页面。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010430692.9A CN111596911B (zh) | 2020-05-20 | 2020-05-20 | 生成控件的方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010430692.9A CN111596911B (zh) | 2020-05-20 | 2020-05-20 | 生成控件的方法、装置、计算机设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111596911A true CN111596911A (zh) | 2020-08-28 |
| CN111596911B CN111596911B (zh) | 2023-06-27 |
Family
ID=72182843
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010430692.9A Active CN111596911B (zh) | 2020-05-20 | 2020-05-20 | 生成控件的方法、装置、计算机设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111596911B (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112256999A (zh) * | 2020-09-11 | 2021-01-22 | 长沙市到家悠享网络科技有限公司 | 页面显示方法、装置、设备 |
| CN112363654A (zh) * | 2020-11-27 | 2021-02-12 | 歌尔科技有限公司 | 可穿戴设备的显示控制方法、可穿戴设备及存储介质 |
| CN113254016A (zh) * | 2021-05-21 | 2021-08-13 | 四川金熊猫新媒体有限公司 | 界面生成方法、界面信息处理方法、设备及存储介质 |
| CN113704655A (zh) * | 2021-08-05 | 2021-11-26 | 上海硬通网络科技有限公司 | 页面操作控件设置方法、装置及存储介质 |
| CN117873464A (zh) * | 2023-12-20 | 2024-04-12 | 曙光云计算集团股份有限公司 | 组件生成方法、装置、计算机设备、存储介质和程序产品 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2003060683A2 (en) * | 2001-12-28 | 2003-07-24 | Sap Aktiengesellschaft | Managing a user interface |
| US20110283215A1 (en) * | 2010-05-11 | 2011-11-17 | Microsoft Corporation | Integrated user interface controls for web dialogs |
| CN106843904A (zh) * | 2017-02-20 | 2017-06-13 | 深圳市医诺智能科技发展有限公司 | 界面动态布局方法及其系统 |
| CN107562465A (zh) * | 2017-09-14 | 2018-01-09 | 东软集团股份有限公司 | 控件展示的方法、装置和存储介质以及电子设备 |
| WO2020020272A1 (zh) * | 2018-07-27 | 2020-01-30 | 北京京东尚科信息技术有限公司 | 页面控制方法、装置和计算机可读存储介质 |
-
2020
- 2020-05-20 CN CN202010430692.9A patent/CN111596911B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2003060683A2 (en) * | 2001-12-28 | 2003-07-24 | Sap Aktiengesellschaft | Managing a user interface |
| US20110283215A1 (en) * | 2010-05-11 | 2011-11-17 | Microsoft Corporation | Integrated user interface controls for web dialogs |
| CN106843904A (zh) * | 2017-02-20 | 2017-06-13 | 深圳市医诺智能科技发展有限公司 | 界面动态布局方法及其系统 |
| CN107562465A (zh) * | 2017-09-14 | 2018-01-09 | 东软集团股份有限公司 | 控件展示的方法、装置和存储介质以及电子设备 |
| WO2020020272A1 (zh) * | 2018-07-27 | 2020-01-30 | 北京京东尚科信息技术有限公司 | 页面控制方法、装置和计算机可读存储介质 |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112256999A (zh) * | 2020-09-11 | 2021-01-22 | 长沙市到家悠享网络科技有限公司 | 页面显示方法、装置、设备 |
| CN112363654A (zh) * | 2020-11-27 | 2021-02-12 | 歌尔科技有限公司 | 可穿戴设备的显示控制方法、可穿戴设备及存储介质 |
| CN113254016A (zh) * | 2021-05-21 | 2021-08-13 | 四川金熊猫新媒体有限公司 | 界面生成方法、界面信息处理方法、设备及存储介质 |
| CN113704655A (zh) * | 2021-08-05 | 2021-11-26 | 上海硬通网络科技有限公司 | 页面操作控件设置方法、装置及存储介质 |
| CN117873464A (zh) * | 2023-12-20 | 2024-04-12 | 曙光云计算集团股份有限公司 | 组件生成方法、装置、计算机设备、存储介质和程序产品 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111596911B (zh) | 2023-06-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111596911B (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
| CN109634598B (zh) | 一种页面显示方法、装置、设备及存储介质 | |
| CN109901834B (zh) | 文档页面生成方法、装置、计算机设备和存储介质 | |
| CN110837369A (zh) | 一种表单生成方法、装置及电子设备和存储介质 | |
| US9507480B1 (en) | Interface optimization application | |
| CN110765379B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
| CN111045653B (zh) | 系统生成方法、装置、计算机可读介质及电子设备 | |
| CN111666740A (zh) | 流程图生成方法、装置、计算机设备和存储介质 | |
| CN110780939B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
| CN111338690A (zh) | 小程序店铺页面配置方法、装置、计算机设备和存储介质 | |
| CN112016023B (zh) | 业务处理方法、装置、终端及存储介质 | |
| CN114115844A (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
| CN110750711B (zh) | 数据推送方法、装置、计算机设备及存储介质 | |
| CN111667199A (zh) | 工作流构建方法、装置、计算机设备和存储介质 | |
| CN111562870A (zh) | 地图点位图标扩展处理方法及装置 | |
| CN112068873B (zh) | 网页生成方法、装置、服务器及存储介质 | |
| CN115145545A (zh) | 小程序代码的生成方法、装置、计算机设备和存储介质 | |
| WO2024152742A1 (zh) | 富文本编辑方法、装置、存储介质及计算机设备 | |
| CN114327435A (zh) | 技术文档生成方法、装置、计算机可读存储介质 | |
| CN113672826B (zh) | 页面跳转方法、装置、计算机设备和存储介质 | |
| CN113626032B (zh) | 列表页的配置方法、装置及存储介质 | |
| CN112905931B (zh) | 页面信息的展示方法、装置、电子设备及存储介质 | |
| CN117557677A (zh) | 图表绘制方法、装置和计算机设备 | |
| CN113569176A (zh) | 门户布局方法、装置、计算机设备和存储介质 | |
| CN113836465A (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 | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: Room 1101, No.1 Cuiying Street, Nansha District, Guangzhou City, Guangdong Province, 510000 Patentee after: Guangzhou Pingyun Xiaojiang Technology Co.,Ltd. Address before: 510000 Building 1, No. 106 Fengze East Road, Nansha District, Guangzhou City, Guangdong Province X1301-E2540 Patentee before: GUANGZHOU PINGYUN LITTLE ARTISAN TECHNOLOGY CO.,LTD. |
|
| PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: Method, device, computer equipment, and storage medium for generating controls Granted publication date: 20230627 Pledgee: Bank of China Limited by Share Ltd. Guangzhou Tianhe branch Pledgor: Guangzhou Pingyun Xiaojiang Technology Co.,Ltd. Registration number: Y2024980003494 |
|
| EE01 | Entry into force of recordation of patent licensing contract | ||
| EE01 | Entry into force of recordation of patent licensing contract |
Application publication date: 20200828 Assignee: Chengdu Pingyun Xiaojiang Network Co.,Ltd. Assignor: Guangzhou Pingyun Xiaojiang Technology Co.,Ltd. Contract record no.: X2024980004216 Denomination of invention: Method, device, computer equipment, and storage medium for generating controls Granted publication date: 20230627 License type: Common License Record date: 20240410 Application publication date: 20200828 Assignee: Guangzhou Pingyunjia Suxiu Technology Co.,Ltd. Assignor: Guangzhou Pingyun Xiaojiang Technology Co.,Ltd. Contract record no.: X2024980004214 Denomination of invention: Method, device, computer equipment, and storage medium for generating controls Granted publication date: 20230627 License type: Common License Record date: 20240410 Application publication date: 20200828 Assignee: Guangzhou Pingyun Yian Technology Co.,Ltd. Assignor: Guangzhou Pingyun Xiaojiang Technology Co.,Ltd. Contract record no.: X2024980004213 Denomination of invention: Method, device, computer equipment, and storage medium for generating controls Granted publication date: 20230627 License type: Common License Record date: 20240410 Application publication date: 20200828 Assignee: Guangzhou Pingyun New Energy Technology Service Co.,Ltd. Assignor: Guangzhou Pingyun Xiaojiang Technology Co.,Ltd. Contract record no.: X2024980004212 Denomination of invention: Method, device, computer equipment, and storage medium for generating controls Granted publication date: 20230627 License type: Common License Record date: 20240410 |