CN112506854B - 页面模板文件的存储和页面生成方法、装置、设备及介质 - Google Patents

Abstract

本申请公开了一种页面模板文件的存储和页面生成方法、装置、设备及介质，涉及智能小程序技术领域。具体实现方案为：在监听到对当前小程序项目的配置文件的保存触发操作时，确定所述配置文件的变化内容数据；根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径；从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下。本申请实施例实现了根据小程序项目配置文件的变化内容数据，自动生成小程序的页面模板文件，提升了效率，降低了工作量，且出错概率较低。

Description

页面模板文件的存储和页面生成方法、装置、设备及介质

技术领域

本申请实施例涉及计算机技术，尤其涉及智能小程序技术领域，特别涉及一种页面模板文件的存储和页面生成方法、装置、设备及介质。

背景技术

功能较复杂的小程序通常由多个页面组成。每个小程序项目的页面是基于共同的页面模板文件得到的。页面模板文件定义了小程序页面的基础结构。

在小程序开发阶段，首先需要由开发者针对不同的小程序项目分别进行页面模板的开发即页面模板文件的编写，然后通过手动操作将编写的页面模板文件添加到对应的小程序项目中，从而在该小程序项目被编译完成后，开发者能通过对页面模板进行编辑修改得到期望展现的页面。

上述方案整体通过手工操作完成，工作量较大，效率低下，而且出错概率高。

发明内容

本申请实施例提供了一种页面模板文件的存储和页面生成方法、装置、设备及介质，以实现高效且低出错率地创建小程序的页面模板文件。

根据第一方面，提供了一种页面模板文件的存储方法，应用于客户端，所述方法包括：

在监听到对当前小程序项目的配置文件的保存触发操作时，确定所述配置文件的变化内容数据；

根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径；

从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下。

根据第二方面，提供了一种页面生成方法，应用于客户端，所述方法包括：

读取保存在存储路径下的页面模板文件；

基于所述页面模板文件生成小程序页面；

其中，所述存储路径是在监听到对当前小程序项目的配置文件的保存触发操作时，根据所述配置文件的变化内容数据确定的，所述页面模板文件是在从所述客户端的本地安装路径下读取到后保存至所述存储路径下的。

根据第三方面，提供了一种页面模板文件的存储装置，配置于客户端中，所述装置包括：

变化内容数据确定模块，用于在监听到对当前小程序项目的配置文件的保存触发操作时，确定所述配置文件的变化内容数据；

存储路径确定模块，用于根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径；

页面模板文件保存模块，用于从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下。

根据第四方面，本申请实施例还公开了一种页面生成装置，配置于客户端中，所述装置包括：

页面模板文件读取模块，用于读取保存在存储路径下的页面模板文件；

小程序页面生成模块，用于基于所述页面模板文件生成小程序页面；

其中，所述存储路径是在监听到对当前小程序项目的配置文件的保存触发操作时，根据所述配置文件的变化内容数据确定的，所述页面模板文件是在从所述客户端的本地安装路径下读取到后保存至所述存储路径下的。

根据第五方面，本申请实施例还公开了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如本申请实施例任一所述的页面模板文件的存储方法，或者执行如本申请实施例任一所述的页面生成方法。

根据第六方面，本申请实施例还公开了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行如本申请实施例任一所述的页面模板文件的存储方法，或者执行如本申请实施例任一所述的页面生成方法。

根据本申请的技术实现了根据小程序项目配置文件的变化内容数据，自动生成小程序的页面模板文件，提升了效率，降低了工作量，且出错概率较低。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1是根据本申请实施例公开的一种页面模板文件的存储方法的流程图；

图2A是根据本申请实施例公开的一种页面模板文件的存储方法的流程图；

图2B是根据本申请实施例公开的一种页面模板文件自动存储的示意图；

图3是根据本申请实施例公开的一种页面生成方法的流程图；

图4是根据本申请实施例公开的一种页面模板文件的存储装置的结构示意图；

图5是根据本申请实施例公开的一种页面生成装置的结构示意图；

图6是根据本申请实施例的公开的一种电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本申请实施例公开的一种页面模板文件的存储方法的流程图，本实施例可以适用于自动生成小程序项目的页面模板文件的情况。本实施例方法可以由页面模板文件的存储装置来执行，所述装置配置于客户端中，可采用软件和/或硬件实现，并可集成在任意的具有计算能力的电子设备上。

