CN109918607A - 页面搭建方法及装置、介质和计算设备 - Google Patents

Abstract

本发明的实施方式提供了一种页面搭建方法。该页面搭建方法包括：展示可视化操作界面，其中，可视化操作界面中包括用于实现不同页面功能的多个模块；获取模块选择操作，其中，模块选择操作用于确定搭建目标页面所需的目标模块；响应于模块选择操作，确定目标模块，并获取与目标模块对应的文件特征；以及根据目标模块对应的文件特征搭建目标页面。通过选择可视化操作界面中的模块，基于所选择的模块对应的文件特征搭建目标页面，本发明的方法使得用户可以根据自身需求，选择合适的模块进行页面可视化搭建，达到了个性化编辑页面的效果，为用户带来了更好的体验。此外，本发明的实施方式还提供了一种页面搭建装置、一种介质和一种计算设备。

Description

页面搭建方法及装置、介质和计算设备

技术领域

本发明的实施方式涉及计算机领域，更具体地，本发明的实施方式涉及一种页面搭建方法及装置、一种介质和一种计算设备。

背景技术

本部分旨在为权利要求书中陈述的本发明的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

在相关技术中，网页页面一般是以HTML文件的形式存储在后端服务器中，当用户通过客户端访问网页页面时，客户端向后端服务器请求传输网页页面对应的HTML文件，然后在客户端上展示网页页面。而HTML文件从创建到线上环境部署的过程尤其复杂，从页面功能需求到线上推广整个流程需要大量的开发资源投入。在实现本发明的过程中，发明人发现，在网页页面定制的过程中，不能做到让用户根据自己需求自行操作，而且网页代码利用率低，几乎稍微变更交互方式或调整页面内容就需要开发人员重新投入开发成本。

发明内容

因此在现有技术中，网页页面搭建过程复杂，需要大量的开发资源投入，而且页面上线效率低，这是非常令人烦恼的过程。

为此，非常需要一种改进的页面搭建方法及装置、一种介质和一种计算设备，以使简化页面搭建过程，降低开发成本，提高页面上线效率。

在本上下文中，本发明的实施方式期望提供一种页面搭建方法及装置、一种介质和一种计算设备。

在本发明实施方式的第一方面中，提供了一种页面搭建方法，包括：展示可视化操作界面，其中，上述可视化操作界面中包括用于实现不同页面功能的多个模块；获取模块选择操作，其中，上述模块选择操作用于确定搭建目标页面所需的目标模块；响应于上述模块选择操作，确定上述目标模块，并获取与上述目标模块对应的文件特征；以及根据上述目标模块对应的文件特征搭建上述目标页面。

在本发明的一个实施例中，上述文件特征至少包括数据信息配置项，根据上述目标模块对应的文件特征搭建上述目标页面包括：解析上述数据信息配置项，生成上述数据信息配置项对应的表单，其中，上述表单中包含多个表单项；获取针对上述多个表单项中的每个表单项对应的用户填写内容，其中，每个表单项对应的用户填写内容用于渲染上述目标页面；以及根据上述每个表单项对应的用户填写内容搭建上述目标页面。

在本发明的另一实施例中，根据上述每个表单项对应的用户填写内容搭建上述目标页面包括：根据上述每个表单项对应的用户填写内容动态生成页面结果；以及展示上述页面结果。

在本发明的又一个实施例中，上述表单包括基础表单和/或关系型表单，上述基础表单中预先封装有多个功能，上述关系型表单中的每个表单项具有对应的路径标记，上述路径标记用于区分上述关系型表单中对应的表单项，并且，上述路径标记还用于在将搭建目标页面所需的目标模块替换为其它模块时，使上述目标模块的表单项对应的用户填写内容回填到上述其它模块中。

在本发明的再一个实施例中，上述文件特征至少还包括页面结构、交互逻辑代码和页面类型所依赖的类型信息。

在本发明的再一个实施例中，页面搭建方法还包括：获取模块替换操作，其中，上述模块替换操作用于将搭建目标页面所需的目标模块替换为第一模块；响应于上述模块替换操作，将上述目标模块对应的用户填写内容输入上述第一模块中，并将上述目标模块替换为上述第一模块；以及根据上述第一模块对应的文件特征搭建上述目标页面。

在本发明的再一个实施例中，页面搭建方法还包括：获取模块编辑操作；以及响应于上述模块编辑操作，编辑并生成自定义模块，其中，上述自定义模块可被选择用于搭建页面。

