CN116610306A - 程序开发方法、装置、设备、存储介质及程序产品 - Google Patents

Abstract

本申请公开了一种程序开发方法、装置、设备、存储介质及程序产品，涉及计算机技术领域。该方法包括：显示目标程序的开发界面；接收模板导入操作；基于模板导入操作显示至少一个候选页面模板；响应于接收到对目标页面模板的选择操作，在目标程序的代码文件中增加目标页面模板的页面代码包。通过在开发者工具中新增页面模板的功能，开发人员在进行程序开发的过程中，可以通过新增页面模板以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，降低手动导入小程序代码包的繁琐操作，提高开发者导入页面级别程序代码的效率，提高开发者效率，以及提高了程序开发过程中的人机交互效率。

Description

程序开发方法、装置、设备、存储介质及程序产品

技术领域

本申请实施例涉及计算机技术领域，特别涉及一种程序开发方法、装置、设备、存储介质及程序产品。

背景技术

程序开发是指开发人员通过编写程序代码生成能够运行的应用程序，从而提供相应的功能的过程。以小程序的开发为例，开发人员在开发小程序时，可以通过编写代码生成程序界面，也可以通过将已有的小程序代码包导入程序代码文件，从而在小程序中增加程序界面。

相关技术中，在将页面代码包导入程序代码文件时，用户手动下载小程序代码包文件，然后手动解压到指定路径，再到小程序的配置文件中添加对应的小程序页面路径。

然而，相关技术中向小程序中导入页面的过程较为繁琐，开发人员需要通过复杂的解压配置过程才能够实现页面的导入，程序开发过程中的人机交互效率较低。

发明内容

本申请实施例提供了一种程序开发方法、装置、设备、存储介质及程序产品，能够提高程序开发过程中的人机交互效率。所述技术方案如下：

一方面，提供了一种程序开发方法，所述方法包括：

显示目标程序的开发界面，所述开发界面中包括组成所述目标程序的代码文件列表；

接收在所述代码文件列表中的模板导入操作，所述模板导入操作用于指示向所述目标程序中配置页面模板；

基于所述模板导入操作显示至少一个候选页面模板，所述候选页面模板包括对应的页面代码包；

响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

另一方面，提供了一种程序开发装置，所述装置包括：

显示模块，用于显示目标程序的开发界面，所述开发界面中包括组成所述目标程序的代码文件列表；

接收模块，用于接收在所述代码文件列表中的模板导入操作，所述模板导入操作用于指示向所述目标程序中配置页面模板；

所述显示模块，还用于基于所述模板导入操作显示至少一个候选页面模板，所述候选页面模板包括对应的页面代码包；

选择模块，用于响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

在一个可选的实施例中，所述接收模块，还用于接收在所述代码文件列表中对目标代码文件的选择操作，所述目标代码文件对应所述目标页面模板在所述目标程序中的插入位置；

所述显示模块，还用于基于所述选择操作显示模板功能控件，所述模板功能控件用于提供所述候选页面模板；

所述接收模块，还用于接收在所述模板功能控件上的触发操作作为所述模板导入操作。

在一个可选的实施例中，所述显示模块，还用于基于所述选择操作显示功能控件列表，所述功能控件列表中包括所述模板功能控件。

在一个可选的实施例中，所述显示模块，还用于基于所述模板导入操作显示至少一个候选模板类型，所述候选模板类型用于指示候选页面模板的功能类型；

所述显示模块，还用于响应于接收到在所述至少一个候选模板类型中对目标模板类型的选择操作，显示所述目标模板类型对应的至少一个候选页面模板。

在一个可选的实施例中，所述接收模块，还用于响应于接收到在所述至少一个候选模板类型中对目标模板类型的选择操作，调起页面模板显示窗口；

所述显示模块，还用于在所述页面模板显示窗口中显示所述目标模板类型对应的至少一个候选页面模板。

在一个可选的实施例中，所述候选模板类型包括签到打卡类型、抽奖类型、游戏类型、推荐信息类型中的至少一种。

在一个可选的实施例中，所述显示模块，还用于响应于接收到对所述目标页面模板的选择操作，显示预览图窗口，所述预览图窗口中还包括确认控件；在所述预览图窗口中显示所述目标页面模板在所述目标程序中的预览页面图；

所述装置，还包括：

处理模块，用于响应于接收到在所述确认控件上的触发操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

在一个可选的实施例中，所述显示模块，还用于响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，显示与所述目标页面模板对应的配置界面；

所述接收模块，还用于在所述配置界面中，接收对所述目标页面模板的内容配置操作，所述内容配置操作用于调整所述目标页面模板中的模板内容；

所述装置，还包括：

处理模块，用于基于调整后的目标页面模板，在所述目标程序的代码文件中增加调整后的页面代码包。

在一个可选的实施例中，所述接收模块，还用于在所述配置界面中接收对所述目标页面模板的文本编辑操作；

或者，

所述接收模块，还用于在所述配置界面中接收对所述目标页面模板的背景更换操作；

或者，

所述接收模块，还用于在所述配置界面中接收对所述目标页面模板的图片设置操作；

或者，

所述接收模块，还用于在所述配置界面中接收对所述目标页面模板的元素删除操作。