如图1所示，本实施例公开的页面模板文件的存储方法可以包括：

S101、在监听到对当前小程序项目的配置文件的保存触发操作时，确定所述配置文件的变化内容数据。

其中，小程序是一种在终端设备中无需下载安装即可使用的应用，用户通过包括但不限于调用终端设备的摄像头扫一扫标识码，如二维码或条形码等，或者在搜索引擎进行搜索即可打开小程序。小程序随时可用，但又无需安装卸载，具有很好的便利性。对于小程序项目开发者，会在小程序项目存储文件的根目录中维护一个配置文件，开发者可通过对配置文件中记载内容数据进行添加、删除或修改等操作，以实现对小程序项目的配置信息进行调整的效果，如调整小程序项目的窗口表现信息(例如状态栏、页面名称、导航栏和窗口背景颜色等)、存储路径信息、网络通信超时时间和被检索关键词等。

在一种实施方案中，预先在用于小程序开发的设备中安装小程序开发工具，开发者可调用小程序开发工具中的编辑器，对小程序项目的配置文件中的内容数据进行调整，调整完毕后开发人员通过实施保存操作，如点击小程序开发工具显示界面上的“保存”按钮，以完成对配置文件中内容数据的调整。小程序开发工具的编辑器是基于vscode实现的，vscode提供了事件监听器，可监听包括但不限于配置内容数据调整操作，或者保存操作等事件。当事件监听器监听到保存触发操作时，则立即记录此时配置文件的内容数据，而当保存操作完成后，事件监听器再一次记录配置文件的内容数据。由于内容数据的保存需要一定的时间，因此第一次记录的内容数据为未调整前的内容数据，而第二次记录的内容数据为已完成调整的内容数据，最终根据两次配置文件的内容数据，确定配置文件的变化内容数据。

可选的，S101包括A、B和C三个步骤：

A、在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据。

在一种实施方式中，事件监听器监听到对文件保存触发操作时，将该文件的文件路径与配置文件预设路径进行比对校验，若相同，则确定该文件是当前小程序项目的配置文件，进而调用内容读取接口读取配置文件中当前包含的第一内容数据。

B、在所述读取操作完成时，对所述配置文件执行保存操作。

在一种实施方式中，当检测到对第一内容数据读取完成时，调用事件监听器的保存功能，对配置文件当前内容进行保存。

C、在所述保存操作完成时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据。

在一种实施方式中，当检测到对配置文件保存完成时，调用内容读取接口读取配置文件中当前包含的第二内容数据。并调用差值计算接口，获取第二内容数据与第一内容数据之间的变化内容数据。

通过监听到对文件的保存触发操作时，确定文件是否是当前小程序项目的配置文件，若是，则读取配置文件中当前包含的第一内容数据，在读取操作完成时，对配置文件执行保存操作，在保存操作完成时，读取配置文件中当前包含的第二内容数据，并根据第二内容数据和第一内容数据确定配置文件的变化内容数据，实现了确定配置文件的变化内容数据的效果，为后续根据变化内容数据确定页面模板文件在当前小程序项目下的存储路径，奠定了基础。

可选的，确定配置文件的变化内容数据，还可以通过如下方式实现：

当用户通过编辑器对配置文件中的内容数据进行调整时，事件编辑器则立即监听用户的配置内容数据调整操作，并记录用户调整的内容数据。当事件监听器监听到保存触发操作时，则可以直接将记录的用户调整的内容数据作为配置文件的变化内容数据。

通过在监听到对当前小程序项目的配置文件的保存触发操作时，确定配置文件的变化内容数据，实现了记录开发人员对于配置文件的内容数据的调整内容的效果，为后续根据变化内容数据确定页面模板文件在当前小程序项目下的存储路径，奠定了基础。

S102、根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径。

其中，页面模板文件是小程序页面的最基础源码，是一个小程序页面的基础结构，基于页面模板文件进行编译运行后即可生成小程序页面。任一小程序项目的页面模板文件，位于该小程序项目所属文件夹下的预设存储路径中，该存储路径可以由开发人员通过调整该小程序项目配置文件中的内容数据来设置。并且，在配置文件中针对页面模板文件的存储路径的内容数据位于固定属性项中，开发人员可直接在该固定属性项中对页面模板文件的存储路径的内容数据进行调整。

