CN112596714A - 网页开发方法、装置、终端、服务器和存储介质 - Google Patents

Abstract

本申请涉及一种网页开发方法、装置、计算机设备和存储介质。所述方法包括：获取待开发网页所属的网页框架类型；从公共服务器选取与所述网页框架类型匹配的模板文件；根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码；获取基于所述初始化代码扩展业务逻辑代码后得到的网页开发代码；将所述网页开发代码提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述网页开发代码进行编译打包。采用本方法能够提高网页开发效率。

Description

网页开发方法、装置、终端、服务器和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种网页开发方法、装置、终端、服务器和存储介质。

背景技术

随着计算机技术的发展，网页应用越来越普遍。目前，在网页开发过程中，大部分内容都需要开发人员以代码的方式进行编写，开发人员需要在编译工具、打包工具等上花费大量精力，从而开发人员需要进行大量劳动，开发效率低下。

发明内容

基于此，有必要针对上述技术问题，提供一种网页开发方法、装置、终端、服务器和存储介质。

一种网页开发方法，所述方法包括：

获取待开发网页所属的网页框架类型；

从公共服务器选取与所述网页框架类型匹配的模板文件；

根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码；

获取基于所述初始化代码扩展业务逻辑代码后得到的网页开发代码；

将所述网页开发代码提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述网页开发代码进行编译打包。

在一个实施例中，所述从公共服务器选取与所述网页框架类型匹配的模板文件，包括：

获取与所述网页框架类型匹配的模板文件所对应的文件标识；

查询与所述文件标识对应存储的模板地址；

根据所述模板地址从所述公共服务器下载所述模板文件。

在一个实施例中，所述公共服务器为分布式版本控制***服务器，所述分布式版本控制***服务器中部署有网页开发项目仓库，所述网页开发项目仓库中包括至少两种网页框架类型各自匹配的模板文件。

在一个实施例中，所述根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码，包括：

展示引导信息以获取与所述待开发网页对应的配置信息；

将所述配置信息按照所属的信息类别填充至所述模板文件的配置文件；

基于填充配置文件后的模板文件生成所述初始化代码。

在一个实施例中，所述方法还包括：

根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页的发布流程所对应功能操作的功能脚本；

将所述功能脚本提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述功能脚本执行编译打包操作。

在一个实施例中，所述方法还包括：

在基于所述网页开发代码完成编译打包后，在网页编译发布***页面中展示与所述待开发网页对应的信息列表栏；

在所述信息列表栏中显示功能操作预览入口，以在针对所述待开发网页触发功能操作时，通过所述功能操作所对应的功能操作预览入口进行预览。

在一个实施例中，所述在所述信息列表栏中显示功能操作预览入口，以在针对所述待开发网页触发功能操作时，通过所述功能操作所对应的功能操作预览入口进行预览，包括：

在所述信息列表栏中显示功能操作预览入口；

当针对所述待开发网页触发功能操作时，显示所述功能操作对应的功能操作预览入口关联的图形码，以通过移动终端扫描所述图形码进行预览。

一种网页开发装置，所述装置包括：

获取模块，用于获取待开发网页所属的网页框架类型；从公共服务器选取与所述网页框架类型匹配的模板文件；

生成模块，用于根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码；获取基于所述初始化代码扩展业务逻辑代码后得到的网页开发代码；

提交模块，用于将所述网页开发代码提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述网页开发代码进行编译打包。

一种终端，包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现以下步骤：

获取待开发网页所属的网页框架类型；

从公共服务器选取与所述网页框架类型匹配的模板文件；

根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码；

获取基于所述初始化代码扩展业务逻辑代码后得到的网页开发代码；

将所述网页开发代码提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述网页开发代码进行编译打包。

一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

获取待开发网页所属的网页框架类型；

从公共服务器选取与所述网页框架类型匹配的模板文件；

根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码；

获取基于所述初始化代码扩展业务逻辑代码后得到的网页开发代码；

将所述网页开发代码提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述网页开发代码进行编译打包。