在一个可选的实施例中，所述显示模块，还用于响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，显示资源交换界面，所述资源交换界面中包括所述目标页面模板对应的指定数量资源；

所述接收模块，还用于接收在所述资源交换界面的资源交换操作，所述资源交换操作用于以所述指定数量资源交换得到所述目标页面模板的使用权限；

所述装置，还包括：

处理模块，用于基于所述资源交换操作在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

另一方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述本申请实施例中任一所述的程序开发方法。

另一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述本申请实施例中任一所述的程序开发方法。

另一方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中任一所述的程序开发方法。

本申请实施例提供的技术方案带来的有益效果至少包括：

通过在开发者工具中新增页面模板的功能，开发人员在进行程序开发的过程中，可以通过新增页面模板以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，降低手动导入小程序代码包的繁琐操作，提高开发者导入页面级别程序代码的效率，提高开发者效率，以及提高了程序开发过程中的人机交互效率。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请一个示例性实施例提供的单页模板导入过程示意图；

图2是本申请一个示例性实施例提供的实施环境示意图；

图3是本申请一个示例性实施例提供的程序开发方法的流程图；

图4是基于图3示出的实施例提供的开发界面的示意图；

图5是基于图3示出的实施例提供的模板导入操作的示意图；

图6是本申请另一个示例性实施例提供的程序开发方法的流程图；

图7基于图6示出的实施例提供的模板选择界面的示意图；

图8是基于图6示出的实施例提供的对目标模板类型的选择过程示意图；

图9是基于图6示出的实施例提供的预览效果示意图；

图10是本申请另一个示例性实施例提供的程序开发方法的流程图；

图11是本申请一个示例性实施例提供的程序开发装置的结构框图；

图12是本申请另一个示例性实施例提供的程序开发装置的结构框图；

图13是本申请一个示例性实施例提供的终端的结构框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

程序开发是指开发人员通过编写程序代码生成能够运行的应用程序，从而提供相应的功能的过程。

程序开发既可以实现为应用程序的开发，也可以实现为小程序的开发，其中，小程序是指以某个应用程序为宿主应用程序的寄生应用程序。本实施例中，以小程序的开发为例进行说明。

首先，以小程序开发为例，针对本申请实施例中涉及的名词进行简单介绍：

开发者工具：是指用于协助开发者简单和高效地开发和调试小程序的工具。开发人员能够通过开发者工具编辑程序代码、调试小程序的运行、确定调试结果中的报错情况等，在小程序开发完成后，生成小程序的代码包，并根据代码包将小程序上线进行使用。

编辑器：是指开发者工具中附带的可对代码文件进行操作和编辑的功能模块。

小程序代码包：是指包含小程序页面文件、配置文件、资源文件等完整的小程序代码文件的合集，能够完整独立运行。

app.json：小程序的配置文件，小程序启动过程中将从该配置文件中读取页面、全局相关的配置并做出对应的行为。

开发者工具插件：能够运行在开发者工具上的扩展程序，提供开发者工具本身不具备的功能。

单页模板：本申请实施例中所涉及的预先创建好的小程序页面代码包，包含单个或单组页面文件和页面内所需要的组件文件、资源文件等。可选地，单页模板无法独立运行，需要在小程序项目中添加使用。

本申请实施例中，新增了单页模板的代码包形式，以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，并自动添加小程序对应的页面路径到app.json中，可以降低手动导入小程序代码包的繁琐操作，提高开发者效率。

图1是本申请一个示例性实施例提供的单页模板导入过程示意图，如图1所示，在程序开发界面100中包括代码文件列表110，当接收到在代码文件列表110中对指定代码文件夹的选择操作时，显示功能列表，其中包括模板导入功能控件111，接收在该模板导入功能控件111上的选择操作后，显示模板显示界面120，模板显示界面120中包括至少一个已编程的单页模板，根据对单页模板的选择，将单页模板增加至当前正在开发的程序中。

图2是本申请一个示例性实施例提供的实施环境示意图，如图2所示，该实施环境中包括终端210和服务器220，其中，终端210和服务器220之间通过通信网络230连接。

其中，终端210中安装有具有开发者工具的应用程序，而在程序开发过程中，该应用程序还提供有单页模板功能，也即，当用户在终端210上使用开发者工具进行程序开发时，能够通过单页模板功能向正在开发的程序项目中新增已创建好的程序页面代码包，从而将模板页面快速便捷地增加至程序项目中。

其中，终端210向服务器220发送模板获取请求，从而服务器220向终端210提供单页模板的页面代码包。

可选地，开发人员在终端210中对需要使用的页面模板进行选择后，向服务器220发送模板获取请求，该模板获取请求中包括被选择的页面模板的标识，服务器220在接收到模板获取请求后，向终端210反馈被选择的页面模板的页面代码包，从而终端210将页面代码包增加至正在开发的程序项目中。

值得注意的是，上述服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content DeliveryNetwork，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。其中，云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来，实现数据的计算、储存、处理和共享的一种托管技术。云技术基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称，可以组成资源池，按需所用，灵活便利。云计算技术将变成重要支撑。技术网络系统的后台服务需要大量的计算、存储资源，如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用，将来每个物品都有可能存在自己的识别标志，都需要传输到后台系统进行逻辑处理，不同程度级别的数据将会分开处理，各类行业数据皆需要强大的系统后盾支撑，只能通过云计算来实现。