在一种实施方式中，小程序开发工具的客户端对获取的变化内容数据进行解析，确定属于页面模板文件存储路径所属的固定属性项的变化内容数据，并将这些变化内容数据作为页面模板文件在当前小程序项目下的存储路径。

通过根据变化内容数据确定页面模板文件在当前小程序项目下的存储路径，实现了确定页面模板文件存储路径的效果，为后续为对应小程序项目生成页面模板文件奠定了基础。

S103、从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下。

其中，客户端即小程序开发工具的客户端。在小程序开发工具客户端的安装包中，预先添加有页面模板文件，在完成小程序开发工具客户端的安装后，该页面模板文件会按照固定的本地安装路径，写入到对应的磁盘区域中。

在一种实施方式中，根据客户端固定的本地安装路径，从对应磁盘区域中读取预先写入的页面模板文件，并将该页面模板文件拷贝至页面模板文件在当前小程序项目下的存储路径下。

可选的，页面模板文件包括js文件、swan文件、css文件以及json文件；

其中，js文件、swan文件、css文件以及json文件为定义页面结构的文件；js文件文件用于存储脚本内容，包括但不限于变量声明、方法定义、以及方法执行逻辑等；所述swan文件用于存储小程序页面的展示模板，例如html格式的展示模板；所述css文件用于存储小程序页面的样式文件，其定义了小程序页面中元素的显示方式，例如字体、字号、颜色和位置等；所述json文件用于存储小程序页面的窗口呈现信息，例如窗口可调节尺寸、滚动条、状态栏、工具栏和标题栏等。

通过将页面模板文件设置包括js文件、swan文件、css文件以及json文件，使得页面模板文件能够完整的定义小程序页面结构，保证了根据页面模板文件能够有效地生成小程序页面。

根据本实施例的技术方案，通过在监听到对当前小程序项目的配置文件的保存触发操作时，确定配置文件的变化内容数据，并根据变化内容数据确定页面模板文件在当前小程序项目下的存储路径，最终从客户端的本地安装路径下读取页面模板文件，并将读取的页面模板文件保存至存储路径下，实现了根据小程序项目配置文件的变化内容数据，自动生成小程序的页面模板文件即自动在小程序项目中创建页面模板文件的效果，提升了创建效率，降低了工作量，由于无需人工进行代码编写，因此出错概率也较低。

在上述实施例的基础上，S103之后，所述方法还包括：

根据所述变化内容数据确定小程序页面名称，根据所述小程序页面名称对所述保存的所述页面模板文件进行重命名。

在一种实施方式中，对变化内容数据进行解析，根据小程序页面名称所属的字段，确定小程序页面名称，并将页面模板文件的名称修改为小程序页面名称。

通过根据变化内容数据确定小程序页面名称，根据小程序页面名称对保存的所述页面模板文件进行重命名，实现了自动为页面模板文件重命名的效果，大大提高了效率。

图2A是根据本申请实施例公开的一种页面模板文件的存储方法的流程图，基于上述技术方案进一步优化与扩展，并可以与上述各个可选实施方式进行结合。

如图2A所示，该方法可以包括：

S201、在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息。

其中，所述文件可以是设备中任一具有可修改性的文件，第一进程与第二进程之间按照预设方式建立了进程间通信，预设方式包括但不限于管道方式、消息队列方式、信号量方式和共享存储方式等。

在一种实施方式中，小程序开发工具客户端的第一进程，实时对开发人员针对设备中文件的保存触发操作进行监听，若监听到对文件的保存触发操作时，第一进程则生成保存触发通知消息，并将该保存触发通知消息发送给小程序开发工具客户端的第二进程。

可选的，S201包括：

在第一进程中的第一事件监听器监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息，并调用文件保存阻塞器，以在接收到第二进程发送的读取完成通知消息时触发第一进程中的第二事件监听器对配置文件执行保存操作。

在一种实施方式中，第一进程通过第一事件监听器，例如事件监听器onWillSaveTextDocument，进行保存触发操作的监听，若第一事件监听器监听到开发人员对文件的保存触发操作时，生成保存触发通知消息并发送给第二进程。由于文件读取与文件保存存在异步性，即第二进程读取文件中的内容数据时，第一进程针对文件的保存操作可能已完成，就会导致第二进程读取到的文件内容数据不符合预期，因此在向第二进程发送保存触发通知消息同时，第一进程调用执行文件保存阻塞器，例如调用执行waitUntil接口，此时则暂停第一进程对配置文件进行保存的操作，直到第一进程接收到由第二进程发送的读取完成通知消息时，才触发第一进程中的第二事件监听器对配置文件执行保存操作。