在本发明的再一个实施例中，在根据上述目标模块对应的文件特征搭建上述目标页面之后，页面搭建方法还包括：向服务器发送上述目标页面的特征信息，以使得上述服务器基于上述目标页面的特征信息生成静态文件；以及接收上述服务器发送的上述目标页面对应的URL地址。

在本发明实施方式的第二方面中，提供了一种页面搭建装置，包括展示模块，用于展示可视化操作界面，其中，上述可视化操作界面中包括用于实现不同页面功能的多个模块；第一获取模块，用于获取模块选择操作，其中，上述模块选择操作用于确定搭建目标页面所需的目标模块；第一响应模块，用于响应于上述模块选择操作，确定上述目标模块，并获取与上述目标模块对应的文件特征；以及搭建模块，用于根据上述目标模块对应的文件特征搭建上述目标页面。

在本发明的一个实施例中，上述文件特征至少包括数据信息配置项，上述搭建模块包括：解析单元，用于解析上述数据信息配置项，生成上述数据信息配置项对应的表单，其中，上述表单中包含多个表单项；获取单元，用于获取针对上述多个表单项中的每个表单项对应的用户填写内容，其中，每个表单项对应的用户填写内容用于渲染上述目标页面；以及搭建单元，用于根据上述每个表单项对应的用户填写内容搭建上述目标页面。

在本发明的另一实施例中，上述搭建单元包括：生成子单元，用于根据上述每个表单项对应的用户填写内容动态生成页面结果；以及展示子单元，用于展示上述页面结果。

在本发明的又一个实施例中，上述表单包括基础表单和/或关系型表单，上述基础表单中预先封装有多个功能，上述关系型表单中的每个表单项具有对应的路径标记，上述路径标记用于区分上述关系型表单中对应的表单项，并且，上述路径标记还用于在将搭建目标页面所需的目标模块替换为其它模块时，使上述目标模块的表单项对应的用户填写内容回填到上述其它模块中。

在本发明的再一个实施例中，上述文件特征至少页面搭建装置还包括页面结构、交互逻辑代码和页面类型所依赖的类型信息。

在本发明的再一个实施例中，页面搭建装置还包括：第二获取模块，用于获取模块替换操作，其中，上述模块替换操作用于将搭建目标页面所需的目标模块替换为第一模块；第二响应模块，用于响应于上述模块替换操作，将上述目标模块对应的用户填写内容输入上述第一模块中，并将上述目标模块替换为上述第一模块；以及上述搭建模块还用于根据上述第一模块对应的文件特征搭建上述目标页面。

在本发明的再一个实施例中，页面搭建装置还包括：第三获取模块，用于获取模块编辑操作；以及第三响应模块，用于响应于上述模块编辑操作，编辑并生成自定义模块，其中，上述自定义模块可被选择用于搭建页面。

在本发明的再一个实施例中，页面搭建装置还包括：发送模块，用于在根据上述目标模块对应的文件特征搭建上述目标页面之后，向服务器发送上述目标页面的特征信息，以使得上述服务器基于上述目标页面的特征信息生成静态文件；以及接收模块，用于接收上述服务器发送的上述目标页面对应的URL地址。

在本发明实施方式的第三方面中，提供了一种介质，存储有计算机可执行指令，上述指令在被处理单元执行时用于实现如上所述的方法。

在本发明实施方式的第四方面中，提供了一种计算设备，包括：处理单元；以及存储单元，存储有计算机可执行指令，所述指令在被所述处理单元执行时用于实现如上所述的方法。

根据本发明实施方式的页面搭建方法及装置、介质和计算设备，通过选择可视化操作界面中的模块，基于所选择的模块对应的文件特征搭建目标页面，使得用户可以根据自身需求，选择合适的模块可视化搭建目标页面，在改变目标页面的页面功能时，只需选择对应的模块，无需投入开发人员进行现场开发。达到了个性化编辑页面的效果，简化了页面搭建过程，降低了开发成本，为用户带来了更好的体验。

附图说明

通过参考附图阅读下文的详细描述，本发明示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本发明的若干实施方式，其中：

图1示意性地示出了根据本发明实施方式的应用场景示意图；

图2示意性地示出了根据本发明实施例的页面搭建方法的流程图；

图3示意性示出了根据本发明另一实施例的页面搭建方法的流程图；

图4示意性示出了根据本发明实施例的根据目标模块对应的文件特征搭建目标页面的流程图；

图5示意性示出了根据本发明实施例的关系型表单的示意图；

图6示意性示出了根据本发明另一实施例的页面搭建方法的流程图；

图7示意性示出了根据本发明实施例的编辑并生成自定义模块的流程图；