上述网页开发方法、装置、终端及计算机可读存储介质，在需要进行网页开发时，即自动获取待开发网页所属的网页框架类型，便可从公共服务器选取该网页框架类型相匹配的模板文件，然后根据模板文件以及与待开发网页对应的配置信息即可生成与待开发网页对应的初始化代码，进而可以获取基于初始化代码扩展业务逻辑代码后得到的网页开发代码，提交到公共服务器，从而在产生打包指令时，触发打包服务器从公共服务器拉取网页开发代码进行编译打包。这样即可在网页开发的各个流程上打通，无需在各个流程上单独耗费人力物力，而且对于各种不同网页框架类型的待开发网页均适用，极大地提高了网页开发的效率。

一种网页开发方法，所述方法包括：

接收项目标识与打包指令；

响应于所述打包指令，从公共服务器拉取与所述项目标识对应的网页开发代码；所述网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，所述初始化代码根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

根据所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件。

在一个实施例中，所述方法还包括：

响应于所述打包指令，从公共服务器拉取与所述项目标识对应的功能脚本；所述功能脚本根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

所述根据所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件，包括：

执行编译打包操作对应的功能脚本，以对所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件并发布到对象存储服务器。

在一个实施例中，所述方法还包括：

获取功能操作指令；所述功能操作指令包括上线指令、测试指令和下线指令中的至少一种；

查询与所述功能操作指令对应的功能脚本；

执行查询到的所述功能脚本以执行所述功能操作指令所指向的功能操作。

一种网页编译装置，所述装置包括：

获取模块，用于接收项目标识与打包指令；

拉取模块，用于响应于所述打包指令，从公共服务器拉取与所述项目标识对应的网页开发代码；所述网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，所述初始化代码根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

编译模块，用于根据所述网页开发代码进行编译打包，得到待开发网页的资源文件。

一种服务器，包括存储器和处理器，存储器存储有计算机程序，处理器执行计算机程序时实现以下步骤：

接收项目标识与打包指令；

响应于所述打包指令，从公共服务器拉取与所述项目标识对应的网页开发代码；所述网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，所述初始化代码根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

根据所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件。

一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

接收项目标识与打包指令；

响应于所述打包指令，从公共服务器拉取与所述项目标识对应的网页开发代码；所述网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，所述初始化代码根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

根据所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件。

上述网页开发方法、装置、服务器及计算机可读存储介质，在接收到项目标识与打包指令后，自动响应于打包指令，从公共服务器拉取与项目标识对应的网页开发代码，根据网页开发代码进行编译打包，即可得到待开发网页所对应的资源文件；而且网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，初始化代码根据待开发网页所属的网页框架类型匹配的模板文件以及与待开发网页对应的配置信息生成。这样即可在网页开发的各个流程上打通，无需在各个流程上单独耗费人力物力，而且对于各种不同网页框架类型的待开发网页均适用，极大地提高了网页开发的效率。

附图说明

图1为一个实施例中网页开发方法的应用环境图；

图2为一个实施例中网页开发方法的流程示意图；

图3为一个实施例中生成初始化代码的示意图；

图4为一个实施例中网页编译发布***页面的示意图；

图5为另一个实施例中网页开发方法的流程示意图；

图6为一个实施例中网页开发方法中设备交互的流程示意图；

图7为一个实施例中网页开发装置的结构框图；

图8为另一个实施例中网页开发装置的结构框图；

图9为一个实施例中计算机设备的内部结构图；

图10为另一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的网页开发方法，可以应用于如图1所示的应用环境中。其中，终端110通过网络与服务器120进行通信。服务器120包括公共服务器121和打包服务器122。其中，终端110可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一个实施例中，如图2所示，提供了一种网页开发方法，以该方法应用于如图1所示的终端为例进行说明，包括以下步骤：

步骤202，获取待开发网页所属的网页框架类型。

其中，网页框架类型是网页开发所使用的技术框架。比如，react.js框架或者vue.js框架等。不同功能需求的待开发网页所属的网页框架类型不同。

由于网页开发所使用的技术框架不同，后续使用的模板文件也不同，因此需要获取待开发网页所属的网页框架类型，即开发待开发网页使用的技术框架。