通过调用文件保存阻塞器，以在接收到第二进程发送的读取完成通知消息时触发第一进程中的第二事件监听器对配置文件执行保存操作，避免了由于文件读取与文件保存的异步性，导致第二进程读取到的文件内容数据不符合预期的问题，保证了页面模板文件存储路径地正确读取。

S202、在所述第二进程接收到所述保存触发通知消息时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，并向所述第一进程发送读取完成通知消息。

在一种实施方式中，小程序开发工具客户端的第二进程接收到由第一进程发送的保存触发通知消息时，对第一进程监听到的文件的文件路径进行校验，确定是否为当前小程序项目的配置文件所属的文件路径，若是则确定该文件是当前小程序项目的配置文件，并调用预设接口来读取配置文件中当前包含的第一内容数据，预设接口包括但不限于readFile接口或者是getFileContent接口等，同时生成读取完成通知消息并发送给第一进程。

可选的，S202中“确定所述文件是否是当前小程序项目的配置文件”，包括：

获取所述文件对应的文件路径；判断所述文件路径是否位于预先针对所述当前小程序项目配置的指定项目根目录下；若是，则确定所述文件是当前小程序项目的配置文件，否则，确定所述文件不是当前小程序项目的配置文件。

在一种实施方式中，第二进程从保存触发通知消息的参数中，获取文件对应的文件路径，并从本地安装路径中访问根目录配置文件，以在根目录配置文件记载的所有小程序项目的指定项目根目录中，根据当前小程序项目的标识信息进行搜索匹配，确定当前小程序项目的指定项目根目录。进而将该文件路径与当前小程序项目的指定项目根目录的文件路径进行匹配，若该文件路径位于指定项目根目录下时，则确定文件是当前小程序项目的配置文件，若该文件路径不位于指定项目根目录下时，则确定文件不是当前小程序项目的配置文件。

通过获取文件对应的文件路径，并判断文件路径是否位于预先针对当前小程序项目配置的指定项目根目录下，实现了确定第一进程监听到的保存触发的文件，是否是当前小程序项目的配置文件的效果，为后续第二进程读取配置文件的内容数据奠定了基础。

可选的，获取所述文件的对应的文件路径，包括：

从用于监听保存触发操作的第一事件监听器的输入参数中，读取文件的文件路径。

在一种实施方式中，第一进程的第一事件监听器在监听到保存触发操作时，从客户端编辑器暴露的接口获取文件信息，作为第一事件监听器的输入参数。第二进程获取第一事件监听器的输入参数，并对输入参数进行解析，读取文件信息中包括的文件路径。

通过从用于监听保存触发操作的第一事件监听器的输入参数中，读取文件的文件路径，实现了获取文件的文件路径的效果，为后续确定该文件路径是否位于指定项目根目录下，奠定了基础。

可选的，S202中“确定所述文件是否是当前小程序项目的配置文件”，还包括：通过调用isAppJsonFile接口来确定文件是否是当前小程序项目的配置文件。

S203、在所述第一进程接收到所述读取完成通知消息时，对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息。

在一种实施方式中，第一进程接收到由第二进程发送的读取完成通知消息时，调用第二事件监听器，例如onDidSaveTextDocument事件监听器，对配置文件执行保存操作，并生成保存完成通知消息发送给第二进程。

可选的，S203包括：

在所述第一进程接收到所述读取完成通知消息时，通过所述文件保存阻塞器触发第一进程中的第二事件监听器对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息。

在一种实施方式中，第一进程接收到读取完成通知消息时，文件保存阻塞器响应该读取完成通知消息，解除暂停文件保存的功能，并触发第一进程中的第二事件监听器对配置文件执行保存操作，将保存后的配置文件写入到磁盘中，进而生成保存完成通知消息并发送给第二进程。

通过在第一进程接收到读取完成通知消息时，通过文件保存阻塞器触发第一进程中的第二事件监听器对配置文件执行保存操作，实现了在第二进程完成文件读取操作后，第一进程才执行文件保存操作，避免了由于文件读取与文件保存的异步性，导致第二进程读取到的文件内容数据不符合预期的问题，保证了页面模板文件存储路径地正确读取。