图8示意性示出了根据本发明另一实施例的页面搭建方法的流程图；

图9示意性示出了根据本发明另一实施例的页面搭建方法的流程图；

图10示意性地示出了根据本发明实施例的页面搭建装置的框图；

图11示意性地示出了根据本发明实施方式的用于实现页面搭建方法的程序产品示意图；以及

图12示意性地示出了根据本发明实施例的用于实现页面搭建方法的计算设备的框图。

在附图中，相同或对应的标号表示相同或对应的部分。

具体实施方式

下面将参考若干示例性实施方式来描述本发明的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本发明，而并非以任何方式限制本发明的范围。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

本领域技术人员知道，本发明的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。

根据本发明的实施方式，提出了一种页面搭建方法及装置、一种介质和一种计算设备。

在本文中，需要理解的是，所涉及的术语包括如下。

模块(Module)：将交互行为、功能、页面布局对应的程序代码进行封装后得到的程序单元，是页面完整功能的一部分。本公开可以将页面分为结构与数据，将常见的交互行为、功能、页面布局颗粒化到最小单元，称之为模块(或文件碎片或代码碎片)，模块可以文件的形式通过(SVN、GIT)进行版本管理。

模块可以分为标准模块和非标准模块。其中，标准模块可以包含以下一个或多个文件特征：模块对应的交互逻辑代码(Javascript)、页面结构(HTML)、依赖数据JSON(Javascript Object Notation)、数据信息配置项(也可以叫坑位，config)。非标准模块可以供用户进行编辑，实现个性化定制页面功能。

框架模板(template)：除去页面内容以外的页面框架，包含当前业务类型、页面类型所依赖的公共JavaScript、Css(Casscading Style Sheets)等具有特定类型信息。

页面模板(pageTemplate)：已编辑完成的页面，可以作为模板进行多次复制操作，同时，还可以在模板的基础上进行再编辑发布。

可视化操作界面：指用户进行页面搭建同时负责页面发布并返回页面线上地址的平台。

此外，附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

下面参考本发明的若干代表性实施方式，详细阐释本发明的原理和精神。

发明概述

在相关技术中，网页页面一般是以HTML文件的形式存储在后端服务器中，当用户通过客户端访问网页页面时，客户端向后端服务器请求传输网页页面对应的HTML文件，然后在客户端上展示网页页面。而HTML文件从创建到线上环境部署的过程尤其复杂，从页面功能需求到线上推广整个流程需要投入大量的开发资源。本发明人发现，在网页页面定制的过程中，不能做到让用户根据自己需求自行操作，而且网页代码利用率低，几乎稍微变更交互方式或调整页面内容就需要开发人员重新投入开发成本。因此，在需要进行页面的其他布局、实现页面的其他功能的时候，则需要后端人员开发定制，导致页面上线效率低，影响了用户体验。

基于以上分析，发明人构想到通过选择可视化操作界面中的模块，基于所选择的模块对应的文件特征搭建目标页面，使得用户可以根据自身需求，选择合适的模块可视化搭建目标页面，在改变目标页面的页面功能时，只需选择对应的模块，无需投入开发人员进行现场开发。达到了个性化编辑页面的效果，简化了页面搭建过程，降低了开发成本，为用户带来了更好的体验。

在介绍了本发明的基本原理之后，下面具体介绍本发明的各种非限制性实施方式。

应用场景总览

首先参考图1详细阐述本发明实施例的用于页面搭建方法及其装置的应用场景。

图1示意性地示出了根据本发明实施方式的应用场景示意图。

如图1所示，可视化操作界面作为面向用户进行页面搭建的平台，可以接收用户选择的模块Module，获取依赖数据JSON。在用户编辑页面的过程中，用户可以任意拖动模块、修改模块在页面上的位置和结构。可视化操作界面可以根据用户每次的操作动态生成页面结果并给与展示，从而达到即时操作即时渲染预览的效果，从而减少频繁的服务器发布流程。

在用户确认最终的模块和依赖数据之后，服务层service会动态根据模块包含的信息，找到对应版本的模块文件，读取内容并按用户所提交的信息(如用户输入的页面结构和页面数据)进行页面组装，并生成对应HTML静态文件，上传到内容分发网络(ContentDelivery NetWork，CDN)上，同时内容分发网络返回页面对应的URL页面访问地址。

根据本发明的实施例，不同模块之间相互独立，可重复多次使用且模块之间互不影响。也可以通过windows/Proxy/后端接口/页面状态数据模型(State)进行模块之间的相互通讯，达到模块与模块之间交互联动的效果。