在一些实施例中，上述服务器还可以实现为区块链系统中的节点。

终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。

结合上述介绍和实施环境，对本申请实施例提供的程序开发方法进行说明，以该方法应用于如图2所示的终端中为例进行说明，如图3所示，该方法包括：

步骤301，显示目标程序的开发界面。

开发界面中包括组成目标程序的代码文件列表。

可选地，开发界面为开发者工具应用程序中提供的界面，在一些实施例中，该开发者工具应用程序实现为普通开发应用程序；或者，该开发者工具应用程序实现为寄生于宿主程度的小程序。

代码文件列表中包括组成该目标程序的各个代码文件选项，其中，每个代码文件选项对应该目标程序前端或者后台或者运行逻辑上的一段代码部分。示意性的，目标程序中包括界面A和界面B，则代码文件列表中包括界面A的前端界面代码选项，以及界面B的前端界面代码选项，还包括界面A和界面B在运行时的逻辑代码选项等，本实施例对此不加以限定。

上述目标程序可以实现为普通的应用程序，也可以实现为寄生于宿主应用程序中的小程序，本实施例对此不加以限定。

可选地，开发界面中包括代码文件列表显示区域、代码编辑区域以及调试区域，其中，代码文件列表显示区域用于展示上述目标程序的代码文件列表；代码编辑区域用于对已打开并展示的代码文件中的代码进行编辑，如：编写或者删除等；调试区域用于运行并调试该目标程序当前已编程的部分，并展示调试结果，如：调试中目标程序是否存在漏洞(bug)，是否运行错误等。

示意性的，请参考图4，其示出了本申请一个示例性实施例提供的开发界面的示意图，如图4所示，在开发界面400中包括文件列表显示区域410、代码编辑区域420以及调试区域430。

其中，文件列表显示区域410中显示有当前正在开发的目标程序中的各部分代码文件，代码编辑区域420中显示有已打开文件中的代码内容，且用户能够在代码编辑区域420中对代码内容进行编辑；调试区域430用于在调试该目标程序时显示调试结果。

步骤302，接收在代码文件列表中的模板导入操作。

该模板导入操作用于指示向目标程序中配置页面模板。

可选地，在接收该模板导入操作时，首先接收在代码文件列表中对目标代码文件的选择操作，目标代码文件对应目标页面模板在目标程序中的插入位置；基于选择操作显示模板功能控件，模板功能控件用于提供候选页面模板，接收在模板功能控件上的触发操作作为模板导入操作。

在一些实施例中，基于选择操作显示功能控件列表，功能控件列表中包括上述模板功能控件。

其中，接收对目标代码文件的选择操作时，包括如下方式中的至少一种：

第一，当通过外部输入设备控制终端时，以鼠标为例进行说明，将鼠标指针移动至代码文件列表中的目标代码文件处，并点击鼠标右键，作为对该目标代码文件的选择操作；

第二，当通过触摸屏控制终端时，接收代码文件列表中对目标代码文件的触控操作，如：接收对目标代码文件的长按操作、双指单击操作等。

在选择目标代码文件后，表示需要针对目标代码文件进行一些操作，如：在目标代码文件中新建文件操作、新建页面操作、路径复制操作等，故，显示功能控件列表，在功能控件列表中包括上述模板功能控件，当接收到在模板功能控件上的触发操作时，即触发模板导入操作。

示意性的，请参考图5，其示出了本申请一个示例性实施例提供的模板导入操作的示意图，如图5所示，在开发界面500中显示有代码文件列表510，当接收到在代码文件列表510中对目标代码文件511的鼠标右击操作时，显示功能控件列表520，该功能控件列表520中包括模板功能控件521，通过在模板功能控件521上的触发操作，即可触发模板导入。

步骤303，基于模板导入操作显示至少一个候选页面模板。

候选页面模板包括对应的页面代码包。

可选地，在显示至少一个候选页面模板时，包括如下方式中的至少一种：

第一，对至少一个候选页面模板进行分类显示；

示意性的，在候选页面显示区域的左侧显示分类选项，其中包括至少一个候选模板类型的选项，当未对分类选项进行选择时，在候选页面显示区域中显示当前能够提供的所有候选页面模板，其中，候选页面模板的显示顺序与该候选页面模板的热度相关；当对分类选项进行选择时，则在候选页面显示区域中显示在被选择的分类下的候选页面模板。

第二，根据热度由高到低对至少有一个候选页面模板进行依次显示；

其中，候选页面模板的热度与该候选页面模板被应用的次数、被分享次数、被下载次数中的至少一项相关。

第三，根据预设的排列顺序依次显示至少一个候选页面模板；

第四，根据用户的排列方式选择操作依次显示至少一个候选页面模板；

第五，用户预先选择需要显示的候选模板类型，从而在显示至少一个候选页面模板时，仅显示被选择的候选模板类型对应的候选页面模板。

值得注意的是，上述显示至少一个候选页面模板的方式仅为示意性的举例，本实施例对此不加以限定。

步骤304，响应于接收到对至少一个候选页面模板中目标页面模板的选择操作，在目标程序的代码文件中增加目标页面模板的页面代码包。