S204、在所述第二进程接收到所述保存完成通知消息时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据。

在一种实施方式中，第二进程接收到保存完成通知消息时，调用预设接口来读取配置文件中当前包含的第二内容数据，预设接口包括但不限于readFile接口或者是getFileContent接口等，获取到第二内容数据后，基于已获取的第一内容数据以及第二内容数据，调用diffPages接口来确定配置文件的变化内容数据。

S205、读取所述变化内容数据中属于页面属性项的元素数据，并根据所述元素数据确定页面模板文件在所述当前小程序项目下的存储路径。

在一种实施方式中，客户端的第二进程对变化内容数据进行解析，确定变化内容数据中属于页面属性项(pages)的元素数据，其中页面属性项是配置文件中的一个数据项，页面属性项中包括与小程序页面属性相关的若干条目，例如页面名称、页面模板存储路径、页面字体、页面字号以及页面背景颜色等等，元素数据包括但不限于数组形式、字符串形式或是引用形式等。进而在元素数据中页面模板存储路径所属的预设字段中，确定页面模板文件在当前小程序项目下的存储路径。

S206、在所述存储路径下创建页面模板文件夹，并从所述客户端的本地安装路径下读取页面模板文件，进而将读取的所述页面模板文件加入所述页面模板文件夹中。

在一种实施方式中，第二进程调用handleCreatePage接口在存储路径下创建页面模板文件夹，并将读取的页面模板文件拷贝加入到页面模板文件夹中。开发者可对页面模板文件进行修改及调整，以满足对当前小程序项目页面的展示需求，最终编译运行后生成小程序项目页面。

根据本实施例的技术方案，通过在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息，并在第二进程接收到保存触发通知消息时，确定文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，并向第一进程发送读取完成通知消息，在第一进程接收到读取完成通知消息时，对配置文件执行保存操作，并向第二进程发送保存完成通知消息，在第二进程接收到保存完成通知消息时，读取所述配置文件中当前包含的第二内容数据，并根据第二内容数据和第一内容数据确定配置文件的变化内容数据，实现了双进程共同作业以实现确定变化内容数据的效果，大大提高了效率；通过读取变化内容数据中属于页面属性项的元素数据，并根据元素数据确定页面模板文件在当前小程序项目下的存储路径，实现了确定页面模板文件在当前小程序项目下的存储路径的效果；通过在存储路径下创建页面模板文件夹，并从客户端的本地安装路径下读取页面模板文件，将读取的页面模板文件加入页面模板文件夹中，实现了为当前小程序项目自动生成页面模板文件的效果。

图2B是根据本申请实施例公开的一种页面模板文件自动存储的示意图，如图2B所示，当第一进程20的onWillSaveTextDocument事件监听器21监听到开发人员针对文件的保存操作22时，第一进程20发送extension-will-save-text-document事件通知第二进程23，并且第一进程20调用waitUntil文件保存阻塞器24暂停保存操作。第二进程23接收到extension-will-save-text-document事件通知后，调用isAppJsonFile接口25判断该文件是否为是否是当前小程序项目的配置文件，若是则调用getFileContent接口26读取配置文件中当前包含的第一内容数据，并向第一进程20发送读取完成通知消息。第一进程20接收到读取完成通知消息时，通过waitUntil文件保存阻塞器24触发onDidSaveTextDocument事件监听器27对配置文件的保存操作，进而第一进程20发送extension-did-save-text-document事件通知第二进程23。第二进程23继续调用isAppJsonFile接口25判断该文件是否为是否是当前小程序项目的配置文件，若是则继续调用getFileContent接口26读取配置文件中当前包含的第二内容数据。最终，第二进程23调用diffPages接口28获取配置文件的变化内容数据，并调用handleCreatePage接口29在存储路径下创建页面模板文件夹，并从客户端的本地安装路径下读取页面模板文件，进而将读取的页面模板文件加入页面模板文件夹中。

图3是根据本申请实施例公开的一种页面生成方法的流程图，本实施例可以适用于生成小程序页面的情况。本实施例方法可以由页面生成装置来执行，所述装置配置于客户端中，可采用软件和/或硬件实现，并可集成在任意的具有计算能力的电子设备上。