具体地，终端上可运行有网页开发应用程序，网页开发应用程序用于网页开发。终端可获取由用户操作指定的待开发网页所属的网页框架类型，也可根据待开发网页的功能需求自动确定并获取待开发网页所属的网页框架类型。

步骤204，从公共服务器选取与网页框架类型匹配的模板文件。

其中，公共服务器是开发人员公用的用于存储资源的服务器。公共服务器存储的资源比如各种开发场景的模板文件、模板代码或者实际开发代码等。

在一个实施例中，公共服务器为分布式版本控制***服务器，分布式版本控制***服务器中部署有网页开发项目仓库，网页开发项目仓库中包括至少两种网页框架类型各自匹配的模板文件。

可以理解，分布式版本控制***服务器可分区部署有各种开发项目对应的数据仓库，比如网页开发项目仓库、应用开发项目仓库等。开发人员可事先开发一些模板文件上传至对应的仓库中存储，以在后续需要时读取使用。

在一个实施例中，步骤204，包括：获取与网页框架类型匹配的模板文件所对应的文件标识；查询与文件标识对应存储的模板地址；根据模板地址从公共服务器下载模板文件。

具体地，公共服务器上存储的模板文件均对应存在一个文件标识，以及其在公共服务器上存储的模板地址。模板文件的文件标识和模板地址之间存在对应关系，该对应关系可存储在终端。终端可根据用户操作确定用户选择的模板文件，即获取到与网页框架类型匹配的模板文件所对应的文件标识，然后查询与文件标识对应存储的模板地址，再根据模板地址从公共服务器下载模板文件。

这样在多人协作开发同一项目的场景下，可以经由公共服务器交换开发信息，在需要把自己本地产生的最新代码同步到公共服务器即远程仓库中时，就可以进行推送操作，将本地的最新代码推送到远程仓库中，当需要从远程仓库中获取到另外的开发人员推送的最新的代码，也可以进行拉取操作，将远程仓库的最新代码拉取到本地仓库中，大家通过本地仓库进行实际修改和版本管理，通过远程仓库进行代码的更新和交换，可以提高开发效率。

步骤206，根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页对应的初始化代码。

其中，配置信息是对待开发网页进行配置的信息，配置信息包括项目信息，项目信息比如项目名称、项目描述以及作者等。这些信息可通过用户操作输入。

在一个实施例中，步骤206，包括：展示引导信息以获取与待开发网页对应的配置信息；将配置信息按照所属的信息类别填充至模板文件的配置文件；基于填充配置文件后的模板文件生成初始化代码。

具体地，终端的网页开发应用程序可展示引导信息，以引导用户输入生成初始化代码所需要的数据，进而获取到与待开发网页对应的配置信息。网页开发应用程序再将配置信息按照所属的信息类别填充至模板文件的配置文件，基于填充配置文件后的模板文件生成初始化代码。

另外，终端还会根据配置信息和模板文件生成本地配置文件。

举例说明，参考图3，该图示出了一个实施例中生成初始化代码的示意图。由该图可以看到终端在获取到用户输入数据后，可将数据填充至模板文件，生成初始化网页，开发人员再在初始化网页上进行业务逻辑开发。

步骤208，获取基于初始化代码扩展业务逻辑代码后得到的网页开发代码。

具体地，终端的网页开发应用程序可获取开发人员基于初始化代码扩展业务逻辑代码，得到可实现特定业务逻辑的网页开发代码。终端的网页开发应用程序也可基于初始化代码扩展业务逻辑代码得到网页开发代码。

步骤210，将网页开发代码提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取网页开发代码进行编译打包。

具体地，终端可将网页开发代码提交至公共服务器，并向打包服务器上报网页开发项目的唯一标识，该网页开发项目是网页开发代码的项目，即网页开发代码与唯一标识也存在对应关系。这样在产生打包指令时，可以触发打包服务器根据该唯一标识从公共服务器拉取网页开发代码进行编译打包。

在一个实施例中，网页开发方法还包括：根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页的发布流程所对应功能操作的功能脚本；将功能脚本提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取功能脚本执行编译打包操作。