根据本发明的实施例，页面对应的HTML文件从创建到线上环境部署过程中，可以做到让用户根据自己需求，选择合适的模块进行可视化搭建并编辑页面。同时，还可以自行根据界面指引进行发布，从而获取线上环境的页面地址。从功能需求到线上推广整个流程无需投入开发资源，并且可以随时随地修改线上页面内容。

示例性方法

下面结合图1的应用场景，参考图2来描述根据本发明示例性实施方式的页面搭建方法。需要注意的是，上述应用场景仅是为了便于理解本发明的精神和原理而示出，本发明的实施方式在此方面不受任何限制。相反，本发明的实施方式可以应用于适用的任何场景。

图2示意性地示出了根据本发明实施例的页面搭建方法的流程图。

如图2所示，根据本发明实施例的页面搭建方法包括操作S210～操作S240。

在操作S210，展示可视化操作界面，其中，可视化操作界面中包括用于实现不同页面功能的多个模块。

根据本发明的实施例，多个模块可以存储在模块市场中，模块市场支持筛选模块，用户可以从模块市场中选择用于搭建页面的模块。当需要新增模块或者切换模块时，可以展示模块市场，从而为页面添加新的模块或者完成模块的切换。

根据本发明的实施例，不同模块之间相互独立，可重复多次使用且模块之间互不影响。也可以通过windows/Proxy/后端接口/页面状态数据模型(State)进行模块之间的相互通讯，达到模块与模块之间交互联动的效果。

在操作S220，获取模块选择操作，其中，模块选择操作用于确定搭建目标页面所需的目标模块。

根据本发明的实施例，模块选择操作可以是点击操作，滑动操作等等。

根据本发明的实施例，可以将所有的页面分割为框架+内容(即结构+数据)。其中，可以根据业务产品、落地页类型(如移动端或PC端)的不同，分成不同的业务框架模板。用户在选择目标模块之前，可以先选择所要创建的页面类型、以及业务类型后，再在可视化操作界面上选择目标模块，最后进行页面内容编辑(结构+数据)。如此，可以过滤掉某些类型无用的代码，减少页面体积，提高页面性能。

图3示意性示出了根据本发明另一实施例的页面搭建方法的流程图。

如图3所示，在进入可视化操作界面之后，可以先确定页面类型，然后选择模块搭建页面，在得到搭建好的页面之后，可以通过服务层发布到内容分发网络，并向可视化操作界面发送页面的URL地址。

在操作S230，响应于模块选择操作，确定目标模块，并获取与目标模块对应的文件特征。

根据本发明的实施例，文件特征可以包括数据信息配置项，除此之外，文件特征还可以包括页面结构、交互逻辑代码和页面类型所依赖的类型信息中的一种或多种。

在操作S240，根据目标模块对应的文件特征搭建目标页面。

通过选择可视化操作界面中的模块，基于所选择的模块对应的文件特征搭建目标页面，使得用户可以根据自身需求，选择合适的模块可视化搭建目标页面，在改变目标页面的页面功能时，只需选择对应的模块，无需投入开发人员进行现场开发。达到了个性化编辑页面的效果，简化了页面搭建过程，降低了开发成本，减少了开发的重复工作量，合理且有效的提高开发效率，提高了代码复用率，为用户带来了更好的体验。由于所有页面功能逻辑是已经封装完善的模块，用户搭建的所有页面无需任何测试便可线上使用。

下面参考图4～图8，结合具体实施例对图2所示的方法做进一步说明。

图4示意性示出了根据本发明实施例的根据目标模块对应的文件特征搭建目标页面的流程图。

如图4所示，根据目标模块对应的文件特征搭建目标页面包括操作S241～S243。

在操作S241，解析数据信息配置项，生成数据信息配置项对应的表单，其中，表单中包含多个表单项。

根据本发明的实施例，用户在可视化操作界面选择目标模块后，可以在当前界面展示该目标模块所需要填写的表单Form，表单内容为解析该目标模块所依赖的数据信息配置项(即挖好的坑位)后得到的内容。

根据本发明的实施例，表单可以包括基础表单和/或关系型表单，基础表单中预先封装有多个功能，关系型表单中的每个表单项具有对应的路径标记，路径标记用于区分关系型表单中对应的表单项，并且，路径标记还用于在将搭建目标页面所需的目标模块替换为其它模块时，使目标模块的表单项对应的用户填写内容回填到其它模块中。