如图3所示，本实施例公开的页面生成方法可以包括：

S301、读取保存在存储路径下的页面模板文件；其中，所述存储路径是在监听到对当前小程序项目的配置文件的保存触发操作时，根据所述配置文件的变化内容数据确定的，所述页面模板文件是在从所述客户端的本地安装路径下读取到后保存至所述存储路径下的。

在一种实施方式中，小程序项目被编译生成目标代码后，若检测到用户的页面查看触发操作，则通过执行目标代码中的相关代码来从存储路径下读取页面模板文件。

S302、基于所述页面模板文件生成小程序页面。

在一种实施方式中，对页面模板文件中包括的页面数据进行渲染，生成小程序页面。

根据本实施例的技术方案，通过读取保存在存储路径下的页面模板文件，并基于页面模板文件生成小程序页面，实现了快速生成小程序页面的技术效果。

图4是根据本申请实施例公开的一种页面模板文件的存储装置的结构示意图，本实施例可以适用于自动生成小程序项目的页面模板文件的情况。本实施例装置配置于客户端中，可采用软件和/或硬件实现，并可集成在任意的具有计算能力的电子设备上，例如服务器等。

如图4所示，本实施例公开的页面模板文件的存储装置40可以包括变化内容数据确定模块41、存储路径确定模块42和页面模板文件保存模块43，其中：

变化内容数据确定模块41，用于在监听到对当前小程序项目的配置文件的保存触发操作时，确定所述配置文件的变化内容数据；

存储路径确定模块42，用于根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径；

页面模板文件保存模块43，用于从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下。

可选的，所述变化内容数据确定模块41，具体用于：

在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息；

在所述第二进程接收到所述保存触发通知消息时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，并向所述第一进程发送读取完成通知消息；

在所述第一进程接收到所述读取完成通知消息时，对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息；

在所述第二进程接收到所述保存完成通知消息时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据。

可选的，所述变化内容数据确定模块41，具体还用于：

在第一进程中的第一事件监听器监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息，并调用文件保存阻塞器，以在接收到第二进程发送的读取完成通知消息时触发第一进程中的第二事件监听器对配置文件执行保存操作；

相应的，所述变化内容数据确定模块41，具体还用于：

在所述第一进程接收到所述读取完成通知消息时，通过所述文件保存阻塞器触发第一进程中的第二事件监听器对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息。

可选的，所述变化内容数据确定模块41，具体还用于：

获取所述文件对应的文件路径；

判断所述文件路径是否位于预先针对所述当前小程序项目配置的指定项目根目录下；

若是，则确定所述文件是当前小程序项目的配置文件，否则，确定所述文件不是当前小程序项目的配置文件。

可选的，所述变化内容数据确定模块41，具体还用于：

从用于监听所述保存触发操作的第一事件监听器的输入参数中，读取所述文件的文件路径。

可选的，所述存储路径确定模块42，具体用于：

读取所述变化内容数据中属于页面属性项的元素数据；

根据所述元素数据确定页面模板文件在所述当前小程序项目下的存储路径。

可选的，所述页面模板文件保存模块43，具体用于：

在所述存储路径下创建页面模板文件夹；

从所述客户端的本地安装路径下读取页面模板文件；

将读取的所述页面模板文件加入所述页面模板文件夹中。

可选的，所述装置还包括重命名模块，具体用于：

根据所述变化内容数据确定小程序页面名称，根据所述小程序页面名称对所述保存的所述页面模板文件进行重命名。

可选的，所述页面模板文件包括：js文件、swan文件、css文件以及json文件；

其中，所述js文件用于存储脚本内容；

所述swan文件用于存储小程序页面的展示模板；

所述css文件用于存储小程序页面的样式文件；

所述json文件用于存储小程序页面的窗口呈现信息。

本申请实施例所公开的页面模板文件的存储装置30可执行本申请实施例所公开的页面模板文件的存储方法，具备执行方法相应的功能模块和有益效果。本实施例中未详尽描述的内容可以参考本申请任意页面模板文件的存储方法实施例中的描述。

图5是根据本申请实施例公开的一种页面生成装置的结构示意图，本实施例可以适用于自动生成小程序页面的情况。本实施例装置配置于客户端中，可采用软件和/或硬件实现，并可集成在任意的具有计算能力的电子设备上，例如服务器等。