可选地，在接收到对目标页面模板的选择操作时，表示需要将该目标页面模板作为单页模板增加至目标程序中，从而获取该目标页面模板的页面代码包，并在目标程序的代码文件中增加目标页面模板的页面代码包。

其中，本申请实施例中所涉及的目标页面模板，可以是单个页面模板，也即，该目标页面模板实现为一个页面构成的模板；也可以是实现为页面组模板，也即，该目标页面模板实现为多个页面构成的页面组作为模板。

综上所述，本实施例提供的程序开发方法，通过在开发者工具中新增页面模板的功能，开发人员在进行程序开发的过程中，可以通过新增页面模板以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，降低手动导入小程序代码包的繁琐操作，提高开发者效率，以及提高了程序开发过程中的人机交互效率。

在一个可选的实施例中，在显示至少一个候选页面模板之前，还需要选择对应的模板类型。图6是本申请另一个示例性实施例提供的程序开发方法的流程图，以该方法应用于终端为例进行说明，如图6所示，该方法包括：

步骤601，显示目标程序的开发界面。

开发界面中包括组成目标程序的代码文件列表。

可选地，开发界面为开发者工具应用程序中提供的界面，在一些实施例中，该开发者工具应用程序实现为普通开发应用程序；或者，该开发者工具应用程序实现为寄生于宿主程度的小程序。

显示开发界面的过程在上述步骤301中已进行了详细说明，此处不再赘述。

步骤602，接收在代码文件列表中的模板导入操作。

该模板导入操作用于指示向目标程序中配置页面模板。

可选地，在接收该模板导入操作时，首先接收在代码文件列表中对目标代码文件的选择操作，目标代码文件对应目标页面模板在目标程序中的插入位置；基于选择操作显示模板功能控件，模板功能控件用于提供候选页面模板，接收在模板功能控件上的触发操作作为模板导入操作。

步骤603，基于模板导入操作显示至少一个候选模板类型。

候选模板类型用于指示候选页面模板的功能类型。

示意性的，候选模板类型中至少包括：签到打卡类型、抽奖类型、游戏类型、推荐信息类型等中的至少一种。

其中，签到打卡类型是指用户在使用目标程序时，可以通过签到打卡的方式表示对目标程序的使用频率，从而在签到打卡的次数达到预设次数时，参与如抽奖等活动的功能。在一些实施例中，签到打卡设置有更新周期，在达到更新周期刷新后，用户可以再次进行签到打卡。其中，签到打卡类型的签到打卡逻辑/方式包含在候选页面模板的页面代码包中。

抽奖类型是指用户在使用目标程序时，可以通过候选页面模板参与抽奖活动。其中，抽奖活动的参与方式包含在候选页面模板的页面代码包中。

游戏类型是指用户在使用目标程序时，可以在候选页面模板中参与游戏。其中，游戏画面及游戏逻辑包含在候选页面模板的页面代码包中。

推荐信息类型是指用户在使用目标程序时，当需要进行页面跳转时，可以显示推荐信息页面进行信息推荐，如：在目标程序中进行页面跳转时，显示广告页面进行广告内容的推荐。推荐信息的具体推荐内容包含在候选页面模板的页面代码包中。

可选地，基于模板导入操作在模板选择界面中显示至少一个候选模板类型，从而用户能够对需要增加至目标程序的页面模板进行选择。示意性的，请参考图7，其示出了本申请一个示例性实施例提供的模板选择界面的示意图，如图7所示，在接收到模板导入操作时，显示模板选择界面700，在模板选择界面700中包括候选模板类型710和候选模板类型720，其中，候选模板类型710为签到打卡类型，候选模板类型720为抽奖类型。可选地，该模板选择界面也可以实现为在开发界面中调起的弹窗。

步骤604，响应于接收到在至少一个候选模板类型中对目标模板类型的选择操作，显示目标模板类型对应的至少一个候选页面模板。

可选地，响应于接收到在至少一个候选模板类型中对目标模板类型的选择操作，调起页面模板显示窗口，在以页面模板显示窗口中显示目标模板类型对应的至少一个候选页面模板。

示意性的，请参考图8，其示出了本申请一个示例性实施例提供的对目标模板类型的选择过程示意图，如图8所示，在模板选择界面800中接收对候选模板类型810的选择操作后，调起显示页面模板显示窗口820，该页面模板显示窗口820中包括与该候选模板类型810对应的候选页面模板。

在一些实施例中，在显示页面模板显示窗口时，在窗口的指定位置显示其他可以选择的候选模板类型，从而用户能够随时更换模板类型进行选择。

步骤605，响应于接收到对目标页面模板的选择操作，显示预览图窗口，预览图窗口中还包括确认控件。

可选地，预览图窗口用于对目标页面模板在目标程序中的显示效果进行预览展示。当目标页面模板中包括多个页面时，该预览窗口能够对多个页面的显示效果进行预览展示，且，该预览图窗口还可以对多个页面之间的切换逻辑和切换效果进行预览展示。

步骤606，在预览图窗口中显示目标页面模板在目标程序中的预览页面图。

示意性的，如图9所示，其示出了本申请一个示例性实施例提供的预览效果示意图，在接收到对目标页面模板的选择操作时，显示预览图窗口900，该预览图窗口900中包括目标页面模板在目标程序中的显示效果。

