CN111984254A - 一种页面生成方法、装置、计算机设备和存储介质 - Google Patents
一种页面生成方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN111984254A CN111984254A CN202010645632.9A CN202010645632A CN111984254A CN 111984254 A CN111984254 A CN 111984254A CN 202010645632 A CN202010645632 A CN 202010645632A CN 111984254 A CN111984254 A CN 111984254A
- Authority
- CN
- China
- Prior art keywords
- view
- page
- user
- user interface
- component
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 41
- 230000000694 effects Effects 0.000 claims abstract description 38
- 230000006870 function Effects 0.000 claims description 189
- 230000003068 static effect Effects 0.000 claims description 45
- 230000002452 interceptive effect Effects 0.000 claims description 32
- 238000004590 computer program Methods 0.000 claims description 15
- 238000012545 processing Methods 0.000 claims description 6
- 238000011161 development Methods 0.000 abstract description 11
- 230000003993 interaction Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000004044 response Effects 0.000 description 3
- 230000004043 responsiveness Effects 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 238000012360 testing method Methods 0.000 description 2
- 230000000977 initiatory effect Effects 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
- 238000013468 resource allocation Methods 0.000 description 1
- 230000007480 spreading 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种页面的生成方法、装置、计算机设备和存储介质，包括：响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；检测到针对视图组件的第一用户操作，在第一用户界面中展示视图组件对应的页面视图框架；页面视图框架中包括视图区块；检测到针对视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；获取用户针对各个功能配置选项设置的输入操作信息，得到视图区块对应的功能配置信息；采用页面视图框架以及功能配置信息，生成页面。实现了页面开发的灵活配置，针对页面中不同的区域，可以灵活选择不同的功能配置方式，提高了运营活动页面配置的自由度和灵活性。
Description
技术领域
本申请涉及计算机技术领域，特别是涉及一种页面生成方法、装置、计算机设备和存储介质。
背景技术
随着互联网技术的发展，人们对互联网技术产品的依赖性也越来越大。越来越多人通过在互联网平台中展示页面的方式，达到传播信息或者收集信息的目的，例如运营活动页面的展示。相较于业务页面(如业务申请页面、借款页面)，运营活动页面需要较高的响应度和复用度，其中，响应度表现为在频繁修改页面中文字或图案的情况下，运营活动页面仍然可以快速上线，保证时效性，而复用度表现为针对不同的运营活动，虽然静态资源有所不同，但页面的基本逻辑相似，能够多次使用。
在现有技术中，可以在运营活动页面中配置更多的静态引导页以提高响应度和复用度，例如在运营活动页面中设置图片、文字等无后台交互功能的资源，仅仅通过配置静态资源形成页面。或者，为了提高与用户之间的互动性，增强页面对运营活动推广的支撑能力，在指定区域中提供交互配置功能。
然而，在以上方法中，无论是静态引导页还是交互配置功能的设置，都是在指定区域中配置与该区域对应的功能，导致页面开发的灵活性低。
发明内容
基于此，有必要针对上述技术问题，提供一种能够提高页面开发灵活性的页面生成方法、装置、计算机设备和存储介质。
一种页面生成方法，所述方法包括：
响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；所述视图组件用于配置页面的页面视图框架；
检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架；所述页面视图框架中包括视图区块；
检测到针对所述视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；
获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息；
采用所述页面视图框架以及所述功能配置信息，生成目标页面。
可选地，所述功能配置选项包括多个应用环境选项和多个资源配置选项，所述获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息，包括：
检测到针对所述视图区块对应至少一个应用环境选项的第二用户操作，获取与所述至少一个应用环境选项对应的资源配置选项，作为目标资源配置选项，并在第二用户界面中展示所述目标资源配置选项；
获取用户针对所述目标资源配置选项设置的输入操作信息；
采用所述输入操作信息，生成所述视图区块对应的功能配置信息。
可选地，所述目标资源配置选项包括静态资源配置选项、链接配置选项或交互功能配置选项中的任一项或多项，所述获取用户针对所述目标资源配置选项设置的输入操作信息，包括：
若检测到针对所述静态资源配置选项的第三用户操作，获取用户针对所述静态资源配置选项设置的交互操作类型信息，以及与所述交互操作类型信息对应的静态资源信息，作为所述静态资源配置选项的输入操作信息；
若检测到针对所述链接配置选项的第三用户操作，获取用户针对所述链接配置选项设置的链接地址信息，作为所述链接配置选项的输入操作信息；
若检测到针对所述交互功能配置选项的第三用户操作，获取用户针对所述交互功能配置选项设置的活动类型信息和活动标识信息，作为所述交互功能配置选项的输入操作信息。
可选地，所述采用所述输入操作信息，生成所述视图区块对应的功能配置信息，包括：
获取预设的文本信息输出格式；
采用所述文本信息输出格式对所述输入操作信息进行处理，得到所述视图区块对应的功能配置信息。
可选地，所述视图组件包括多个候选界面组件选项，所述检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架，包括：
检测到针对所述多个候选界面组件选项中任一候选界面组件选项的第一用户操作，从预设的多个页面视图框架中，获取与所述任一候选界面组件选项对应的目标页面视图框架；
在第一用户界面中展示所述目标页面视图框架。
可选地，所述第一用户界面包括视图组件选择区和预览区，所述在第一用户界面中显示预设的视图组件，包括：
在所述视图选择区中显示预设的视图组件；
所述在第一用户界面中展示所述目标页面视图框架，包括：
在所述预览区展示所述目标页面视图框架。
可选地，所述第一用户界面还包括功能选择区，在所述检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架的步骤之后，还包括：
加载预设的功能选择组件，并在所述功能选择区展示所述功能选择组件；所述功能选择组件作为对应视图区块功能配置的用户操作入口的组件。
一种页面生成装置，所述装置包括：
视图组件显示模块，用于响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；所述视图组件用于配置页面的页面视图框架；
页面视图框架展示模块，用于检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架；所述页面视图框架中包括视图区块；
功能配置选项显示模块，用于检测到针对所述视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；
功能配置信息获取模块，用于获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息；
页面生成模块，用于采用所述页面视图框架以及所述功能配置信息，生成目标页面。
一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如上所述的页面的生成方法的步骤。
一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的页面生成方法的步骤。
上述一种页面生成方法、装置、计算机设备和存储介质，通过响应于页面创建请求，可以切换至第一用户界面，在第一用户界面中显示预设的视图组件，视图组件可以用于配置页面的页面视图框架，当检测到针对视图组件的第一用户操作，可以在第一用户界面中展示视图组件对应的页面视图框架，页面视图框架中可以包括视图区块，当检测到针对视图区块的功能配置操作，可以切换为第二用户界面，并在第二用户界面中显示有多个功能配置选项，进而可以获取用户针对各个功能配置选项设置的输入操作信息，得到视图区块对应的功能配置信息，并采用页面视图框架以及功能配置信息，生成目标页面，实现了页面开发的灵活配置，针对页面中不同的区域，可以灵活选择不同的功能配置方式，打破了固定功能区块与静态引导页难以自由设置页面区域功能的局限性，提高了运营活动页面配置的自由度和灵活性。
附图说明
图1为一个实施例中一种页面生成方法的流程示意图；
图2为一个实施例中一种用户界面的示意图；
图3为一个实施例中获取功能配置信息的步骤的流程示意图；
图4为一个实施例中设置目标资源配置选项的步骤的流程示意图；
图5为一个实施例中另一种用户界面的示意图；
图6为一个实施例中一种页面生成装置的结构框图；
图7为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
在本申请一个实施例中，如图1所示，提供了一种页面生成方法，本实施例以该方法应用于终端进行举例说明，可以理解的是，该方法也可以应用于服务器，还可以应用于包括终端和服务器的系统，并通过终端和服务器的交互实现。本实施例中，该方法包括以下步骤：
步骤101，响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；所述视图组件用于配置页面的页面视图框架；
作为一示例，页面视图框架可以是页面中的区块布局，通过设置视图组件，可以对页面的视图框架进行配置。
在本申请一实施例中，该方法可以应用于配置系统，配置系统可以具有发布功能和配置功能。配置系统通过提供发布功能，可以使生成的页面文件快速上线，取代使用预设的发版流程，保证页面发布的时效性；通过提供配置功能，可以在不同的运行活动中，基于相似或相同的运行逻辑，对页面中不同区域的内容或功能进行配置。
在实际应用中，配置系统中可以预先设置一按钮，用户通过点击该按钮可以发送页面创建请求。响应于页面创建请求，配置系统可以将界面切换至第一用户界面，并在第一用户界面中显示预设的视图组件。
步骤102，检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架；所述页面视图框架中包括视图区块；
在显示视图组件后，用户可以对视图组件进行第一用户操作。当检测到用户针对视图组件的第一用户操作后，配置系统可以在第一用户界面中展示视图组件对应的页面视图框架，页面视图框架中可以包括视图区块。
步骤103，检测到针对所述视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；
在具体实现中，页面视图框架中可以包括一个或多个视图区块，用户在选择页面视图框架中的视图区块后，可以进行功能配置，进而可以灵活地为不同的视图区块设置不同的功能。在用户选择某一视图区块并触发对应组件时，配置系统可以检测到针对视图区块的功能配置操作，并将第一用户界面切换为第二用户界面，并在第二用户界面中显示多个功能配置选项。
步骤104，获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息；
作为一示例，功能配置可以是页面被展示时，页面中的视图区块被用户触发时，页面所执行的操作，例如静态引导页或交互性活动页面的展示；功能配置信息可以是在页面的配置过程中，针对一功能配置所设置的信息。
在第二用户界面中，用户可以对多个功能配置选项执行不同的操作，例如从配置系统提供的多个选项中进行选择，或者由用户输入自定义信息。响应于用户操作，配置系统可以获取用户针对各个功能配置选项设置的输入操作信息，并结合输入操作信息得到视图区块对应的功能配置信息。
步骤105，采用所述页面视图框架以及所述功能配置信息，生成目标页面。
在生成功能配置信息后，配置系统可以采用页面视图框架和功能配置信息与预先设置的页面模板结合，生成目标页面。
在本申请实施例中，通过响应于页面创建请求，可以切换至第一用户界面，在第一用户界面中显示预设的视图组件，视图组件可以用于配置页面的页面视图框架，当检测到针对视图组件的第一用户操作，可以在第一用户界面中展示视图组件对应的页面视图框架，页面视图框架中可以包括视图区块，当检测到针对视图区块的功能配置操作，可以切换为第二用户界面，并在第二用户界面中显示有多个功能配置选项，进而可以获取用户针对各个功能配置选项设置的输入操作信息，得到视图区块对应的功能配置信息，并采用页面视图框架以及功能配置信息，生成目标页面，实现了页面开发的灵活配置，通过视图组件与功能配置选项的组合配置，针对页面中不同的区域，可以灵活选择不同的功能配置方式，打破了固定功能区块与静态引导页难以自由设置页面区域功能的局限性，提高了运营活动页面配置的自由度和灵活性。
在本申请一实施例中，视图组件可以包括多个候选界面组件选项，所述检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架的步骤，可以包括如下步骤：
检测到针对所述多个候选界面组件选项中任一候选界面组件选项的第一用户操作，从预设的多个页面视图框架中，获取与所述任一候选界面组件选项对应的目标页面视图框架；在第一用户界面中展示所述目标页面视图框架。
在实际应用中，视图组件可以包括多个候选界面组件选项，不同的候选界面组件选项可以预先设置有对应的页面视图框架，例如包括一行一列区的页面视图框架、包括一行两列区的页面视图框架、包括悬浮区的页面视图框架、包括吸底区(组件固定于界面下方区域)的页面视图框架，等等。
当检测到针对多个候选界面组件选项中任一候选界面组件的第一用户操作，可以从预设的多个页面视图框架中获取与该候选界面组件对应的页面视图框架，并将该页面视图框架确定为目标页面视图框架，进而可以在第一用户界面中展示目标视图框架。
通过预先设置多个候选界面组件选项，并在检测到针对多个候选界面组件选项中任一候选界面组件选项的第一用户操作时，从预设的多个页面视图框架中，获取对应的目标页面视图框架，可以提高配置系统的复用度，用户可以根据开发需求，从预设候选界面组件中选择一目标页面视图框架，并且，由于视图组件可以独立于其他组件，通过选择不同的视图组件即可以修改页面视图框架，在为用户提供更多可选页面视图框架时，配置系统的开发人员可以聚焦于视图组件的开发。
在本申请一实施例中，第一用户界面可以包括视图组件选择区和预览区，所述在第一用户界面中显示预设的视图组件，可以包括如下步骤：在所述视图选择区中显示预设的视图组件。
所述在第一用户界面中展示所述目标页面视图框架，可以包括如下步骤：在所述预览区展示所述目标页面视图框架。
在具体实现中，可以将第一用户界面划分为多个区域，划分后的第一用户界面可以包括视图选择区和预览区，其中，在视图选择区中可以显示预设的视图组件，当检测到针对视图组件的第一用户操作后，可以在预览区中展示目标页面视图框架。
通过在视图选择区中显示预设的视图组件，以及在预览区展示目标页面视图框架，可以将第一用户界面划分为不同功能区块，用户可以快速查找到候选界面组件选项，并通过预览区对目标页面视图框架进行预览，及时查看页面效果。
在本申请一实施例中，第一用户界面还可以包括功能选择区，在所述检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架的步骤之后，还可以包括如下步骤：
加载预设的功能选择组件，并在所述功能选择区展示所述功能选择组件；所述功能选择组件作为对应视图区块功能配置的用户操作入口的组件。
在实际应用中，可以在第一用户界面中设置功能选择区，当检测到针对视图组件的第一用户操作后，除了在预览区中显示目标页面视图框架，可以加载预设功能选择组件，并在功能选择区中展示功能选择组件，功能组件作为对应视图区块功能配置的用户操作入口的组件，可以在检测到用户操作时，显示针对视图区块的功能配置界面，例如第二用户界面。
如图2所示，为第一用户界面的示例，其中，包括左方区域的视图选择、中间区域的预览区和右方区域的功能选择区。在视图选择区中包括多个候选界面组件选项(“一行一列区”选项、“一行两列区”选项、“悬浮区”选项和“吸底区”选项)，当用户选择“一行一列区”后，可以在预览区预览包括一行一列区的页面视图框架，相应地，在功能选择区中，可以显示针对“一行一列区域”的功能选择组件(即图2中的“功能选择”按钮)。
通过加载功能选择组件，并在功能选择区中展示，可以为用户提供对应视图区块的功能配置入口，避免当前界面内容过于繁杂。
在本申请一实施例中，功能配置选项可以包括多个应用环境选项和多个资源配置选项，如图3所示，所述获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息的步骤，可以包括如下步骤：
步骤301，检测到针对所述视图区块对应至少一个应用环境选项的第二用户操作，获取与所述至少一个应用环境选项对应的资源配置选项，作为目标资源配置选项，并在第二用户界面中展示所述目标资源配置选项；
作为一示例，应用环境选项可以配置页面的应用环境，即具体的应用平台，例如应用于某一客户端中。
在实际应用中，在不同的应用环境中，页面框架中的视图区块可以具有不同的功能。当检测到针对视图区块对应的应用环境选项的第二用户操作时，可以获取与应用环境对应的资源配置选项，并将其作为目标资源配置选项。在确定目标资源配置选项后，可以在第二用户界面中展示目标资源配置选项。
步骤302，获取用户针对所述目标资源配置选项设置的输入操作信息；
在显示目标资源配置选项后，用户可以目标资源配置选项进行设置，则配置系统响应于用户操作，可以获取用户针对目标资源选项设置的输入操作信息。
步骤303，采用所述输入操作信息，生成所述视图区块对应的功能配置信息。
在获取输入操作信息后，可以采用输入操作信息生成视图区块对应的功能配置信息。
通过在第二用户界面中展示目标资源配置选项，获取用户针对目标资源配置选项设置的输入操作信息，采用输入操作信息，生成视图区块对应的功能配置信息，能够针对不同的视图区块由灵活地设置不同的功能，视图组件与功能配置选项可以任意组合，配置系统的开发人员在进行开发时，可以聚焦于视图区块的功能开发。
在本申请一实施例中，目标资源配置选项可以包括静态资源配置选项、链接配置选项或交互功能配置选项中的任一项或多项，如图4所示，所述获取用户针对所述目标资源配置选项设置的输入操作信息的步骤，可以包括如下子步骤：
步骤401，若检测到针对所述静态资源配置选项的第三用户操作，获取用户针对所述静态资源配置选项设置的交互操作类型信息，以及与所述交互操作类型信息对应的静态资源信息，作为所述静态资源配置选项的输入操作信息；
作为一示例，静态资源配置选项可以为视图区块配置静态功能，针对视图区块中被配置静态功能的对象，当对象被点击后，页面可以执行无后台交互的操作。
交互操作类型信息可以指示页面对静态资源执行的操作，例如复制、提示、分享、弹出弹窗。
静态资源信息可以是被执行交互操作的信息，例如图片信息、文字信息等。
在实际应用中，若检测到针对静态资源配置选项的第三用户操作，例如选择第二用户界面中“静态功能”选项，则可以进一步获取用户针对静态资源配置选项设置的交互操作类型信息，以及交互操作类型信息对应的静态资源信息，并将交互操作类型信息与静态资源信息确定为静态资源配置选项的输入操作信息。通过设置静态资源配置选项的操作信息，用户可以从页面中选取视图区块设置静态功能，例如展示运营推广信息、运营页面的文案复制、图片弹出等。
步骤402，若检测到针对所述链接配置选项的第三用户操作，获取用户针对所述链接配置选项设置的链接地址信息，作为所述链接配置选项的输入操作信息；
作为一示例，链接地址信息可以包括网页链接地址和/或客户端链接，其中，客户端链接可以跳转至该链接指定的客户端页面。
若检测到针对链接配置选项的第三用户操作，例如选择第二用户界面中“链接”选项，可以进一步获取用户针对资源配置选项设置的链接地址信息，并将链接地址信息作为链接配置选项的输入操作信息，通过设置链接配置选项的操作信息，用户可以从页面中选取视图区块设置链接功能，当视图区块中的对象被点击后，可以跳转至链接地址信息对应的链接。
步骤403，若检测到针对所述交互功能配置选项的第三用户操作，获取用户针对所述交互功能配置选项设置的活动类型信息和活动标识信息，作为所述交互功能配置选项的输入操作信息。
作为一示例，交互功能配置选项可以为视图区块配置后台交互功能，当视图区块被配置后台交互功能后，在视图区块中的对象被点击后，可以执行与后台交互的操作，例如抽奖、优惠券领取、组队(如拼团)、向第三方用户发起活动邀请、绑定活动邀请关系等操作。
在实际应用中，运营人员可以举办多个活动，同一活动可以具有不同的活动入口，例如可以同时举办抽奖活动和优惠券领取活动，针对同一抽奖活动，可以设置不同的抽奖子活动，每个抽奖子活动具有不同的中奖概率。
基于此，可以针对不同的活动设置活动类型信息，以及同一活动类型中，不同子活动的活动标识信息。当用户对交互功能配置选项执行第三用户操作后，可以设置活动类型信息以及活动标识信息，配置系统可以获取活动类型信息与活动标识信息，并将活动类型信息与活动标识信息确定为互功能配置选项的输入操作信息。
通过获取用户针对静态资源配置选项、链接配置选项设置、交互功能配置选项设置的信息并生成输入操作信息，用户可以针对不同的视图区块配置静态资源、链接跳转或与后台数据库进行交互的功能。
如图5所示，为第二用户界面示例。在具体实现中，同一应用环境可以有多种发布方式，即发布渠道。以客户端A为例，可以具有“B公众号”和“C公众号”两种发布渠道(即采用不同的公众号账号进行信息发布)。用户可以在第二用户界面中对“环境选择”进行设置，选择合适的应用环境选项和发布方式。在确定应用环境选项后，可以获取与该应用环境对应的多个资源配置选项作为目标资源配置选项，在第二用户界面中显示，例如图5中的“链接”选项、“静态功能”选项、“后台交互功能”选项、“功能选择”、“子活动编码”等。
在本申请一实施例中，所述采用所述输入操作信息，生成所述视图区块对应的功能配置信息的步骤，可以包括如下步骤：
获取预设的文本信息输出格式；采用所述文本信息输出格式对所述输入操作信息进行处理，得到所述视图区块对应的功能配置信息。
在实际应用中，在获取输入操作信息后，可以获取预设的文本信息输出格式，并采用文本信息输出格式对输入操作信息进行处理，使输入操作信息按照文本信息输出格式进行编排，得到视图区块对应的功能配置信息。
例如针对页面视图框架中的一视图区块，该视图区块被配置了在微信客户端环境(WEC)中，在按钮被触发时进行文案信息复制(copyText)，被复制的文案内容(text)为“test”，则可以按照文本信息输出格式得到功能配置信息“WEC:mutation://copyText？text＝test”。
通过采用文本信息输出格式对输入操作信息进行处理，当页面视图框架中对应的视图区块被触发时，可以对预设格式的功能配置信息进行解析，确定需要执行的操作。
应该理解的是，虽然图1-5的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-5中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在本申请一个实施例中，如图6所示，提供了一种页面生成装置，所述装置可以包括：
视图组件显示模块601，用于响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；所述视图组件用于配置页面的页面视图框架；
页面视图框架展示模块602，用于检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架；所述页面视图框架中包括视图区块；
功能配置选项显示模块603，用于检测到针对所述视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；
功能配置信息获取模块604，用于获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息；
页面生成模块605，用于采用所述页面视图框架以及所述功能配置信息，生成目标页面。
在本申请一实施例中，所述功能配置选项可以包括多个应用环境选项和多个资源配置选项，所述功能配置信息获取模块604包括：
目标资源配置选项显示子模块，用于检测到针对所述视图区块对应至少一个应用环境选项的第二用户操作，获取与所述至少一个应用环境选项对应的资源配置选项，作为目标资源配置选项，并在第二用户界面中展示所述目标资源配置选项；
输入操作信息获取子模块，用于获取用户针对所述目标资源配置选项设置的输入操作信息；
功能配置信息生成子模块，用于采用所述输入操作信息，生成所述视图区块对应的功能配置信息。
在本申请一实施例中，所述目标资源配置选项包括静态资源配置选项、链接配置选项或交互功能配置选项中的任一项或多项，所述输入操作信息获取子模块包括：
静态资源信息获取单元，用于若检测到针对所述静态资源配置选项的第三用户操作，获取用户针对所述静态资源配置选项设置的交互操作类型信息，以及与所述交互操作类型信息对应的静态资源信息，作为所述静态资源配置选项的输入操作信息；
链接信息获取单元，用于若检测到针对所述链接配置选项的第三用户操作，获取用户针对所述链接配置选项设置的链接地址信息，作为所述链接配置选项的输入操作信息；
交互功能信息获取单元，用于若检测到针对所述交互功能配置选项的第三用户操作，获取用户针对所述交互功能配置选项设置的活动类型信息和活动标识信息，作为所述交互功能配置选项的输入操作信息。
在本申请一实施例中，所述功能配置信息生成子模块包括：
格式获取单元，用于获取预设的文本信息输出格式；
格式处理单元，用于采用所述文本信息输出格式对所述输入操作信息进行处理，得到所述视图区块对应的功能配置信息。
在本申请一实施例中，所述视图组件包括多个候选界面组件选项，所述页面视图框架展示模块602，包括：
目标页面视图框架确定子模块，用于检测到针对所述多个候选界面组件选项中任一候选界面组件选项的第一用户操作，从预设的多个页面视图框架中，获取与所述任一候选界面组件选项对应的目标页面视图框架；
目标页面视图框架展示子模块，用于在第一用户界面中展示所述目标页面视图框架。
在本申请一实施例中，所述第一用户界面包括视图组件选择区和预览区，所述视图组件显示模块601，包括：
第一展示子模块，用于在所述视图选择区中显示预设的视图组件；
所述目标页面视图框架展示子模块，包括：
第二展示单元，在所述预览区展示所述目标页面视图框架。
在本申请一实施例中，所述第一用户界面还包括功能选择区，所述装置还包括：
功能选择组件展示模块，用于加载预设的功能选择组件，并在所述功能选择区展示所述功能选择组件；所述功能选择组件作为对应视图区块功能配置的用户操作入口的组件。
在本申请实施例中，通过响应于页面创建请求，可以切换至第一用户界面，在第一用户界面中显示预设的视图组件，视图组件可以用于配置页面的页面视图框架，当检测到针对视图组件的第一用户操作，可以在第一用户界面中展示视图组件对应的页面视图框架，页面视图框架中可以包括视图区块，当检测到针对视图区块的功能配置操作，可以切换为第二用户界面，并在第二用户界面中显示有多个功能配置选项，进而可以获取用户针对各个功能配置选项设置的输入操作信息，得到视图区块对应的功能配置信息，并采用页面视图框架以及功能配置信息，生成目标页面，实现了页面开发的灵活配置，通过视图组件与功能配置选项的组合配置，针对页面中不同的区域，可以灵活选择不同的功能配置方式，打破了固定功能区块与静态引导页难以自由设置页面区域功能的局限性，提高了运营活动页面配置的自由度和灵活性。
关于一种页面生成装置的具体限定可以参见上文中对于一种页面生成方法的限定，在此不再赘述。上述一种页面生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面生成方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图7中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在本申请一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：
响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；所述视图组件用于配置页面的页面视图框架；
检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架；所述页面视图框架中包括视图区块；
检测到针对所述视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；
获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息；
采用所述页面视图框架以及所述功能配置信息，生成目标页面。
在一个实施例中，计算机程序被处理器执行时还实现上述其他实施例中的页面生成方法的步骤。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；所述视图组件用于配置页面的页面视图框架；
检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架；所述页面视图框架中包括视图区块；
检测到针对所述视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；
获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息；
采用所述页面视图框架以及所述功能配置信息，生成目标页面。
在一个实施例中，计算机程序被处理器执行时还实现上述其他实施例中的页面生成方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(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.根据权利要求2所述的方法，其特征在于，所述目标资源配置选项包括静态资源配置选项、链接配置选项或交互功能配置选项中的任一项或多项，所述获取用户针对所述目标资源配置选项设置的输入操作信息，包括：
若检测到针对所述静态资源配置选项的第三用户操作，获取用户针对所述静态资源配置选项设置的交互操作类型信息，以及与所述交互操作类型信息对应的静态资源信息，作为所述静态资源配置选项的输入操作信息；
若检测到针对所述链接配置选项的第三用户操作，获取用户针对所述链接配置选项设置的链接地址信息，作为所述链接配置选项的输入操作信息；
若检测到针对所述交互功能配置选项的第三用户操作，获取用户针对所述交互功能配置选项设置的活动类型信息和活动标识信息，作为所述交互功能配置选项的输入操作信息。
4.根据权利要求2所述的方法，其特征在于，所述采用所述输入操作信息，生成所述视图区块对应的功能配置信息，包括：
获取预设的文本信息输出格式；
采用所述文本信息输出格式对所述输入操作信息进行处理，得到所述视图区块对应的功能配置信息。
5.根据权利要求1所述的方法，其特征在于，所述视图组件包括多个候选界面组件选项，所述检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架，包括：
检测到针对所述多个候选界面组件选项中任一候选界面组件选项的第一用户操作，从预设的多个页面视图框架中，获取与所述任一候选界面组件选项对应的目标页面视图框架；
在第一用户界面中展示所述目标页面视图框架。
6.根据权利要求5所述的方法，其特征在于，所述第一用户界面包括视图组件选择区和预览区，所述在第一用户界面中显示预设的视图组件，包括：
在所述视图选择区中显示预设的视图组件；
所述在第一用户界面中展示所述目标页面视图框架，包括：
在所述预览区展示所述目标页面视图框架。
7.根据权利要求1所述的方法，其特征在于，所述第一用户界面还包括功能选择区，在所述检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架的步骤之后，还包括：
加载预设的功能选择组件，并在所述功能选择区展示所述功能选择组件；所述功能选择组件作为对应视图区块功能配置的用户操作入口的组件。
8.一种页面生成装置，其特征在于，所述装置包括：
视图组件显示模块，用于响应于页面创建请求，切换至第一用户界面，在第一用户界面中显示预设的视图组件；所述视图组件用于配置页面的页面视图框架；
页面视图框架展示模块，用于检测到针对所述视图组件的第一用户操作，在第一用户界面中展示所述视图组件对应的页面视图框架；所述页面视图框架中包括视图区块；
功能配置选项显示模块，用于检测到针对所述视图区块的功能配置操作，切换为第二用户界面，在第二用户界面中显示有多个功能配置选项；
功能配置信息获取模块，用于获取用户针对各个功能配置选项设置的输入操作信息，得到所述视图区块对应的功能配置信息；
页面生成模块，用于采用所述页面视图框架以及所述功能配置信息，生成目标页面。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的页面生成方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的页面生成方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010645632.9A CN111984254A (zh) | 2020-07-07 | 2020-07-07 | 一种页面生成方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010645632.9A CN111984254A (zh) | 2020-07-07 | 2020-07-07 | 一种页面生成方法、装置、计算机设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111984254A true CN111984254A (zh) | 2020-11-24 |
Family
ID=73438540
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010645632.9A Pending CN111984254A (zh) | 2020-07-07 | 2020-07-07 | 一种页面生成方法、装置、计算机设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111984254A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113095056A (zh) * | 2021-03-17 | 2021-07-09 | 阿里巴巴新加坡控股有限公司 | 生成方法、处理方法、装置、电子设备以及介质 |
| CN115525847A (zh) * | 2021-11-26 | 2022-12-27 | 北京字跳网络技术有限公司 | 页面视图生成方法、装置、电子设备及存储介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040221238A1 (en) * | 2000-06-13 | 2004-11-04 | Chris Cifra | Automatic generation of programs with GUI controls for interactively setting or viewing values |
| CN107818143A (zh) * | 2017-10-16 | 2018-03-20 | 中国银联股份有限公司 | 一种页面配置、生成方法及装置 |
| CN109582307A (zh) * | 2018-10-26 | 2019-04-05 | 深圳壹账通智能科技有限公司 | 基于统一入口的活动创建方法、装置、设备及存储介质 |
| CN109799989A (zh) * | 2018-12-14 | 2019-05-24 | 深圳壹账通智能科技有限公司 | 活动页面制作方法、装置、计算机设备及存储介质 |
| CN110058856A (zh) * | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | 页面配置方法及装置 |
| CN110865807A (zh) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | 活动页面创建系统、方法、设备及存储介质 |
| CN111273904A (zh) * | 2020-01-14 | 2020-06-12 | 平安壹钱包电子商务有限公司 | 基于自定义模块的页面生成方法、装置、设备和存储介质 |
-
2020
- 2020-07-07 CN CN202010645632.9A patent/CN111984254A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20040221238A1 (en) * | 2000-06-13 | 2004-11-04 | Chris Cifra | Automatic generation of programs with GUI controls for interactively setting or viewing values |
| CN107818143A (zh) * | 2017-10-16 | 2018-03-20 | 中国银联股份有限公司 | 一种页面配置、生成方法及装置 |
| CN110865807A (zh) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | 活动页面创建系统、方法、设备及存储介质 |
| CN109582307A (zh) * | 2018-10-26 | 2019-04-05 | 深圳壹账通智能科技有限公司 | 基于统一入口的活动创建方法、装置、设备及存储介质 |
| CN109799989A (zh) * | 2018-12-14 | 2019-05-24 | 深圳壹账通智能科技有限公司 | 活动页面制作方法、装置、计算机设备及存储介质 |
| CN110058856A (zh) * | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | 页面配置方法及装置 |
| CN111273904A (zh) * | 2020-01-14 | 2020-06-12 | 平安壹钱包电子商务有限公司 | 基于自定义模块的页面生成方法、装置、设备和存储介质 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113095056A (zh) * | 2021-03-17 | 2021-07-09 | 阿里巴巴新加坡控股有限公司 | 生成方法、处理方法、装置、电子设备以及介质 |
| CN113095056B (zh) * | 2021-03-17 | 2024-04-12 | 阿里巴巴创新公司 | 生成方法、处理方法、装置、电子设备以及介质 |
| CN115525847A (zh) * | 2021-11-26 | 2022-12-27 | 北京字跳网络技术有限公司 | 页面视图生成方法、装置、电子设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10065119B2 (en) | Game accessing method and processing method, server, terminal, and system | |
| CN108647052A (zh) | 应用程序预加载方法、装置、存储介质及终端 | |
| CN104641334A (zh) | 用于大小调整和布置图形用户界面的元素的系统 | |
| US20160018909A1 (en) | Method and apparatus of controlling a smart device | |
| CN108595224A (zh) | 应用程序提示方法、装置、存储介质及终端 | |
| CN111984254A (zh) | 一种页面生成方法、装置、计算机设备和存储介质 | |
| CN112748843B (zh) | 页面切换方法、装置、计算机设备和存储介质 | |
| CN111752535A (zh) | Web页面的开发方法、装置、计算机设备和可读存储介质 | |
| CN110609715A (zh) | 随机选项页面展示方法、装置、计算机设备和存储介质 | |
| CN111124533A (zh) | 一种活动页面动态配置的方法及装置 | |
| CN111596911A (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
| CN111212313A (zh) | 广告显示方法、装置、存储介质、计算机设备 | |
| CN114637935A (zh) | 页面信息展示方法、装置、电子设备及存储介质 | |
| CN110471700B (zh) | 图形处理方法、装置、存储介质及电子设备 | |
| CN113467862A (zh) | 桌面快捷方式的生成方法、装置、移动终端和存储介质 | |
| CN114003160A (zh) | 数据可视化展示方法、装置、计算机设备和存储介质 | |
| CN113435926A (zh) | 广告展示方法及装置、存储介质及电子装置 | |
| CN113438531A (zh) | 对象展示方法、装置、电子设备及存储介质 | |
| CN112612989A (zh) | 数据展示方法、装置、计算机设备和存储介质 | |
| US10114518B2 (en) | Information processing system, information processing device, and screen display method | |
| US20200097271A1 (en) | Method and system for operating a software application on a processor of a mobile device | |
| CN113448641A (zh) | 小程序的启动方法、装置、计算机设备和存储介质 | |
| CN108647059A (zh) | 应用程序预测方法、装置、存储介质及移动终端 | |
| CN114089982A (zh) | 前端页面生成方法、装置、设备和介质 | |
| CN115643420A (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 | ||
| CB02 | Change of applicant information |
Country or region after: China Address after: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.) Applicant after: Zhaolian Consumer Finance Co.,Ltd. Address before: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.) Applicant before: MERCHANTS UNION CONSUMER FINANCE Co.,Ltd. Country or region before: China |
|
| CB02 | Change of applicant information |