如图5所示，本实施例公开的页面生成装置50可以包括页面模板文件读取模块51和小程序页面生成模块52，其中：

页面模板文件读取模块51，用于读取保存在存储路径下的页面模板文件；

小程序页面生成模块52，用于基于所述页面模板文件生成小程序页面；

其中，所述存储路径是在监听到对当前小程序项目的配置文件的保存触发操作时，根据所述配置文件的变化内容数据确定的，所述页面模板文件是在从所述客户端的本地安装路径下读取到后保存至所述存储路径下的。

本申请实施例所公开的页面生成装置50可执行本申请实施例所公开的页面生成方法，具备执行方法相应的功能模块和有益效果。本实施例中未详尽描述的内容可以参考本申请任意页面生成方法实施例中的描述。

根据本申请的实施例，本申请还提供了一种电子设备和一种可读存储介质。

如图6所示，是根据本申请实施例的页面模板文件的存储和页面生成方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图6所示，该电子设备包括：一个或多个处理器601、存储器602，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图6中以一个处理器601为例。

存储器602即为本申请所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请所提供的页面模板文件的存储和页面生成方法。本申请的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请所提供的页面模板文件的存储和页面生成方法。

存储器602作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的页面模板文件的存储和页面生成方法对应的程序指令/模块(例如，附图4所示的变化内容数据确定模块41、存储路径确定模块42和页面模板文件保存模块43，或者，附图5所示的页面模板文件读取模块51和小程序页面生成模块52)。处理器601通过运行存储在存储器602中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的页面模板文件的存储和页面生成方法。

存储器602可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据页面模板文件的存储和页面生成方法的电子设备的使用所创建的数据等。此外，存储器602可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器602可选包括相对于处理器601远程设置的存储器，这些远程存储器可以通过网络连接至页面模板文件的存储和页面生成方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

页面模板文件的存储和页面生成方法的电子设备还可以包括：输入装置603和输出装置604。处理器601、存储器602、输入装置603和输出装置604可以通过总线或者其他方式连接，图6中以通过总线连接为例。

输入装置603可接收输入的数字或字符信息，以及产生与XXX的电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置404可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。

此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。

根据本申请实施例的技术方案，实现了根据小程序项目配置文件的变化内容数据，自动生成小程序的页面模板文件，提升了效率，降低了工作量，且出错概率较低。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (16)

1.一种页面模板文件的存储方法，应用于客户端，所述方法包括：

在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据；

在所述读取操作完成时，对所述配置文件执行保存操作；

在所述保存操作完成时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据；

根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径；

从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下；

其中，所述在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，包括：

在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息；

在所述第二进程接收到所述保存触发通知消息时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，并向所述第一进程发送读取完成通知消息。

2.根据权利要求1所述的方法，其中，所述在所述读取操作完成时，对所述配置文件执行保存操作，包括：

在所述第一进程接收到所述读取完成通知消息时，对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息；

所述在所述保存操作完成时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据，包括：

在所述第二进程接收到所述保存完成通知消息时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据。

3.根据权利要求2所述的方法，其中，在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息，包括：

在第一进程中的第一事件监听器监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息，并调用文件保存阻塞器，以在接收到第二进程发送的读取完成通知消息时触发第一进程中的第二事件监听器对配置文件执行保存操作；

相应的，在所述第一进程接收到所述读取完成通知消息时，对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息，包括：

在所述第一进程接收到所述读取完成通知消息时，通过所述文件保存阻塞器触发第一进程中的第二事件监听器对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息。

4.根据权利要求1所述的方法，其中，确定所述文件是否是当前小程序项目的配置文件，包括：

获取所述文件对应的文件路径；

判断所述文件路径是否位于预先针对所述当前小程序项目配置的指定项目根目录下；

若是，则确定所述文件是当前小程序项目的配置文件，否则，确定所述文件不是当前小程序项目的配置文件。

5.根据权利要求4所述的方法，其中，获取所述文件的对应的文件路径，包括：

从用于监听所述保存触发操作的第一事件监听器的输入参数中，读取所述文件的文件路径。

6.根据权利要求1所述的方法，其中，根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径，包括：

读取所述变化内容数据中属于页面属性项的元素数据；

根据所述元素数据确定页面模板文件在所述当前小程序项目下的存储路径。

7.根据权利要求1所述的方法，其中，从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下，包括：

在所述存储路径下创建页面模板文件夹；