步骤607，响应于接收到在确认控件上的触发操作，在目标程序的代码文件中增加目标页面模板的页面代码包。

可选地，当接收到在确认控件上的触发操作时，表示当前用户确认将目标页面模板增加至目标程序中，故，将目标页面模板的页面代码包增加至目标程序的代码文件中。

可选地，在将目标页面模板的页面代码包增加至目标程序的代码文件中后，显示提示信息，示意性的，该提示信息为“成功在目录下导入目标页面模板组件，组件代码位于xxx目录下，请前往开发者工具查看效果”。

在一些实施例中，上述目标页面模板为直接新增至目标程序中的，在另一些实施例中，用户需要通过资源交换的方式兑换得到目标页面模板的使用权限。

可选地，响应于接收到对至少一个候选页面模板中目标页面模板的选择操作，显示资源交换界面，资源交换界面中包括目标页面模板对应的指定数量资源；接收在资源交换界面的资源交换操作，资源交换操作用于以指定数量资源交换得到目标页面模板的使用权限；基于资源交换操作在目标程序的代码文件中增加目标页面模板的页面代码包。

可选地，资源交换界面可以显示在预览图窗口之前，也可以显示在预览图窗口之后，还可以独立于预览图窗口显示，也即，仅进行资源交换界面的显示，而不显示预览图窗口，本实施例对此不加以限定。

示意性的，在接收到对页面模板a的选择操作时，显示资源交换界面，该资源交换界面中包括使用该页面模板a所需要交换的虚拟资源的数量，如：5个钻石，则在用户支付5个钻石后，能够对页面模板a的页面代码包进行获取。

在一些实施例中，当页面模板在通过资源交换获取后，仅能够使用在当前程序的开发过程中；或者，当页面模板在通过资源交换获取后，能够由购买该页面模板的帐号任意使用；或者，当页面模板在通过资源交换获取后，能够由购买该页面模板的帐号在预设次数范围内任意使用，其中使用次数是指将该页面模板应用在开发的程序中的数量，如：将页面模板与应用在开发程序1和开发程序2中，则该页面模板的使用次数为2。

综上所述，本实施例提供的程序开发方法，通过在开发者工具中新增页面模板的功能，开发人员在进行程序开发的过程中，可以通过新增页面模板以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，降低手动导入小程序代码包的繁琐操作，提高开发者效率，以及提高了程序开发过程中的人机交互效率。

本实施例提供的方法，通过提供至少一个候选模板类型给用户进行选择，用户可以在选择目标模板类型后，针对目标模板类型中的候选页面模板进行选择，避免对所有候选页面模板进行依次阅览，而导致页面模板的选择过程较为繁琐，选择效率低的问题，提高了程序开发效率。

在一个可选的实施例中，在选择得到目标页面模板后，还可以针对目标页面模板中的内容进行编辑。

可选地，将目标页面模板增加至目标程序中后，在目标程序的编程区域对目标页面模板的模板内容进行更改；或者，在将目标页面模板增加至目标程序之前，对目标页面模板预先进行模板内容的更改。

图10是本申请另一个示例性实施例提供的程序开发方法的流程图，以该方法应用于终端为例进行说明，如图10所示，该方法包括：

步骤1001，显示目标程序的开发界面。

开发界面中包括组成目标程序的代码文件列表。

可选地，开发界面为开发者工具应用程序中提供的界面，在一些实施例中，该开发者工具应用程序实现为普通开发应用程序；或者，该开发者工具应用程序实现为寄生于宿主程度的小程序。

显示开发界面的过程在上述步骤301中已进行了详细说明，此处不再赘述。

步骤1002，接收在代码文件列表中的模板导入操作。

该模板导入操作用于指示向目标程序中配置页面模板。

可选地，在接收该模板导入操作时，首先接收在代码文件列表中对目标代码文件的选择操作，目标代码文件对应目标页面模板在目标程序中的插入位置；基于选择操作显示模板功能控件，模板功能控件用于提供候选页面模板，接收在模板功能控件上的触发操作作为模板导入操作。

步骤1003，基于模板导入操作显示至少一个候选页面模板。

候选页面模板包括对应的页面代码包。

可选地，显示候选页面模板的方式在上述步骤303中已进行了说明，此处不再赘述。

步骤1004，响应于接收到对至少一个候选页面模板中目标页面模板的选择操作，显示与目标页面模板对应的配置界面。

其中，配置界面用于对目标页面模板的模板内容进行编辑调整。

在一些实施例中，响应于接收到对至少一个候选页面模板中目标页面模板的选择操作，跳转显示配置界面，或者，在原界面基础上显示新窗口，该新窗口用于显示上述配置界面。

步骤1005，在配置界面中，接收对目标页面模板的内容配置操作。

内容配置操作用于调整目标页面模板中的模板内容。

可选地，内容配置操作包括如下操作中的至少一种：

1、文本编辑操作

即，针对目标页面模板中的文本内容进行编辑修改。在一些实施例中，将目标页面模板的模板内容显示在配置界面中，从而在配置界面中直接对文本内容进行编辑。示意性的，在配置界面中显示的目标页面模板中包括文本内容“打卡签到”，用户对该文本内容进行编辑时，首先选中该文本内容，从而重新编辑新的文本内容，如“每日打卡”，从而将目标页面模板中的文本内容进行重新编辑调整。

