页面配置文件确定方法、装置、电子设备和存储介质与流程

1.本发明涉及通信技术领域，尤其涉及一种页面配置文件确定方法、装置、电子设备和存储介质。


背景技术：

2.网页/页面开发涉及多种技术，例如前端要会html5 css3、及javascript等，其中html和css是重要的基础；后端要会php、java、sql，这些都是比较热门的后端程序语言。
3.但是，页面开发对于开发人员的技术能力要求比较高，没有页面开发基础的人很难胜任；而且，由于项目前期设计阶段对于页面效果的改动较为频繁，从而造成开发效率低、成本高。


技术实现要素：

4.针对现有技术存在的问题，本发明提供一种页面配置文件确定方法、装置、电子设备和存储介质。
5.本发明提供一种页面配置文件确定方法，包括：
6.检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照所述选择操作对应的基础组件的预设格式，在所述操作界面上页面配置区域中显示所述选择操作对应的基础组件；其中，所述操作界面包括所述基础组件列表、所述页面配置区域及组件配置区域；所述基础组件列表中包括至少一个基础组件；所述页面配置区域中包括至少一个配置组件；
7.检测到所述用户针对所述页面配置区域中任一个配置组件的配置操作时，在所述组件配置区域中显示所述配置操作对应的配置组件的配置界面；接收所述用户在所述配置界面中输入的配置信息，及在所述页面配置区域中所述配置操作对应的配置组件上显示所述配置信息；
8.根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，所述页面配置文件用于生成页面；所述参数信息包括组件位置。
9.根据本发明提供的一种页面配置文件确定方法，在所述根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件之前，所述页面配置文件确定方法还包括：
10.检测到所述用户针对所述页面配置区域中任一个配置组件的拖拽操作时，将所述拖拽操作对应的配置组件拖拽至所述拖拽操作对应的目标位置。
11.根据本发明提供的一种页面配置文件确定方法，所述参数信息还包括组件大小；
12.在所述根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件之前，所述页面配置文件确定方法还包括：
13.检测到所述用户针对所述页面配置区域中任一个配置组件的组件大小调整操作时，将所述组件大小调整操作对应的配置组件调整至所述组件大小调整操作对应的目标大
小。
14.根据本发明提供的一种页面配置文件确定方法，所述参数信息还包括组件方向；
15.在所述根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件之前，所述页面配置文件确定方法还包括：
16.检测到所述用户针对所述页面配置区域中任一个配置组件的组件方向调整操作时，将所述组件方向调整操作对应的配置组件调整至所述组件方向调整操作对应的目标方向。
17.根据本发明提供的一种页面配置文件确定方法，在所述根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件之前，所述页面配置文件确定方法还包括：
18.检测到所述用户针对所述页面配置区域的预览操作时，根据所述页面配置区域中各个配置组件的参数信息和配置信息，生成并显示预览页面。
19.根据本发明提供的一种页面配置文件确定方法，所述根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件，包括：
20.检测到所述用户针对所述页面配置区域的页面配置文件获取操作时，从后台服务器获取与所述页面配置区域中各个配置组件的参数信息和配置信息对应的页面配置文件。
21.根据本发明提供的一种页面配置文件确定方法，所述根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件，包括：
22.根据所述页面配置区域中各个配置组件的参数信息，确定所述页面配置区域中各个配置组件与所述页面相关的代码文件；
23.根据所述页面配置区域中各个配置组件的配置信息，确定所述页面配置区域中各个配置组件的配置信息对应的代码文件；
24.所述页面配置区域中各个配置组件的预设格式对应的代码文件、各个配置组件与所述页面相关的代码文件、以及各个配置组件的配置信息对应的代码文件，确定页面配置文件。
25.本发明还提供一种页面配置文件确定装置，包括：
26.显示单元，用于检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照所述选择操作对应的基础组件的预设格式，在所述操作界面上页面配置区域中显示所述选择操作对应的基础组件；其中，所述操作界面包括所述基础组件列表、所述页面配置区域及组件配置区域；所述基础组件列表中包括至少一个基础组件；所述页面配置区域中包括至少一个配置组件；
27.配置单元，用于检测到所述用户针对所述页面配置区域中任一个配置组件的配置操作时，在所述组件配置区域中显示所述配置操作对应的配置组件的配置界面；接收所述用户在所述配置界面中输入的配置信息，及在所述页面配置区域中所述配置操作对应的配置组件上显示所述配置信息；
28.确定单元，用于根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，所述页面配置文件用于生成页面；所述参数信息包括组件位置。
29.本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述页面配置文件
确定方法的步骤。
30.本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述页面配置文件确定方法的步骤。
31.本发明提供的页面配置文件确定方法、装置、电子设备和存储介质，通过将操作界面分成基础组件列表、页面配置区域及组件配置区域，由用户从基础组件列表选择基础组件，通过组件配置区域对组件进行配置，及在页面配置区域显示各个配置组件的参数信息和配置信息，进而确定用于生成页面的页面配置文件，实现了可视化的页面配置过程，页面配置过程无需编写代码，提高了页面开发速度和开发效率，降低了开发成本，对用户的技术要求也不高，从而克服了现有技术对开发人员技术能力的高要求、且开发效率低和成本高的问题。
附图说明
32.为了更清楚地说明本发明或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
33.图1是本发明提供的页面配置文件确定方法的流程示意图之一；
34.图2是本发明提供的页面配置文件确定方法的流程示意图之二；
35.图3是本发明提供的页面配置文件确定方法的流程示意图之三；
36.图4是本发明提供的页面配置文件确定装置的结构示意图；
37.图5是本发明提供的电子设备的结构示意图。
具体实施方式
38.为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明中的附图，对本发明中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
39.下面结合图1
‑
图3描述本发明的页面配置文件确定方法。
40.图1是本发明提供的页面配置文件确定方法的流程示意图之一，如图1所示，该方法包括：
41.步骤110，检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照选择操作对应的基础组件的预设格式，在操作界面上页面配置区域中显示选择操作对应的基础组件；其中，操作界面包括基础组件列表、页面配置区域及组件配置区域；基础组件列表中包括至少一个基础组件；页面配置区域中包括至少一个配置组件。
42.具体地，操作界面至少分成三个区域，分别是：基础组件列表、页面配置区域及组件配置区域。基础组件列表中显示有至少一个基础组件对应的标签或按钮。不同种类的基础组件在页面配置区域的显示格式或显示内容并不完全相同，不同种类的基础组件具有各自不同的预设格式。
43.在用户需要进行页面开发的场景下，用户打开本发明提供的页面配置文件确定方
法所对应的操作界面，用户在基础组件列表中针对配置页面所需要的基础组件进行选择操作；选择操作是预先确定的，例如选择操作可以是单击操作、双击操作、触摸操作或按压操作等操作类型。当页面配置文件确定方法的执行主体，例如页面配置文件确定装置检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照选择操作对应的基础组件的预设格式，在操作界面上页面配置区域中显示选择操作对应的基础组件。
44.需要说明的是，在页面配置区域中可以同时存在多个不同种类的基础组件，也可以同时存在多个同一种类的基础组件。
45.可选的，组件列表区域的组件类型至少包括以下任意一种组件或组合：布局组件、功能组件、和/或辅助组件；其中：布局组件例如包括：区块容器；功能组件例如包括：文章列表；辅助组件例如包括：辅助空白。
46.步骤120，检测到用户针对页面配置区域中任一个配置组件的配置操作时，在组件配置区域中显示配置操作对应的配置组件的配置界面。
47.具体地，用户从基础组件列表中选择基础组件后，在页面配置区域中按照所选择的基础组件的预设格式显示后，可以称为配置组件。用户可以针对页面配置区域中的任意一个配置组件进行配置，具体的配置操作在配置界面中实现。
48.当用户需要对页面配置区域中某个配置组件进行配置操作时，在页面配置区域中选中该配置组件。当页面配置文件确定装置检测到用户针对页面配置区域中任一个配置组件的配置操作时，在组件配置区域中同步显示配置操作对应的配置组件的配置界面。配置操作例如可以是预设的点击、双击、触摸、按压组件等操作。
49.步骤130，接收用户在配置界面中输入的配置信息，及在页面配置区域中配置操作对应的配置组件上显示配置信息。
50.具体地，用户在配置界面中按照提示在对应位置输入配置信息，此时，在页面配置区域中相应的配置组件中同步显示各配置信息。
51.步骤140，根据页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，页面配置文件用于生成页面；参数信息包括组件位置。
52.具体地，检测到用户针对页面配置区域的页面配置文件获取操作时，从后台服务器获取与所述页面配置区域中各个配置组件的参数信息和配置信息对应的页面配置文件。例如，在操作界面上预设有页面配置文件获取按钮，页面配置文件获取操作例如为用户点击页面配置文件获取按钮；当用户需要获取用于生成页面的页面配置文件时，只需要点击操作界面上预设的页面配置文件获取按钮，页面配置文件确定装置会自动将页面配置区域中各个配置组件的参数信息和配置信息发送至后台服务器；后台服务器根据页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件，然后后台服务器将页面配置文件发送至页面配置文件确定装置。
53.可选的，页面配置文件确定装置也可以自行根据页面配置区域中各个配置组件的参数信息和配置信息确定页面配置文件。
54.可选的，根据页面配置区域中各个配置组件的参数信息和配置信息确定页面配置文件的实现方式，例如可以包括：根据页面配置区域中各个配置组件的参数信息，确定所述页面配置区域中各个配置组件与所述页面相关的代码文件；根据所述页面配置区域中各个配置组件的配置信息，确定所述页面配置区域中各个配置组件的配置信息对应的代码文
件；所述页面配置区域中各个配置组件的预设格式对应的代码文件、各个配置组件与所述页面相关的代码文件、以及各个配置组件的配置信息对应的代码文件，确定页面配置文件。
55.本发明提供的页面配置文件确定方法，通过将操作界面分成基础组件列表、页面配置区域及组件配置区域，由用户从基础组件列表选择基础组件，通过组件配置区域对组件进行配置，及在页面配置区域显示各个配置组件的参数信息和配置信息，进而确定用于生成页面的页面配置文件，实现了可视化的页面配置过程，页面配置过程无需编写代码，提高了页面开发速度和开发效率，降低了开发成本，对用户的技术要求也不高，从而克服了现有技术对开发人员技术能力的高要求、且开发效率低和成本高的问题。
56.基于上述实施例，图2为本发明提供的页面配置文件确定方法的流程示意图之二，如图2所示：
57.步骤210，检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照选择操作对应的基础组件的预设格式，在操作界面上页面配置区域中显示选择操作对应的基础组件；其中，操作界面包括基础组件列表、页面配置区域及组件配置区域；基础组件列表中包括至少一个基础组件；页面配置区域中包括至少一个配置组件。
58.步骤220，检测到用户针对页面配置区域中任一个配置组件的配置操作时，在组件配置区域中显示配置操作对应的配置组件的配置界面；接收用户在配置界面中输入的配置信息，及在页面配置区域中配置操作对应的配置组件上显示配置信息。
59.步骤230，检测到用户针对页面配置区域中任一个配置组件的拖拽操作时，将拖拽操作对应的配置组件拖拽至拖拽操作对应的目标位置。
60.步骤240，根据页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，页面配置文件用于生成页面；参数信息包括组件位置。
61.本发明提供的页面配置文件确定方法，通过将操作界面分成基础组件列表、页面配置区域及组件配置区域，由用户从基础组件列表选择基础组件，通过针对页面配置区域中配置组件的拖拽操作时，将配置组件拖拽至目标位置，及通过组件配置区域对组件进行配置，及在页面配置区域显示各个配置组件的参数信息和配置信息，实现通过拖拽及可视化页面配置确定用于生成页面的页面配置文件，使得页面配置过程无需编写代码，能够提高页面开发速度和开发效率，降低开发成本，对用户的技术要求也不高，从而克服了现有技术对开发人员技术能力的高要求、且开发效率低和成本高的问题。
62.基于上述实施例，参数信息还包括组件大小；在根据页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件之前，页面配置文件确定方法还包括：检测到用户针对页面配置区域中任一个配置组件的组件大小调整操作时，将组件大小调整操作对应的配置组件调整至组件大小调整操作对应的目标大小；和/或，
63.参数信息还包括组件方向；在根据页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件之前，页面配置文件确定方法还包括：检测到用户针对页面配置区域中任一个配置组件的组件方向调整操作时，将组件方向调整操作对应的配置组件调整至组件方向调整操作对应的目标方向。
64.本发明提供的页面配置文件确定方法，能够针对页面配置区域中配置组件进行组件大小调整操作和/或组件方向调整操作，使得页面配置过程更加高效，提高页面开发速度，降低开发成本。
65.基于上述实施例，在根据页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件之前，页面配置文件确定方法还包括：检测到用户针对页面配置区域的预览操作时，根据页面配置区域中各个配置组件的参数信息和配置信息，生成并显示预览页面。通过预览操作，使得用户可以方便的获知页面效果，方便修改和确认。
66.基于上述实施例，图3为本发明提供的页面配置文件确定方法的流程示意图之三，如图3所示：
67.步骤310，检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照选择操作对应的基础组件的预设格式，在操作界面上页面配置区域中显示选择操作对应的基础组件；其中，操作界面包括基础组件列表、页面配置区域及组件配置区域；基础组件列表中包括至少一个基础组件；页面配置区域中包括至少一个配置组件。
68.步骤320，检测到用户针对页面配置区域中任一个配置组件的配置操作时，在组件配置区域中显示配置操作对应的配置组件的配置界面；接收用户在配置界面中输入的配置信息，及在页面配置区域中配置操作对应的配置组件上显示配置信息。
69.步骤330，检测到用户针对页面配置区域中任一个配置组件的拖拽操作时，将拖拽操作对应的配置组件拖拽至拖拽操作对应的目标位置。
70.步骤340，检测到用户针对页面配置区域的预览操作时，根据页面配置区域中各个配置组件的参数信息和配置信息，生成并显示预览页面。
71.步骤350，根据页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，页面配置文件用于生成页面；参数信息包括组件位置。
72.本发明提供的页面配置文件确定方法，通过将操作界面分成基础组件列表、页面配置区域及组件配置区域，由用户从基础组件列表选择基础组件，通过针对页面配置区域中配置组件的拖拽操作时，将配置组件拖拽至目标位置，及通过组件配置区域对组件进行配置，通过预览操作使得用户可以方便的获知页面效果，方便修改和确认，实现通过拖拽及可视化页面配置确定用于生成页面的页面配置文件，使得页面配置过程无需编写代码，能够提高页面开发速度和开发效率，降低开发成本，对用户的技术要求也不高，从而克服了现有技术对开发人员技术能力的高要求、且开发效率低和成本高的问题。
73.下面对本发明提供的页面配置文件确定装置进行描述，下文描述的页面配置文件确定装置与上文描述的页面配置文件确定方法可相互对应参照。
74.基于上述任一实施例，图4为本发明提供的页面配置文件确定装置的结构示意图，如图4所示，该装置包括：
75.显示单元401，用于检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照所述选择操作对应的基础组件的预设格式，在所述操作界面上页面配置区域中显示所述选择操作对应的基础组件；其中，所述操作界面包括所述基础组件列表、所述页面配置区域及组件配置区域；所述基础组件列表中包括至少一个基础组件；所述页面配置区域中包括至少一个配置组件；
76.配置单元402，用于检测到所述用户针对所述页面配置区域中任一个配置组件的配置操作时，在所述组件配置区域中显示所述配置操作对应的配置组件的配置界面；接收所述用户在所述配置界面中输入的配置信息，及在所述页面配置区域中所述配置操作对应的配置组件上显示所述配置信息；
77.确定单元403，用于根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，所述页面配置文件用于生成页面；所述参数信息包括组件位置。
78.本发明提供的页面配置文件确定装置，通过将操作界面分成基础组件列表、页面配置区域及组件配置区域，由用户从基础组件列表选择基础组件，通过组件配置区域对组件进行配置，及在页面配置区域显示各个配置组件的参数信息和配置信息，进而确定用于生成页面的页面配置文件，实现了可视化的页面配置过程，页面配置过程无需编写代码，提高了页面开发速度和开发效率，降低了开发成本，对用户的技术要求也不高，从而克服了现有技术对开发人员技术能力的高要求、且开发效率低和成本高的问题。
79.图5示例了一种电子设备的实体结构示意图，如图5所示，该电子设备可以包括：处理器(processor)510、通信接口(communicationsinterface)520、存储器(memory)530和通信总线540，其中，处理器510，通信接口520，存储器530通过通信总线540完成相互间的通信。处理器510可以调用存储器530中的逻辑指令，以执行页面配置文件确定方法，该方法包括：检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照所述选择操作对应的基础组件的预设格式，在所述操作界面上页面配置区域中显示所述选择操作对应的基础组件；其中，所述操作界面包括所述基础组件列表、所述页面配置区域及组件配置区域；所述基础组件列表中包括至少一个基础组件；所述页面配置区域中包括至少一个配置组件；检测到所述用户针对所述页面配置区域中任一个配置组件的配置操作时，在所述组件配置区域中显示所述配置操作对应的配置组件的配置界面；接收所述用户在所述配置界面中输入的配置信息，及在所述页面配置区域中所述配置操作对应的配置组件上显示所述配置信息；根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，所述页面配置文件用于生成页面；所述参数信息包括组件位置。
80.此外，上述的存储器530中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read
‑
onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。
81.另一方面，本发明还提供一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，计算机能够执行上述各方法所提供的页面配置文件确定方法，该方法包括：检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照所述选择操作对应的基础组件的预设格式，在所述操作界面上页面配置区域中显示所述选择操作对应的基础组件；其中，所述操作界面包括所述基础组件列表、所述页面配置区域及组件配置区域；所述基础组件列表中包括至少一个基础组件；所述页面配置区域中包括至少一个配置组件；检测到所述用户针对所述页面配置区域中任一个配置组件的配置操作时，在所述组件配置区域中显示所述配置操作对应的配置组件的配置界面；接收所述用户
在所述配置界面中输入的配置信息，及在所述页面配置区域中所述配置操作对应的配置组件上显示所述配置信息；根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，所述页面配置文件用于生成页面；所述参数信息包括组件位置。
82.又一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各提供的页面配置文件确定方法，该方法包括：检测到用户针对操作界面上基础组件列表中任一个基础组件的选择操作时，按照所述选择操作对应的基础组件的预设格式，在所述操作界面上页面配置区域中显示所述选择操作对应的基础组件；其中，所述操作界面包括所述基础组件列表、所述页面配置区域及组件配置区域；所述基础组件列表中包括至少一个基础组件；所述页面配置区域中包括至少一个配置组件；检测到所述用户针对所述页面配置区域中任一个配置组件的配置操作时，在所述组件配置区域中显示所述配置操作对应的配置组件的配置界面；接收所述用户在所述配置界面中输入的配置信息，及在所述页面配置区域中所述配置操作对应的配置组件上显示所述配置信息；根据所述页面配置区域中各个配置组件的参数信息和配置信息，确定页面配置文件；其中，所述页面配置文件用于生成页面；所述参数信息包括组件位置。
83.以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
84.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
85.最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。