根据本发明的实施例，基础表单中预先封装的功能包括但不限于Input、Select、Textara、fileUpload、checkbox等功能。根据本发明的实施例，所有表单内容可以统一字段，可以根据模块的数据信息配置项的内容调用对应功能。在这种情况下，使得在模块开发过程中，可以对某个需要用户填写的内容设定合适场景操作的表单项，并展示对应的交互提示、错误验证、表单名称、默认值等功能。

根据本发明的实施例，为了满足某些特定的场景，如banner(网站页面的横幅广告)的添加，可以再封装出Array(数组阵列)表单类型，拥有组的概念。模块开发可以自定义某几项表单类型为一组，同样也可以对Array类型设定Rule字段(规则字段)，通过设计Rule字段自定义规则，如数组最大最小长度。用户可以根据自身需求，对表单进行填写和增减操作。在用户确认编辑后，可以将数据格式化为模块需要的JSON(Javascript ObjectNotation)。

根据本发明的实施例，关系型表单是指表单内容之间是相互关联的表单。例如，一个模块的内容展示，取决于其特有业务场景(root根节点)，不同的业务场景又对应不同的表单内容(第一层级)，当前选择表单再包含所属表单项(第二层级)。

图5示意性示出了根据本发明实施例的关系型表单的示意图。

如图5所示，表单A～表单D之间关联(第一层级)，表单A再包含多个表单项(第二层级)，如表单项A-A，表单项A-B等。

根据本发明的实施例，如果表单项中包含Array类型，其复杂度可以理解为一颗树形图，可以对每一个路径进行id标记，即得到路径标记，可以从根节点到最终子叶的每一个路径对应一个操作的表单项。通过路径标记可以区分关系型表单中对应的表单项。假如该表单项再次被包含于另一层关系型数据表单项中，通过路径标记依然可以获取到用户的复杂操作内容。在此基础上，模块的开发可以根据数据信息配置项组合出所有场景所能用到的表单交互。通过路径标记还可以在将搭建目标页面所需的目标模块替换为其它模块时，使目标模块的表单项对应的用户填写内容回填到其它模块中。如此，可以使得新的模块会继承旧的模块的数据内容，于是用户可以随便的替换页面模块，而不用重复编辑数据内容。

在操作S242，获取针对多个表单项中的每个表单项对应的用户填写内容，其中，每个表单项对应的用户填写内容用于渲染目标页面。

根据本发明的实施例，数据信息配置项具有完整的数据格式，通过展示可视化操作界面的平台解析数据信息配置项，可以渲染出模块对应的Form表单项及表单联动功能，简单功能如Select、富文本功能，复杂功能如多层级表单联动、多维数组操作等。可以方便引导用户填写内容，提高了模块信息获取的效率。

在操作S243，根据每个表单项对应的用户填写内容搭建目标页面。

根据本发明的实施例，根据每个表单项对应的用户填写内容搭建目标页面包括：根据每个表单项对应的用户填写内容动态生成页面结果，然后展示页面结果。

根据本发明的实施例，根据每个表单项对应的用户填写内容动态生成页面结果，使得可以在用户编辑页面的同时，实时根据用户操作信息动态预览页面。在用户确定填写内容之后，最终呈现的页面结果即为目标页面，同时，本发明可以实现点击预览页面时反向定位到对应的模块。

根据本发明的实施例，渲染后的目标页面内容根据用户所填写信息的不同而不同，可以达到页面交互多样化的目的。所有功能无需考虑表单交互问题，一套数据信息配置项便可自动生成任何表单，统一用户交互，无任何学习成本。

图6示意性示出了根据本发明另一实施例的页面搭建方法的流程图。在该实施例中，除了包括上文参考图2描述的操作S210～S240之外，还包括操作S250～S270。为了描述的简洁起见，这里省略对操作S210～S240的描述。

如图6所示，页面搭建方法还包括操作S250～S270。

在操作S250，获取模块替换操作，其中，模块替换操作用于将搭建目标页面所需的目标模块替换为第一模块。

在操作S260，响应于模块替换操作，将目标模块对应的用户填写内容输入第一模块中，并将目标模块替换为第一模块。

在操作S270，根据第一模块对应的文件特征搭建目标页面。

根据本发明的实施例，不同模块对应不同的数据信息配置项，根据不同的模块的配置项收集到的用户输入信息不同，生成的数据也不同，因此，模块与模块之间的差异可在数据信息配置项中体现。即使在用户已填好数据的情况下，通过JSON树的对比，可将目标模块的内容(数据)带入要替换的第一模块(或指定版本的模块)内。从而做到模块版本升级、逻辑变更。在信息依赖的数据信息配置项变更的情况下，将目标模块对应的用户填写内容输入至第一模块中，可以做到功能变更，但内容沿用，即数据不会损失。而对于服务层，逻辑没有任何变化，依然会按照固有流程将拼装好的结构和对应信息生成对应的页面。