2、背景更换操作

即，针对目标页面模板中的背景图片进行修改。在一些实施例中，将目标页面模板的模板内容显示在配置界面中，从而在配置界面中直接对背景图片进行修改并预览。示意性的，在配置界面中显示目标页面模板后，接收对背景图片的选择操作，从而对该目标页面模板本身默认的背景图片进行选中，通过拖动或者上传的方式，从本地选择替换图片后，将被选择的替换图片作为新的背景图片，并删除原目标页面模板的背景图片。

3、图片设置操作

即，针对目标页面模板中附加的图片进行修改。在一些实施例中，将目标页面模板的模板内容显示在配置界面中，从而在配置界面中直接对目标页面模板中附加的图片进行替换或者删除。示意性的，在配置界面中显示目标页面模板后，接收对目标页面模板中的图片的选择操作，从而对该图片进行选中，通过拖动或者上传的方式，从本地选择替换图片后，将被选择的替换图片替换目标页面模板中原本的图片，并删除原目标页面模板中的图片。或者，在选中目标页面模板中的图片后，接收删除操作，如：拖动该图片至删除控件，或者，接收对删除控件的点击操作，从而将该图片从目标页面模板中删除。

4、元素删除操作

即，针对目标页面模板中的显示元素进行删除。在一些实施例中，将目标页面模板的模板内容显示在配置界面中，从而在配置界面中直接对目标页面模板中的显示元素进行删除。该显示元素可以实现为文本、图片、动画、视频、标识、控件等元素中的至少一种。示意性的，在配置界面中显示目标页面模板后，接收对目标页面模板中的显示元素的选择操作，从而对该显示元素进行选中，并在选中目标页面模板中的显示元素后，接收删除操作，如：拖动该显示元素至删除控件，或者，接收对删除控件的点击操作，从而将该显示元素从目标页面模板中删除。

步骤1006，基于调整后的目标页面模板，在目标程序的代码文件中增加调整后的页面代码包。

可选地，在目标页面模板中的模板内容被调整后，相应的调整该目标页面模板的页面代码包，如：原目标页面模板的背景图片为1.jpg，而调整过程中将该背景图片替换为2.jpg，则在页面代码包中，将背景图片1.jpg相关的配置代码替换为背景图片2.jpg相关的配置代码，从而得到调整后的页面代码包。

其中，本申请实施例中所涉及的目标页面模板，可以是单个页面模板，也即，该目标页面模板实现为一个页面构成的模板；也可以是实现为页面组模板，也即，该目标页面模板实现为多个页面构成的页面组作为模板。

综上所述，本实施例提供的程序开发方法，通过在开发者工具中新增页面模板的功能，开发人员在进行程序开发的过程中，可以通过新增页面模板以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，降低手动导入小程序代码包的繁琐操作，提高开发者效率，以及提高了程序开发过程中的人机交互效率。

本实施例提供的方法，通过显示配置界面，并在配置界面中对目标页面模板中的模板内容进行配置调整，从而针对已配置好的页面模板增加了个性化定制的方案，避免页面模板的显示单一性，提高了页面模板在不同程序中应用时的多样性，提高了用户体验。

针对技术侧，以云端开发场景为例进行说明。本申请实施例的技术侧实现主要是涉及开发者工具和云开发两部分。

具体实现过程如下：

1、用户在使用开发者工具进行程序开发时，在编辑器目录树(也即代码文件列表)中，在指定代码文件夹上右键，点击“配置单页模板”菜单；

2、开发者工具拉取当前可以被用户添加的单页模板列表，也即当前已提供的单页模板列表；

3、拉取完单页模板列表数据后，展示配置单页模板的弹窗；

4、用户选择需要使用的单页模板，然后点击“使用”控件，开发者工具打开云开发单页模板管理后台弹窗，并传入用户当前选择导入的文件夹路径以及选择的单页模板的标识；

5、云开发单页模板管理后台通过开发者工具提供的插件接口，调用接口获取登录开发者工具的用户身份信息，然后跳转到单页模板管理后台；

6、用户点击单页模板管理后台的模板信息，弹出模板预览图列表弹窗；然后用户点击“导入”控件；

7、云开发单页模板管理后台将单页模板代码包的内容打包成压缩包格式(如：zip格式或者rar格式)的数据，以zip格式的数据为例，将zip格式的数据转成类型化数组(ArrayBuffer)后再转成base64格式，然后加上单页模板的页面路径组成一个字符串，通过开发者工具提供给云开发单页模板管理后台的插件接口，利用协议将数据发送至开发者工具；

8、开发者工具收到来自云开发者单页模板管理后台通过插件接口传来的单页模板代码包之后，先将base64格式的代码包转成缓冲(Buffer)格式，然后利用节点的zip模块读取Buffer内容，并解压缩出代码包内部文件列表及内容。

然后将解压得到的文件列表，通过节点的文件系统(filesystem，fs)模块，写入到用户右键编辑器目录树所在的目录。然后先读取app.json文件的内容，将单页模板的页面路径添加到app.json的页面(pages)属性或者分包加载(subPackages)的pages属性中，再将修改后的app.json通过节点的fs模块写回磁盘。最后开发者工具会自动编译程序代码，并跳转到所添加的单页模板页面去。