其中，待开发网页的发布流程包括编译打包、测试、上线发布以及下线等。

具体地，模板文件中包括各功能操作相应的脚本模板文件，比如编译打包脚本模板文件等。终端上运行的网页开发应用程序可自动根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页的发布流程所对应功能操作的功能脚本，以便打包服务器后续根据用户指令执行相应功能操作的功能脚本。由于项目模板初始化的时候已经配置好了各功能操作相应的脚本，使得开发人员可专注于业务逻辑代码的开发，不必网页开发项目的其他操作和配置。

具体地，终端的网页开发应用程序可根据用户操作产生打包指令，将打包指令发送至打包服务器。比如网页开发应用程序可展示网页项目编译发布***页面，用户可在网页项目编译发布***页面中点击生产按钮，触发打包指令。网页项目编译发布***位于打包服务器中，即位于云端。

进一步地，打包指令中可携带网页开发项目的唯一标识，打包服务器可根据该唯一标识从公共服务器处拉取网页开发代码以及功能脚本，执行功能脚本，然后把生成的文件发布到对象存储服务器。其中，生成的文件是编译后的网站文件，比如网站静态资源文件等。用户最终通过浏览器访问到的文件，包含html,js、css、images等。对象存储服务器用于存储这些文件。

上述网页开发方法，在需要进行网页开发时，即自动获取待开发网页所属的网页框架类型，便可从公共服务器选取该网页框架类型相匹配的模板文件，然后根据模板文件以及与待开发网页对应的配置信息即可生成与待开发网页对应的初始化代码，进而可以获取基于初始化代码扩展业务逻辑代码后得到的网页开发代码，提交到公共服务器，从而在产生打包指令时，触发打包服务器从公共服务器拉取网页开发代码进行编译打包。这样即可在网页开发的各个流程上打通，无需在各个流程上单独耗费人力物力，而且对于各种不同网页框架类型的待开发网页均适用，极大地提高了网页开发的效率。

在一个实施例中，网页开发方法还包括：在基于网页开发代码完成编译打包后，在网页编译发布***页面中展示与待开发网页对应的信息列表栏；在信息列表栏中显示功能操作预览入口，以在针对待开发网页触发功能操作时，通过功能操作所对应的功能操作预览入口进行预览。

具体地，网页编译发布***页面中可按列表显示页面内容，每个信息列表栏内可显示一个网页的相关信息。信息列表栏中可包括功能操作预览入口，比如测试预览入口或者上线预览入口等。这样在产生针对待开发网页触发功能操作时，可通过功能操作所对应的功能操作预览入口进行预览。

在一个实施例中，在信息列表栏中显示功能操作预览入口，以在针对待开发网页触发功能操作时，通过功能操作所对应的功能操作预览入口进行预览，包括：在信息列表栏中显示功能操作预览入口；当针对待开发网页触发功能操作时，显示功能操作对应的功能操作预览入口关联的图形码，以通过移动终端扫描图形码进行预览。

具体地，功能操作预览入口可直接链接到功能操作页面，这样通过操作功能操作预览入口可直接跳转到功能操作页面。比如点击“测试预览”可跳转至测试页面。功能操作预览入口也可链接到图形码，这样通过操作功能操作预览入口触发在其他设备上进行预览。比如点击“测试预览”可展示测试预览图形码，移动终端扫描测试预览图形码可进行测试预览。其中，图形码包括二维码、条形码等。

举例说明，参考图4，可以看到网页编译发布***页面包括信息列表，信息列表中的每个信息列表栏显示了一个网页的相关信息。信息列表栏显示有功能操作预览入口“测试预览”、“线上预览”等。

上述实施例中，打通了网页开发从项目初始化到发布上线整个流程的服务化，让开发人员不用再关注项目的打包配置，也不用在关注如何发布到项目到服务器上，可以专注于业务逻辑开发，提升开发效率和开发体验。而且，还提供一个可视化***，网页开发代码在发布到相应的环境后，用户可以通过网页编译发布***页面中的功能操作预览入口进行各种预览。