根据本发明的实施例，在可视化操作界面上，还可以获取模块编辑操作，响应于模块编辑操作，编辑并生成自定义模块，其中，自定义模块可被选择用于搭建页面。

图7示意性示出了根据本发明实施例的编辑并生成自定义模块的流程图。

根据本发明的实施例，自定义模块可以视为非标准模块。如图7所示，用户可以通过上传图片，对图片进行编辑、裁剪、画热区、选择组件功能，从而动态生成对应功能代码，封装成模块。根据本发明的实施例，在选择组件时，可以先根据当前业务确定组件功能列表，再从列表中获取所需功能。在用户确认后，可以利用Canvas(Html5标签，用于回执图像)将图片按照一定高度进行剪切并压缩上传至内容分发网络(Content Delivery NetWork，CDN)，从而获得图片地址，以及优化处理后的页面代码片段，并针对此页面代码片段生成唯一的模块标识。如果用户需要将其插入到页面内使用，只需根据模块标识选择该模块即可。

根据本发明的实施例，用户可以随时随地自行创造出满足其需求的页面，把控页面内容及线上运行状态，随时修改，可以随时线上更新。

根据本发明的实施例，用户可以编辑的信息还包括关键词、页面描述、分享信息等隐形信息内容。

图8示意性示出了根据本发明另一实施例的页面搭建方法的流程图。

在根据目标模块对应的文件特征搭建目标页面之后，如图8所示，页面搭建方法还包括操作S280～S290。

在操作S280，向服务器发送目标页面的特征信息，以使得服务器基于目标页面的特征信息生成静态文件。

在操作S290，接收服务器发送的目标页面对应的URL地址。

根据本发明的实施例，目标页面的特征信息可以包括页面结构，模块的文件特征等等。服务器可以基于目标页面的特征信息生成静态文件。

根据本发明的实施例。可以将内容分发网络(Content Delivery NetWork，CDN)部署在服务器端，以向可视化操作界面对应的平台返回页面对应的URL页面访问地址。

根据本发明的实施例，在服务器生成静态文件之后，可以将静态文件存储到预定位置，生成URL地址，并将目标页面对应的URL地址发送到可视化操作界面对应的平台。在这种情况下，用户下次请求展示目标页面时，可以基于URL地址获取页面内容。

图9示意性示出了根据本发明另一实施例的页面搭建方法的流程图。

如图9所示，在可视化操作界面上可以选择模块A，然后从云端获取模块A的文件特征，其中，云端存储了不同模块的文件特征。之后，云端返回模块A的文件特征，可视化操作界面可以接收用于编辑页面内容或者编辑模块的操作，生成编辑后的模块A。在用户编辑完页面并确认之后，可以向服务器发送发布请求，编辑完的页面结构和内容可以如图9所示的待发布页面。在自动化部署和代码逻辑去重后，在服务器中可以存储目标页面的静态文件，静态文件如图9所示的index.html。

示例性装置

在介绍了本发明示例性实施方式的方法之后，接下来，参考图10对本发明示例性实施方式的页面搭建装置进行描述。

图10示意性地示出了根据本发明实施例的页面搭建装置的框图。

如图10所示，页面搭建装置300包括展示模块310、第一获取模块320、第一响应模块330和搭建模块340。

展示模块310用于展示可视化操作界面，其中，可视化操作界面中包括用于实现不同页面功能的多个模块。

第一获取模块320用于获取模块选择操作，其中，模块选择操作用于确定搭建目标页面所需的目标模块。

第一响应模块330用于响应于模块选择操作，确定目标模块，并获取与目标模块对应的文件特征。

搭建模块340用于根据目标模块对应的文件特征搭建目标页面。

通过选择可视化操作界面中的模块，基于所选择的模块对应的文件特征搭建目标页面，使得用户可以根据自身需求，选择合适的模块可视化搭建目标页面，在改变目标页面的页面功能时，只需选择对应的模块，无需投入开发人员进行现场开发，达到了个性化编辑页面的效果，简化了页面搭建过程，降低了开发成本，减少了开发的重复工作量，合理且有效的提高开发效率，提高代码复用率，为用户带来了更好的体验。由于所有页面功能逻辑是已经封装完善的模块，用户搭建的所有页面无需任何测试便线上使用。