综上所述，本实施例提供的程序开发方法，通过在开发者工具中新增页面模板的功能，开发人员在进行程序开发的过程中，可以通过新增页面模板以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，降低手动导入小程序代码包的繁琐操作，提高开发者效率，以及提高了程序开发过程中的人机交互效率。

图11是本申请一个示例性实施例提供的程序开发装置的结构示意图，如图11所示，该装置包括：

显示模块1110，用于显示目标程序的开发界面，所述开发界面中包括组成所述目标程序的代码文件列表；

接收模块1120，用于接收在所述代码文件列表中的模板导入操作，所述模板导入操作用于指示向所述目标程序中配置页面模板；

所述显示模块1110，还用于基于所述模板导入操作显示至少一个候选页面模板，所述候选页面模板包括对应的页面代码包；

选择模块1130，用于响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

在一个可选的实施例中，所述接收模块1120，还用于接收在所述代码文件列表中对目标代码文件的选择操作，所述目标代码文件对应所述目标页面模板在所述目标程序中的插入位置；

所述显示模块1110，还用于基于所述选择操作显示模板功能控件，所述模板功能控件用于提供所述候选页面模板；

所述接收模块1120，还用于接收在所述模板功能控件上的触发操作作为所述模板导入操作。

在一个可选的实施例中，所述显示模块1110，还用于基于所述选择操作显示功能控件列表，所述功能控件列表中包括所述模板功能控件。

在一个可选的实施例中，所述显示模块1110，还用于基于所述模板导入操作显示至少一个候选模板类型，所述候选模板类型用于指示候选页面模板的功能类型；

所述显示模块1110，还用于响应于接收到在所述至少一个候选模板类型中对目标模板类型的选择操作，显示所述目标模板类型对应的至少一个候选页面模板。

在一个可选的实施例中，所述接收模块1120，还用于响应于接收到在所述至少一个候选模板类型中对目标模板类型的选择操作，调起页面模板显示窗口；

所述显示模块1110，还用于在所述页面模板显示窗口中显示所述目标模板类型对应的至少一个候选页面模板。

在一个可选的实施例中，所述候选模板类型包括签到打卡类型、抽奖类型、游戏类型、推荐信息类型中的至少一种。

在一个可选的实施例中，所述显示模块1110，还用于响应于接收到对所述目标页面模板的选择操作，显示预览图窗口，所述预览图窗口中还包括确认控件；在所述预览图窗口中显示所述目标页面模板在所述目标程序中的预览页面图；

如图12所示，该装置还包括：

处理模块1140，用于响应于接收到在所述确认控件上的触发操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

在一个可选的实施例中，所述显示模块1110，还用于响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，显示与所述目标页面模板对应的配置界面；

所述接收模块1120，还用于在所述配置界面中，接收对所述目标页面模板的内容配置操作，所述内容配置操作用于调整所述目标页面模板中的模板内容；

所述装置，还包括：

处理模块1140，用于基于调整后的目标页面模板，在所述目标程序的代码文件中增加调整后的页面代码包。

在一个可选的实施例中，所述接收模块1120，还用于在所述配置界面中接收对所述目标页面模板的文本编辑操作；

或者，

所述接收模块1120，还用于在所述配置界面中接收对所述目标页面模板的背景更换操作；

或者，

所述接收模块1120，还用于在所述配置界面中接收对所述目标页面模板的图片设置操作；

或者，

所述接收模块1120，还用于在所述配置界面中接收对所述目标页面模板的元素删除操作。

在一个可选的实施例中，所述显示模块1110，还用于响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，显示资源交换界面，所述资源交换界面中包括所述目标页面模板对应的指定数量资源；

所述接收模块1120，还用于接收在所述资源交换界面的资源交换操作，所述资源交换操作用于以所述指定数量资源交换得到所述目标页面模板的使用权限；

所述装置，还包括：

处理模块1140，用于基于所述资源交换操作在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

综上所述，本实施例提供的程序开发装置，通过在开发者工具中新增页面模板的功能，开发人员在进行程序开发的过程中，可以通过新增页面模板以页面或者页面组为单位导入至程序项目中，通过一键导入对应场景的单页模板，降低手动导入小程序代码包的繁琐操作，提高开发者效率，以及提高了程序开发过程中的人机交互效率。