从所述客户端的本地安装路径下读取页面模板文件；

将读取的所述页面模板文件加入所述页面模板文件夹中。

8.根据权利要求1-7中任一所述的方法，其中，将所述页面模板文件保存至所述存储路径下之后，所述方法还包括：

根据所述变化内容数据确定小程序页面名称，根据所述小程序页面名称对所述保存的所述页面模板文件进行重命名。

9.一种页面生成方法，应用于客户端，所述方法包括：

读取保存在存储路径下的页面模板文件；

基于所述页面模板文件生成小程序页面；

其中，所述存储路径是在监听到对当前小程序项目的配置文件的保存触发操作时，根据所述配置文件的变化内容数据确定的，所述页面模板文件是在从所述客户端的本地安装路径下读取到后保存至所述存储路径下的；

所述变化内容数据通过如下方式确定：

在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据；

在所述读取操作完成时，对所述配置文件执行保存操作；

在所述保存操作完成时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据；

其中，所述在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，包括：

在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息；

在所述第二进程接收到所述保存触发通知消息时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，并向所述第一进程发送读取完成通知消息。

10.一种页面模板文件的存储装置，配置于客户端中，所述装置包括：

变化内容数据确定模块，用于在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据；

在所述读取操作完成时，对所述配置文件执行保存操作；

在所述保存操作完成时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据；

存储路径确定模块，用于根据所述变化内容数据确定页面模板文件在所述当前小程序项目下的存储路径；

页面模板文件保存模块，用于从所述客户端的本地安装路径下读取页面模板文件，并将读取的所述页面模板文件保存至所述存储路径下；

其中，所述变化内容数据确定模块，具体还用于：

在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息；

在所述第二进程接收到所述保存触发通知消息时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，并向所述第一进程发送读取完成通知消息。

11.根据权利要求10所述的装置，其中，所述变化内容数据确定模块，具体还用于：

在所述第一进程接收到所述读取完成通知消息时，对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息；

在所述第二进程接收到所述保存完成通知消息时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据。

12.根据权利要求11所述的装置，其中，所述变化内容数据确定模块，具体还用于：

在第一进程中的第一事件监听器监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息，并调用文件保存阻塞器，以在接收到第二进程发送的读取完成通知消息时触发第一进程中的第二事件监听器对配置文件执行保存操作；

相应的，所述变化内容数据确定模块，具体还用于：

在所述第一进程接收到所述读取完成通知消息时，通过所述文件保存阻塞器触发第一进程中的第二事件监听器对所述配置文件执行保存操作，并向所述第二进程发送保存完成通知消息。

13.根据权利要求10所述的装置，其中，所述变化内容数据确定模块，具体还用于：

获取所述文件对应的文件路径；

判断所述文件路径是否位于预先针对所述当前小程序项目配置的指定项目根目录下；

若是，则确定所述文件是当前小程序项目的配置文件，否则，确定所述文件不是当前小程序项目的配置文件。

14.一种页面生成装置，配置于客户端中，所述装置包括：

页面模板文件读取模块，用于读取保存在存储路径下的页面模板文件；

小程序页面生成模块，用于基于所述页面模板文件生成小程序页面；

其中，所述存储路径是在监听到对当前小程序项目的配置文件的保存触发操作时，根据所述配置文件的变化内容数据确定的，所述页面模板文件是在从所述客户端的本地安装路径下读取到后保存至所述存储路径下的；

所述变化内容数据通过如下方式确定：

在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据；

在所述读取操作完成时，对所述配置文件执行保存操作；

在所述保存操作完成时，读取所述配置文件中当前包含的第二内容数据，并根据所述第二内容数据和所述第一内容数据确定所述配置文件的变化内容数据；

其中，所述在监听到对文件的保存触发操作时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，包括：

在第一进程监听到对文件的保存触发操作时，向第二进程发送保存触发通知消息；

在所述第二进程接收到所述保存触发通知消息时，确定所述文件是否是当前小程序项目的配置文件，若是，则读取所述配置文件中当前包含的第一内容数据，并向所述第一进程发送读取完成通知消息。

15.一种电子设备，其中，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-8中任一项所述的页面模板文件的存储方法，或者执行权利要求9所述的页面生成方法。

16.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行权利要求1-8中任一项所述的页面模板文件的存储方法，或者执行权利要求9所述的页面生成方法。