在一个实施例中，如图5所示，提供了一种网页开发方法，以该方法应用于如图1所示的打包服务器为例进行说明，包括以下步骤：

步骤502，接收项目标识与打包指令。

其中，项目标识用于唯一标识一个网页开发项目。终端在基于功能操作预览入口得到网页开发代码后，可将网页开发代码上传到公共服务器存储，并向打包服务器上报项目标识。终端可再根据用户操作向打包服务器发送打包指令。

在另外的实施例中，终端也可根据用户操作向打包服务器发送打包指令，在打包服务器中携带网页开发项目的项目标识。

步骤504，响应于打包指令，从公共服务器拉取与项目标识对应的网页开发代码；网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，初始化代码根据待开发网页所属的网页框架类型匹配的模板文件以及与待开发网页对应的配置信息生成。

可以理解，项目标识与网页开发项目对应，开发人员在网页开发项目中开发待开发网页对应的网页开发代码。服务器获取到项目标识后，即可从公共服务器拉取与项目标识对应的网页开发代码，以进行编译打包。

步骤506，根据网页开发代码进行编译打包，得到待开发网页所对应的资源文件。

在一个实施例中，网页开发方法还包括：响应于打包指令，从公共服务器拉取与项目标识对应的功能脚本；功能脚本根据待开发网页所属的网页框架类型匹配的模板文件以及与待开发网页对应的配置信息生成；步骤506，包括：执行编译打包操作对应的功能脚本，以对网页开发代码进行编译打包，得到待开发网页所对应的资源文件并发布到对象存储服务器。

具体地，打包服务器还可根据该项目标识从公共服务器处拉取功能脚本，执行功能脚本，得到待开发网页所对应的资源文件，然后把生成的文件发布到对象存储服务器。

在一个实施例中，网页开发方法还包括：获取功能操作指令；功能操作指令包括上线指令、测试指令和下线指令中的至少一种；查询与功能操作指令对应的功能脚本；执行查询到的功能脚本以执行功能操作指令所指向的功能操作。

上述网页开发方法，在接收到项目标识与打包指令后，自动响应于打包指令，从公共服务器拉取与项目标识对应的网页开发代码，根据网页开发代码进行编译打包，即可得到待开发网页所对应的资源文件；而且网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，初始化代码根据待开发网页所属的网页框架类型匹配的模板文件以及与待开发网页对应的配置信息生成。这样即可在网页开发的各个流程上打通，无需在各个流程上单独耗费人力物力，而且对于各种不同网页框架类型的待开发网页均适用，极大地提高了网页开发的效率。

在一个具体的实施例中，如图6所示，提供了一种网页开发方法，以该方法通过如图1所示的终端、公共服务器以及打包服务器交互实现，具体地：

开发人员可根据需求自由定制模板文件，再将模板文件提交到打包服务器(比如远程git仓库)。终端上可安装开发环境(如nodejs)以及网页开发应用程序。在需要进行网页开发时，终端可根据开发人员操作获取与网页框架类型匹配的模板文件所对应的文件标识，查询与文件标识对应存储的模板地址，根据模板地址从公共服务器下载所述模板文件。终端可再根据用户触发的初始化命令，提示用户录入项目信息，根据所选模板结合用户录入数据生成初始化模板，即初始化代码以及本地配置文件。开发人员在上一步生成的初始化代码的基础上，进行业务逻辑代码开发，把开发好的网页开发代码提交到公共服务器上。

终端还可根据用户操作向打包服务器发送项目标识以及各种功能指令，打包服务器根据项目标识从公共服务器上拉取开发人员基于初始化文件进行业务逻辑开发完成的最新代码(网页开发代码)，执行自定义命令(编译命令、发布命令)生成目标代码，根据配置文件上传至打包服务器各个环境的指定目录。其中，不同的模板文件可以灵活定制打包命令和打包工具。

应该理解的是，虽然图2、图5的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2、图5中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图7所示，提供了一种网页开发装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：获取模块701、生成模块702和提交模块703。其中，

获取模块701，用于获取待开发网页所属的网页框架类型；从公共服务器选取与网页框架类型匹配的模板文件；