根据本发明的实施例，文件特征至少包括数据信息配置项，搭建模块340包括解析单元，用于解析数据信息配置项，生成数据信息配置项对应的表单，其中，表单中包含多个表单项；获取单元，用于获取针对多个表单项中的每个表单项对应的用户填写内容，其中，每个表单项对应的用户填写内容用于渲染目标页面；以及搭建单元，用于根据每个表单项对应的用户填写内容搭建目标页面。

根据本发明的实施例，搭建单元包括生成子单元，用于根据每个表单项对应的用户填写内容动态生成页面结果；以及展示子单元，用于展示页面结果。

根据本发明的实施例，表单包括基础表单和/或关系型表单，基础表单中预先封装有多个功能，关系型表单中的每个表单项具有对应的路径标记，路径标记用于区分关系型表单中对应的表单项，并且，路径标记还用于在将搭建目标页面所需的目标模块替换为其它模块时，使目标模块的表单项对应的用户填写内容回填到其它模块中。

根据本发明的实施例，文件特征至少还包括页面结构、交互逻辑代码和页面类型所依赖的类型信息。

根据本发明的实施例，页面搭建装置300还包括第二获取模块，用于获取模块替换操作，其中，模块替换操作用于将搭建目标页面所需的目标模块替换为第一模块；第二响应模块，用于响应于模块替换操作，将目标模块对应的用户填写内容输入第一模块中，并将目标模块替换为第一模块；以及搭建模块340还用于根据第一模块对应的文件特征搭建目标页面。

根据本发明的实施例，页面搭建装置300还包括第三获取模块，用于获取模块编辑操作；以及第三响应模块，用于响应于模块编辑操作，编辑并生成自定义模块，其中，自定义模块可被选择用于搭建页面。

根据本发明的实施例，页面搭建装置300还包括发送模块，用于在根据目标模块对应的文件特征搭建目标页面之后，向服务器发送目标页面的特征信息，以使得服务器基于目标页面的特征信息生成静态文件；以及接收模块，用于接收服务器发送的目标页面对应的URL地址。

示例性介质

在介绍了本发明示例性实施方式的装置之后，接下来，参考图11对本发明示例性实施方式的、用于存储有计算机可执行指令，该指令在被处理单元执行时用于实现图2至图9中的页面搭建方法的介质进行描述。

在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在计算设备上运行时，所述程序代码用于使所述计算设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的页面搭建方法中的步骤，例如，所述计算设备可以执行如图2中所示的操作S210，展示可视化操作界面，其中，可视化操作界面中包括用于实现不同页面功能的多个模块；操作S220，获取模块选择操作，其中，模块选择操作用于确定搭建目标页面所需的目标模块；操作S230，响应于模块选择操作，确定目标模块，并获取与目标模块对应的文件特征；操作S240，根据目标模块对应的文件特征搭建目标页面。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

图11示意性地示出了根据本发明实施方式的用于实现页面搭建方法的程序产品示意图。

如图11所示，描述了根据本发明的实施方式的用于实现页面搭建方法的程序产品40，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在计算设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于——无线、有线、光缆，RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言——诸如Java，C++等，还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

示例性计算设备

在介绍了本发明示例性实施方式的方法、介质和装置之后，接下来，参考图12对本发明示例性实施方式的计算设备进行描述，该计算设备包括处理单元和存储单元，存储单元存储有计算机可执行指令，上述指令在被上述处理单元执行时用于实现图2至图9中的页面搭建方法进行描述。

本发明实施例还提供了一种计算设备。所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

在一些可能的实施方式中，根据本发明的计算设备可以至少包括至少一个处理单元、以及至少一个存储单元。其中，所述存储单元存储有程序代码，当所述程序代码被所述处理单元执行时，使得所述处理单元执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的页面搭建方法中的操作。例如，所述处理单元可以执行如图2中所示的操作S210，展示可视化操作界面，其中，可视化操作界面中包括用于实现不同页面功能的多个模块；操作S220，获取模块选择操作，其中，模块选择操作用于确定搭建目标页面所需的目标模块；操作S230，响应于模块选择操作，确定目标模块，并获取与目标模块对应的文件特征；操作S240，根据目标模块对应的文件特征搭建目标页面。

图12示意性地示出了根据本发明实施例的用于实现页面搭建方法的计算设备的框图。

下面参照图12来描述根据本发明的这种实施方式的用于实现页面搭建方法的计算设备50。如图12所示的计算设备50仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图12所示，计算设备50以通用计算设备的形式表现。计算设备50的组件可以包括但不限于：上述至少一个处理单元501、上述至少一个存储单元502、连接不同系统组件(包括存储单元502和处理单元501)的总线503。