需要说明的是：上述实施例提供的程序开发装置，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的程序开发装置，与程序开发方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图13示出了本申请一个示例性实施例提供的计算机设备1300的结构框图。该计算机设备1300可以是便携式移动终端，比如：智能手机、平板电脑、MP3播放器(MovingPicture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。计算机设备1300还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，计算机设备1300包括有：处理器1301和存储器1302。

处理器1301可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器1301可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1301也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器1301可以集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器1301还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器1302可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器1302还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器1302中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器1301所执行以实现本申请中方法实施例提供的程序开发方法。

在一些实施例中，计算机设备1300还可选包括其他组件，本领域技术人员可以理解，图13中示出的结构并不构成对计算机设备1300的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

本申请的实施例还提供了一种计算机设备，该计算机设备包括处理器和存储器，该存储器中存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现上述各方法实施例提供的程序开发方法。

本申请的实施例还提供了一种计算机可读存储介质，该计算机可读存储介质上存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行，以实现上述各方法实施例提供的程序开发方法。

本申请的实施例还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中任一所述的程序开发方法。

可选地，该计算机可读存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、固态硬盘(SSD，Solid State Drives)或光盘等。其中，随机存取记忆体可以包括电阻式随机存取记忆体(ReRAM,Resistance RandomAccess Memory)和动态随机存取存储器(DRAM，Dynamic Random Access Memory)。上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本申请的可选实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (14)

1.一种程序开发方法，其特征在于，所述方法包括：

显示目标程序的开发界面，所述开发界面中包括组成所述目标程序的代码文件列表；

接收在所述代码文件列表中的模板导入操作，所述模板导入操作用于指示向所述目标程序中配置页面模板；

基于所述模板导入操作显示至少一个候选页面模板，所述候选页面模板包括对应的页面代码包；

响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

2.根据权利要求1所述的方法，其特征在于，所述接收在所述代码文件列表中的模板导入操作，包括：

接收在所述代码文件列表中对目标代码文件的选择操作，所述目标代码文件对应所述目标页面模板在所述目标程序中的插入位置；

基于所述选择操作显示模板功能控件，所述模板功能控件用于提供所述候选页面模板；

接收在所述模板功能控件上的触发操作作为所述模板导入操作。

3.根据权利要求2所述的方法，其特征在于，所述基于所述选择操作显示模板功能控件，包括：

基于所述选择操作显示功能控件列表，所述功能控件列表中包括所述模板功能控件。

4.根据权利要求1所述的方法，其特征在于，所述基于所述模板导入操作显示至少一个候选页面模板，包括：

基于所述模板导入操作显示至少一个候选模板类型，所述候选模板类型用于指示候选页面模板的功能类型；

响应于接收到在所述至少一个候选模板类型中对目标模板类型的选择操作，显示所述目标模板类型对应的至少一个候选页面模板。

5.根据权利要求4所述的方法，其特征在于，所述响应于接收到在所述至少一个候选模板类型中对目标模板类型的选择操作，显示所述目标模板类型对应的至少一个候选页面模板，包括：

响应于接收到在所述至少一个候选模板类型中对目标模板类型的选择操作，调起页面模板显示窗口；

在所述页面模板显示窗口中显示所述目标模板类型对应的至少一个候选页面模板。

6.根据权利要求4所述的方法，其特征在于，

所述候选模板类型包括签到打卡类型、抽奖类型、游戏类型、推荐信息类型中的至少一种。

7.根据权利要求1至6任一所述的方法，其特征在于，所述响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包，包括：

响应于接收到对所述目标页面模板的选择操作，显示预览图窗口，所述预览图窗口中还包括确认控件；

在所述预览图窗口中显示所述目标页面模板在所述目标程序中的预览页面图；

响应于接收到在所述确认控件上的触发操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

8.根据权利要求1至6任一所述的方法，其特征在于，所述响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包，包括：

响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，显示与所述目标页面模板对应的配置界面；

在所述配置界面中，接收对所述目标页面模板的内容配置操作，所述内容配置操作用于调整所述目标页面模板中的模板内容；

基于调整后的目标页面模板，在所述目标程序的代码文件中增加调整后的页面代码包。

9.根据权利要求8所述的方法，其特征在于，所述在所述配置界面中，接收对所述目标页面模板的内容配置操作，包括：

在所述配置界面中接收对所述目标页面模板的文本编辑操作；

或者，

在所述配置界面中接收对所述目标页面模板的背景更换操作；

或者，

在所述配置界面中接收对所述目标页面模板的图片设置操作；

或者，

在所述配置界面中接收对所述目标页面模板的元素删除操作。

10.根据权利要求1至6任一所述的方法，其特征在于，所述响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包，包括：

响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，显示资源交换界面，所述资源交换界面中包括所述目标页面模板对应的指定数量资源；

接收在所述资源交换界面的资源交换操作，所述资源交换操作用于以所述指定数量资源交换得到所述目标页面模板的使用权限；

基于所述资源交换操作在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

11.一种程序开发装置，其特征在于，所述装置包括：

显示模块，用于显示目标程序的开发界面，所述开发界面中包括组成所述目标程序的代码文件列表；

接收模块，用于接收在所述代码文件列表中的模板导入操作，所述模板导入操作用于指示向所述目标程序中配置页面模板；

所述显示模块，还用于基于所述模板导入操作显示至少一个候选页面模板，所述候选页面模板包括对应的页面代码包；

选择模块，用于响应于接收到对所述至少一个候选页面模板中目标页面模板的选择操作，在所述目标程序的代码文件中增加所述目标页面模板的页面代码包。

12.一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一段程序，所述至少一段程序由所述处理器加载并执行以实现如权利要求1至10任一所述的程序开发方法。

13.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一段程序，所述至少一段程序由处理器加载并执行以实现如权利要求1至10任一所述的程序开发方法。

14.一种计算机程序产品，其特征在于，包括计算机程序或指令，所述计算机程序或指令被处理器执行时实现如权利要求1至10任一所述的程序开发方法。