生成模块702，用于根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页对应的初始化代码；获取基于初始化代码扩展业务逻辑代码后得到的网页开发代码；

提交模块703，用于将网页开发代码提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取网页开发代码进行编译打包。

在一个实施例中，获取模块701还用于获取与网页框架类型匹配的模板文件所对应的文件标识；查询与文件标识对应存储的模板地址；根据模板地址从公共服务器下载模板文件。

在一个实施例中，公共服务器为分布式版本控制***服务器，分布式版本控制***服务器中部署有网页开发项目仓库，网页开发项目仓库中包括至少两种网页框架类型各自匹配的模板文件。

在一个实施例中，生成模块702还用于展示引导信息以获取与待开发网页对应的配置信息；将配置信息按照所属的信息类别填充至模板文件的配置文件；基于填充配置文件后的模板文件生成初始化代码。

在一个实施例中，生成模块702还用于根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页的发布流程所对应功能操作的功能脚本；将功能脚本提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取功能脚本执行编译打包操作。

在一个实施例中，生成模块702还用于在基于网页开发代码完成编译打包后，在网页编译发布***页面中展示与待开发网页对应的信息列表栏；在信息列表栏中显示功能操作预览入口，以在针对待开发网页触发功能操作时，通过功能操作所对应的功能操作预览入口进行预览。

在一个实施例中，生成模块702还用于在信息列表栏中显示功能操作预览入口；当针对待开发网页触发功能操作时，显示功能操作对应的功能操作预览入口关联的图形码，以通过移动终端扫描图形码进行预览。

上述网页开发装置，在需要进行网页开发时，即自动获取待开发网页所属的网页框架类型，便可从公共服务器选取该网页框架类型相匹配的模板文件，然后根据模板文件以及与待开发网页对应的配置信息即可生成与待开发网页对应的初始化代码，进而可以获取基于初始化代码扩展业务逻辑代码后得到的网页开发代码，提交到公共服务器，从而在产生打包指令时，触发打包服务器从公共服务器拉取网页开发代码进行编译打包。这样即可在网页开发的各个流程上打通，无需在各个流程上单独耗费人力物力，而且对于各种不同网页框架类型的待开发网页均适用，极大地提高了网页开发的效率。

在一个实施例中，如图8所示，提供了一种网页开发装置，该装置可以采用软件模块或硬件模块，或者是二者的结合成为计算机设备的一部分，该装置具体包括：接收模块801、拉取模块802和打包模块803，其中，

接收模块801，用于接收项目标识与打包指令；

拉取模块802，用于响应于打包指令，从公共服务器拉取与项目标识对应的网页开发代码；网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，初始化代码根据待开发网页所属的网页框架类型匹配的模板文件以及与待开发网页对应的配置信息生成；

打包模块803，用于根据网页开发代码进行编译打包，得到待开发网页的资源文件。

在一个实施例中，打包模块803还用于响应于打包指令，从公共服务器拉取与项目标识对应的功能脚本；功能脚本根据待开发网页所属的网页框架类型匹配的模板文件以及与待开发网页对应的配置信息生成；执行编译打包操作对应的功能脚本，以对网页开发代码进行编译打包，得到待开发网页所对应的资源文件并发布到对象存储服务器。

在一个实施例中，打包模块803还用于获取功能操作指令；功能操作指令包括上线指令、测试指令和下线指令中的至少一种；查询与功能操作指令对应的功能脚本；执行查询到的功能脚本以执行功能操作指令所指向的功能操作。

上述网页开发装置，在接收到项目标识与打包指令后，自动响应于打包指令，从公共服务器拉取与项目标识对应的网页开发代码，根据网页开发代码进行编译打包，即可得到待开发网页所对应的资源文件；而且网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，初始化代码根据待开发网页所属的网页框架类型匹配的模板文件以及与待开发网页对应的配置信息生成。这样即可在网页开发的各个流程上打通，无需在各个流程上单独耗费人力物力，而且对于各种不同网页框架类型的待开发网页均适用，极大地提高了网页开发的效率。