总线503表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器、外围总线、图形加速端口、处理器或者使用多种总线结构中的任意总线结构的局域总线。

存储单元502可以包括易失性存储器形式的可读介质，例如随机存取存储器(RAM)5021和/或高速缓存存储器5022，还可以进一步包括只读存储器(ROM)5023。

存储单元502还可以包括具有一组(至少一个)程序模块5024的程序/实用工具5025，这样的程序模块5024包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

计算设备50也可以与一个或多个外部设备504(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与计算设备50交互的设备通信，和/或与使得计算设备50能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口505进行。并且，计算设备50还可以通过网络适配器506与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器506通过总线503与计算设备50的其它模块通信。应当明白，尽管图中未示出，可以结合计算设备50使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

应当注意，尽管在上文详细描述中提及了装置的若干单元/模块或子单元/模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。

此外，尽管在附图中以特定顺序描述了本发明方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

虽然已经参考若干具体实施方式描述了本发明的精神和原理，但是应该理解，本发明并不限于所公开的具体实施方式，对各方面的划分也不意味着这些方面中的特征不能组合以进行受益，这种划分仅是为了表述的方便。本发明旨在涵盖所附权利要求的精神和范围内所包括的各种修改和等同布置。

Claims (10)

1.一种页面搭建方法，包括：

展示可视化操作界面，其中，所述可视化操作界面中包括用于实现不同页面功能的多个模块；

获取模块选择操作，其中，所述模块选择操作用于确定搭建目标页面所需的目标模块；

响应于所述模块选择操作，确定所述目标模块，并获取与所述目标模块对应的文件特征；以及

根据所述目标模块对应的文件特征搭建所述目标页面。

2.根据权利要求1所述的方法，其中，所述文件特征至少包括数据信息配置项，根据所述目标模块对应的文件特征搭建所述目标页面包括：

解析所述数据信息配置项，生成所述数据信息配置项对应的表单，其中，所述表单中包含多个表单项；

获取针对所述多个表单项中的每个表单项对应的用户填写内容，其中，每个表单项对应的用户填写内容用于渲染所述目标页面；以及

根据所述每个表单项对应的用户填写内容搭建所述目标页面。

3.根据权利要求2所述的方法，根据所述每个表单项对应的用户填写内容搭建所述目标页面包括：

根据所述每个表单项对应的用户填写内容动态生成页面结果；以及

展示所述页面结果。

4.根据权利要求2所述的方法，其中，所述表单包括基础表单和/或关系型表单，所述基础表单中预先封装有多个功能，所述关系型表单中的每个表单项具有对应的路径标记，所述路径标记用于区分所述关系型表单中对应的表单项，并且，所述路径标记还用于在将搭建目标页面所需的目标模块替换为其它模块时，使所述目标模块的表单项对应的用户填写内容回填到所述其它模块中。

5.根据权利要求2所述的方法，其中，所述文件特征至少还包括页面结构、交互逻辑代码和页面类型所依赖的类型信息。

6.根据权利要求2所述的方法，还包括：

获取模块替换操作，其中，所述模块替换操作用于将搭建目标页面所需的目标模块替换为第一模块；

响应于所述模块替换操作，将所述目标模块对应的用户填写内容输入所述第一模块中，并将所述目标模块替换为所述第一模块；以及

根据所述第一模块对应的文件特征搭建所述目标页面。

7.根据权利要求1所述的方法，还包括：

获取模块编辑操作；以及

响应于所述模块编辑操作，编辑并生成自定义模块，其中，所述自定义模块可被选择用于搭建页面。

8.一种页面搭建装置，包括：

展示模块，用于展示可视化操作界面，其中，所述可视化操作界面中包括用于实现不同页面功能的多个模块；

第一获取模块，用于获取模块选择操作，其中，所述模块选择操作用于确定搭建目标页面所需的目标模块；

第一响应模块，用于响应于所述模块选择操作，确定所述目标模块，并获取与所述目标模块对应的文件特征；以及

搭建模块，用于根据所述目标模块对应的文件特征搭建所述目标页面。

9.一种介质，存储有计算机可执行指令，所述指令在被处理单元执行时用于实现权利要求1至7中任一项所述的方法。

10.一种计算设备，包括：

处理单元；以及

存储单元，存储有计算机可执行指令，所述指令在被所述处理单元执行时用于实现权利要求1至7中任一项所述的方法。