关于网页开发装置的具体限定可以参见上文中对于网页开发方法的限定，在此不再赘述。上述网页开发装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图9所示。该计算机设备包括通过***总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种网页开发方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图10所示。该计算机设备包括通过***总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***、计算机程序和数据库。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的数据库用于存储网页开发数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种网页开发方法。

本领域技术人员可以理解，图9和10中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：获取待开发网页所属的网页框架类型；从公共服务器选取与网页框架类型匹配的模板文件；根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页对应的初始化代码；获取基于初始化代码扩展业务逻辑代码后得到的网页开发代码；将网页开发代码提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取网页开发代码进行编译打包。

在一个实施例中，从公共服务器选取与网页框架类型匹配的模板文件，包括：获取与网页框架类型匹配的模板文件所对应的文件标识；查询与文件标识对应存储的模板地址；根据模板地址从公共服务器下载模板文件。

在一个实施例中，公共服务器为分布式版本控制***服务器，分布式版本控制***服务器中部署有网页开发项目仓库，网页开发项目仓库中包括至少两种网页框架类型各自匹配的模板文件。

在一个实施例中，根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页对应的初始化代码，包括：展示引导信息以获取与待开发网页对应的配置信息；将配置信息按照所属的信息类别填充至模板文件的配置文件；基于填充配置文件后的模板文件生成初始化代码。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页的发布流程所对应功能操作的功能脚本；将功能脚本提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取功能脚本执行编译打包操作。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：在基于网页开发代码完成编译打包后，在网页编译发布***页面中展示与待开发网页对应的信息列表栏；在信息列表栏中显示功能操作预览入口，以在针对待开发网页触发功能操作时，通过功能操作所对应的功能操作预览入口进行预览。

在一个实施例中，在信息列表栏中显示功能操作预览入口，以在针对待开发网页触发功能操作时，通过功能操作所对应的功能操作预览入口进行预览，包括：在信息列表栏中显示功能操作预览入口；当针对待开发网页触发功能操作时，显示功能操作对应的功能操作预览入口关联的图形码，以通过移动终端扫描图形码进行预览。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：获取待开发网页所属的网页框架类型；从公共服务器选取与网页框架类型匹配的模板文件；根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页对应的初始化代码；获取基于初始化代码扩展业务逻辑代码后得到的网页开发代码；将网页开发代码提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取网页开发代码进行编译打包。

在一个实施例中，从公共服务器选取与网页框架类型匹配的模板文件，包括：获取与网页框架类型匹配的模板文件所对应的文件标识；查询与文件标识对应存储的模板地址；根据模板地址从公共服务器下载模板文件。

在一个实施例中，公共服务器为分布式版本控制***服务器，分布式版本控制***服务器中部署有网页开发项目仓库，网页开发项目仓库中包括至少两种网页框架类型各自匹配的模板文件。

在一个实施例中，根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页对应的初始化代码，包括：展示引导信息以获取与待开发网页对应的配置信息；将配置信息按照所属的信息类别填充至模板文件的配置文件；基于填充配置文件后的模板文件生成初始化代码。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：根据模板文件以及与待开发网页对应的配置信息，生成与待开发网页的发布流程所对应功能操作的功能脚本；将功能脚本提交至公共服务器，以在产生打包指令时，触发打包服务器从公共服务器拉取功能脚本执行编译打包操作。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：在基于网页开发代码完成编译打包后，在网页编译发布***页面中展示与待开发网页对应的信息列表栏；在信息列表栏中显示功能操作预览入口，以在针对待开发网页触发功能操作时，通过功能操作所对应的功能操作预览入口进行预览。

在一个实施例中，在信息列表栏中显示功能操作预览入口，以在针对待开发网页触发功能操作时，通过功能操作所对应的功能操作预览入口进行预览，包括：在信息列表栏中显示功能操作预览入口；当针对待开发网页触发功能操作时，显示功能操作对应的功能操作预览入口关联的图形码，以通过移动终端扫描图形码进行预览。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (15)

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

获取待开发网页所属的网页框架类型；

从公共服务器选取与所述网页框架类型匹配的模板文件；

根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码；

获取基于所述初始化代码扩展业务逻辑代码后得到的网页开发代码；

将所述网页开发代码提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述网页开发代码进行编译打包。

2.根据权利要求1所述的方法，其特征在于，所述从公共服务器选取与所述网页框架类型匹配的模板文件，包括：

获取与所述网页框架类型匹配的模板文件所对应的文件标识；

查询与所述文件标识对应存储的模板地址；

根据所述模板地址从所述公共服务器下载所述模板文件。

3.根据权利要求2所述的方法，其特征在于，所述公共服务器为分布式版本控制***服务器，所述分布式版本控制***服务器中部署有网页开发项目仓库，所述网页开发项目仓库中包括至少两种网页框架类型各自匹配的模板文件。

4.根据权利要求1所述的方法，其特征在于，所述根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码，包括：

展示引导信息以获取与所述待开发网页对应的配置信息；

将所述配置信息按照所属的信息类别填充至所述模板文件的配置文件；

基于填充配置文件后的模板文件生成所述初始化代码。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页的发布流程所对应功能操作的功能脚本；

将所述功能脚本提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述功能脚本执行编译打包操作。

6.根据权利要求1-4中任一项所述的方法，其特征在于，所述方法还包括：

在基于所述网页开发代码完成编译打包后，在网页编译发布***页面中展示与所述待开发网页对应的信息列表栏；

在所述信息列表栏中显示功能操作预览入口，以在针对所述待开发网页触发功能操作时，通过所述功能操作所对应的功能操作预览入口进行预览。

7.根据权利要求5所述的方法，其特征在于，所述在所述信息列表栏中显示功能操作预览入口，以在针对所述待开发网页触发功能操作时，通过所述功能操作所对应的功能操作预览入口进行预览，包括：

在所述信息列表栏中显示功能操作预览入口；

当针对所述待开发网页触发功能操作时，显示所述功能操作对应的功能操作预览入口关联的图形码，以通过移动终端扫描所述图形码进行预览。

8.一种网页开发方法，其特征在于，所述方法包括：

接收项目标识与打包指令；

响应于所述打包指令，从公共服务器拉取与所述项目标识对应的网页开发代码；所述网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，所述初始化代码根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

根据所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件。

9.根据权利要求8所述的方法，其特征在于，所述方法还包括：

响应于所述打包指令，从公共服务器拉取与所述项目标识对应的功能脚本；所述功能脚本根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

所述根据所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件，包括：

执行编译打包操作对应的功能脚本，以对所述网页开发代码进行编译打包，得到待开发网页所对应的资源文件并发布到对象存储服务器。

10.根据权利要求9所述的方法，其特征在于，所述方法还包括：

获取功能操作指令；所述功能操作指令包括上线指令、测试指令和下线指令中的至少一种；

查询与所述功能操作指令对应的功能脚本；

执行查询到的所述功能脚本以执行所述功能操作指令所指向的功能操作。

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

获取模块，用于获取待开发网页所属的网页框架类型；从公共服务器选取与所述网页框架类型匹配的模板文件；

生成模块，用于根据所述模板文件以及与所述待开发网页对应的配置信息，生成与所述待开发网页对应的初始化代码；获取基于所述初始化代码扩展业务逻辑代码后得到的网页开发代码；

提交模块，用于将所述网页开发代码提交至所述公共服务器，以在产生打包指令时，触发打包服务器从所述公共服务器拉取所述网页开发代码进行编译打包。

12.一种网页开发装置，其特征在于，所述装置包括：

获取模块，用于接收项目标识与打包指令；

拉取模块，用于响应于所述打包指令，从公共服务器拉取与所述项目标识对应的网页开发代码；所述网页开发代码基于待开发网页对应的初始化代码扩展业务逻辑代码后得到，所述初始化代码根据所述待开发网页所属的网页框架类型匹配的模板文件以及与所述待开发网页对应的配置信息生成；

打包模块，用于根据所述网页开发代码进行编译打包，得到待开发网页的资源文件。

13.一种终端，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。

14.一种服务器，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求8至10中任一项所述的方法的步骤。

15.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至10中任一项所述的方法的步骤。

Images