网页开发模板的生成方法、装置、计算机设备和存储介质与流程

本申请涉及网页开发技术领域，特别是涉及一种网页开发模板的生成方法、装置、计算机设备和存储介质。

背景技术：

当下互联网普遍采用web应用系统进行网页开发，利用该web应用系统进行网页开发时需要前端和后端进行开发配合。目前这种配合开发方式存在如下问题：后端网页开发的执行依赖于前端网页开发，需等待前端网页开发结束后，后端网页开发才可执行。因此，当下网页开发的效率较低，急需提高网页开发的效率。

例如，一些网页项目的后端开发采用freemarker(一款模板引擎)。此时，网页项目的开发需要前端根据ui设计图开发html代码，后端重新改写为freemarker模板后再写入业务逻辑代码，才能放入系统中运行。当出现二次修改网页时，后端根据前端html变化内容再次改写freemarker，导致工作量极大，网页开发的效率也很低。

这种前端和后端配合开发的网页开发方式急需改进，以提高网页开发的效率。

技术实现要素：

基于此，有必要针对上述技术问题，提供一种能够提高网页开发效率的网页开发模板的生成方法、装置、计算机设备和存储介质。

一种网页开发模板的生成方法，该方法包括：创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入；设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，网页开发模板的生成方法还包括：确定对接接口的接口配置信息，将接口配置信息设置到第一后端工程文件中，包含接口配置信息的第一后端工程文件作为第二后端工程文件；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板，包括：根据第一前端工程文件以及第二后端工程文件生成网页开发模板。

在其中一个实施例中，设置第一前端工程文件和第一后端工程文件的对接接口，包括：在第一后端工程文件中确定出网页前端调用网页后端时采用的第一操作接口对应的第一调用对象，对接接口包括第一操作接口；根据第一预设约定规则设置第一调用对象，以使得网页前端根据第一预设约定规则调用第一调用对象；其中，包含设置后的第一调用对象的第一后端工程文件作为第三后端工程文件；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板，包括：根据第一前端工程文件以及第三后端工程文件生成所述网页开发模板。

在其中一个实施例中，设置第一前端工程文件和第一后端工程文件的对接接口，包括：在第一后端工程文件中确定出网页后端调用网页前端时采用的第二操作接口对应的第二调用对象，对接接口包括第二操作接口；根据第二预设约定规则设置第二调用对象，以使得网页后端根据第二预设约定规则调用第二调用对象；其中，包含设置后的第二调用对象的第一后端工程文件作为第四后端工程文件；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板，包括：根据第一前端工程文件以及第四后端工程文件生成网页开发模板。

在其中一个实施例中，网页开发模板的生成方法还包括：在第一前端工程文件中生成data方法，data方法用于接收网页数据的写入，生成data方法后的第一前端工程文件作为第二前端工程文件；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板，包括：根据第二前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，网页开发模板的生成方法还包括：在第一前端工程文件中生成methods方法，methods方法用于接收网页触发操作对应的接口的代码写入，生成methods方法后的第一前端工程文件作为第三前端工程文件；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板，包括：根据第三前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，网页开发模板的生成方法还包括：将第一前端工程文件的格式设置为ftl格式，将第一后端工程文件的格式设置为js格式；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板，包括：根据ftl格式的第一前端工程文件、js格式的第一后端工程文件以及对接接口生成网页开发模板。

一种网页开发模板的生成装置，该装置包括：创建模块，用于创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入；设置模块，用于设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接；生成模块，用于根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述任一实施例方法的步骤。

一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述任一实施例方法的步骤。

上述网页开发模板的生成方法、装置、计算机设备和存储介质，创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入。因此可以将网页开发所需要的开发代码分开管理。进一步地，设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接。最终，根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。因此，在使用该网页开发模板进行网页开发时，可以根据第一前端工程文件和第一后端工程文件分别进行代码开发，网页后端无需等待网页前端的代码开发结束后再进行后端代码开发，网页前端和网页后端可以同时进行网页代码开发，最终通过预设数据协议和对接接口进行数据对接即可实现网页开发，从而提高了网页开发的效率。

附图说明

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

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

图3为另一个实施例中一种网页开发模板的生成方法的流程示意图；

图4为又一个实施例中一种网页开发模板的生成方法的流程示意图；

图5为一个实施例中网页开发代码的界面显示图；

图6为再一个实施例中一种网页开发模板的生成方法的流程示意图；

图7为再一个实施例中一种网页开发模板的生成方法的流程示意图；

图8为又一个实施例中网页开发代码的界面显示图；

图9为再一个实施例中一种网页开发模板的生成方法的流程示意图；

图10a为又一个实施例中网页开发代码的界面显示图；

图10b为再一个实施例中网页开发代码的界面显示图；

图11为一个实施例中一种网页开发模板的生成装置的结构框图；

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

具体实施方式

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

本申请提供的一种网页开发模板的生成方法，应用于如图1所示的应用环境中。网页开发模板生成平台用于生成本申请的网页开发模板。网页开发模板生成平台包服务器和数据库。数据库中存储有创建网页开发模板的第一前端工程文件对应的数据和第一后端工程文件对应的数据。服务器从数据库中提取第一前端工程文件对应的数据和第一后端工程文件对应的数据，以分别创建网页开发模板的第一前端工程文件和第一后端工程文件。其中，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入。进一步地，设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接，最终根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。当需要根据网页开发模板进行网页开发时，网页前端开发用户可以针对第一前端工程文件使用网页前端进行前端代码开发，网页后端开发用户可以针对第一后端工程文件使用网页后端进行后端代码开发，网页前端开发用户和网页后端开发用户可以同时进行网页代码开发，节省网页开发时间，从而提高网页开发的效率。

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

s102，创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入。

在本实施例中，服务器创建网页开发模板的第一前端工程文件和第一后端工程文件。网页前端开发的技术人员可以在第一前端工程文件中写入前端开发代码，网页后端开发的技术人员可以在第一后端工程文件中写入后端开发代码。因此，可以使得网页开发模板中网页开发的前端开发代码和后端开发代码分离，在第一前端工程文件写入网页前端开发需要的开发代码，例如ejs语法html代码文件。在第一后端工程文件写入网页后端开发需要的开发代码，例如业务逻辑代码。

s104，设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接。

在本实施例中，服务器创建第一前端工程文件和第一后端工程文件之后，需要对第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端的数据对接进行设置。此时，服务器设置第一前端工程文件和第一后端工程文件的对接接口。网页前端和网页后端可以通过对接接口进行数据对接，以实现网页前端和网页后端的数据交互。确定出第一前端工程文件和第一后端工程文件的对接接口，则说明已经把网页前端和网页后端处理业务时动作操作逻辑确定下来。此时，前端开发者只需要按照前端业务逻辑在第一前端工程文件中写入前端开发代码，后端开发者只需要按照后端业务逻辑在第一后端工程文件中写入后端开发代码，即可通过对接接口实现网页开发代码的拼接。

其中，网页前端与网页后端根据预设数据协议进行数据对接。预设数据协议为服务器根据网页前端与网页后端具体的交互数据确定。网页前端与网页后端的交互数据可以是多种类型，此时预设数据协议也可以是多种，不同类型的数据交互对应不同的预设数据协议。例如，预设数据协议可以是表单建立的数据协议，表单提交的数据协议等。网页前端与网页后端根据预设数据协议通过对接接口进行数据对接可以是网页前端与网页后端根据表单建立的数据协议通过对接接口进行建立表单所需的数据对接。

s106，根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在本实施中，服务器根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。网页开发模板用于向开发者提供网页开发的相关服务。开发者可以包括前端开发者和后端开发者。由于已经设定出第一前端工程文件对应的网页前端与第一后端工程文件对应的网页后端对应的对接接口，网页前端和网页后端可以基于对接接口进行数据交互，在网页开发时前端开发者能够基于网页开发模板的第一前端工程文件写入前端开发代码，后端开发者能够基于网页开发模板的第一后端工程文件写入后端开发代码，之后服务器根据对接接口将前端开发代码和后端开发代码进行合并即可实现网页开发。

上述网页开发模板的生成方法，创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入。因此可以将网页开发所需要的开发代码分开管理。进一步地，设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接。最终，根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。因此，在使用该网页开发模板进行网页开发时，可以根据第一前端工程文件和第一后端工程文件分别进行代码开发，网页后端无需等待网页前端的代码开发结束后再进行后端代码开发，网页前端和网页后端可以同时进行网页代码开发，最终通过预设数据协议和对接接口进行数据对接即可实现网页开发，从而提高了网页开发的效率。

在一实施例中，如图3所示，s106之前，还包括步骤：

s1052，确定对接接口的接口配置信息，将接口配置信息设置到第一后端工程文件中，包含接口配置信息的第一后端工程文件作为第二后端工程文件。

此时s106包括：

s1062，根据第一前端工程文件以及第二后端工程文件生成网页开发模板。

在该实施例中，网页开发模板规定，对于对接接口的开发，由网页后端负责。因此，服务器确定出网页前端和网页后端数据交互的对接接口的接口配置信息后，将接口配置信息设置到第一后端工程文件中，后端开发者能够在第一后端工程文件中根据接口配置信息对对接接口进行代码开发，从而提高网页开发的效率。由于对接接口的接口配置信息已经设置到第一后端工程文件中，此时只需要根据第一前端工程文件以及包含接口配置信息的第一后端工程文件生成网页开发模板即可。具体地，网页开发模板中第一前端工程文件为html文件而第一后端工程文件中为js文件时，将对接接口的接口配置信息设置到js文件即可，后端开发者直接对js文件进行代码开发。

在一实施例中，如图4所示，s104包括：

s1042，在第一后端工程文件中确定出网页前端调用网页后端时采用的第一操作接口对应的第一调用对象，对接接口包括第一操作接口。

s1044，根据第一预设约定规则设置第一调用对象，以使得网页前端根据第一预设约定规则调用第一调用对象；其中，包含设置后的第一调用对象的第一后端工程文件作为第三后端工程文件。

此时，s106包括：

s1064，根据第一前端工程文件以及第三后端工程文件生成网页开发模板。

在该实施例中，服务器在第一后端工程文件中约定出网页前端调用网页后端的第一调用对象。第一调用对象为网页前端调用网页后端采用的第一操作接口对应的对象。第一操作接口为网页页面能触发的所有动作接口。其中，对接接口包括第一操作接口。进一步地，服务器根据第一预设约定规则设置第一调用对象，以使得网页前端根据第一预设约定规则调用第一调用对象。第一预设约定规则可以是在第一调用对象之前设置第一标识符，例如$_。通过该第一标识符网页前端可以跨文件调用网页后端的第三后端工程文件中的第一调用对象。此外，服务器还可将第三后端工程文件中的第一调用对象的属性设置为全局声明，因此第一调用对象即为全局对象，从而实现网页前端对第一调用对象的调用。具体地，服务器将网页开发模板的第一后端工程文件中的第一调用对象设置为全局对象后，以$_标识符作为全局对象的开头，网页前端根据$_标识符识别出其需要调用的调用对象即可实现跨文件调用。例如，如图5所示，网页前端的代码可以用$_对象找到js文件中写的方法。因此，可以提高网页开发的效率。

在一实施例中，如图6所示，s104包括：

s1046，在第一后端工程文件中确定出网页后端调用网页前端时采用的第二操作接口对应的第二调用对象，对接接口包括第二操作接口。

s1048，根据第二预设约定规则设置第二调用对象，以使得网页后端根据第二预设约定规则调用第二调用对象；其中，包含设置后的第二调用对象的第一后端工程文件作为第四后端工程文件。

此时，s106包括：

s1066，根据第一前端工程文件以及第四后端工程文件生成网页开发模板。

在该实施例中，服务器在第一后端工程文件中约定出网页后端调用网页前端的第二调用对象。第二调用对象为网页后端调用网页前端采用的第二操作接口对应的对象。其中，对接接口包括第二操作接口。进一步地，服务器根据第二预设约定规则设置第二调用对象，以使得网页后端根据第二预设约定规则调用第二调用对象。第二预设约定规则可以是在第二调用对象之前设置第二标识符，例如v_。通过该第二标识符网页后端可以识别出第二调用对象。具体地，服务器采用v_标识符作为网页开发模板的第一后端工程文件中的第二调用对象的开头，网页后端根据v_标识符识别出其需要调用的调用对象。因此，可以提高网页开发的效率。

在一实施例中，如图7所示，s106之前，还包括：

s1054，在第一前端工程文件中生成data方法，data方法用于接收网页数据的写入，生成data方法后的第一前端工程文件作为第二前端工程文件。

此时s106包括：

s1068，根据第二前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在该实施例中，服务器在第一前端工程文件中生成data方法，将网页页面涉及到的数据写入data方法中。具体地，如图8所示，页面涉及的数据书写在data()中，从而满足网页前端使用的vue框架的数据书写要求。例如：页面上有一个输入框，那输入框对应的输入内容以一个字段的形式写在data()里。最终，将生成data方法后的第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。因此，可实现网页前端采用vue框架进行网页开发。

举例说明：利用网页开发模板生成的网页页面上有一个“用户名”字段，在data方法中用name来存储。在第一前端工程文件生成data方法，用于接收前端开发代码的写入。具体代码如下：

data(){

return{

name:”

}

}；

那么，网页后端需要使用到时只需要写入代码“v_menu.name”即可调用其name存储的内容。

在一实施例中，如图9所示，s106之前，还包括：

s1056，在第一前端工程文件中生成methods方法，methods方法用于接收网页触发操作对应的接口的代码写入，生成methods方法后的第一前端工程文件作为第三前端工程文件。

此时s106包括：

s1069，根据第三前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在该实施例中，服务器在第一前端工程文件中生成methods方法，将网页触发操作对应的接口的代码写入methods方法中。具体地，如图8所示，例如：页面上有一个按钮，那点击按钮触发的处理方法就要写在methods里。最终，将生成methods方法后的第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。因此，可实现网页前端采用vue框架进行网页开发。

在一实施例中，s106之前还包括：将第一前端工程文件的格式设置为ftl格式，将第一后端工程文件的格式设置为js格式。此时s106包括：根据ftl格式的第一前端工程文件、js格式的第一后端工程文件以及对接接口生成网页开发模板。

在该实施例中，服务器在生成网页开发模板时，将网页开发代码拆分为两部分：后缀名为.ftl的ejs语法html代码文件以及后缀名为.js的逻辑代码文件。其中，.ftl的ejs语法html代码文件为第一前端工程文件，后缀名为.js的逻辑代码文件为第一后端工程文件。因此，在网页开发时，网页前端负责html文件的开发、网页后端负责js文件的开发，网页前端和网页后端可以同时进行，可以提高网页开发的效率。具体地，如图10a和图10b所示，服务器设置网页开发模板对代码存放方式如下：

(1)在views文件夹存放ftl文件，用于存放网页前端开发的代码；

(2)在public文件夹存放资源文件，包括css、js、img、font等文件；

(3)在public/js文件夹存放js文件，用于存放后端开发的代码。

其中，资源文件中，css文件、img文件、font文件等为网页前端开发需要用到的文件，js文件是网页后端开发需要用到的文件，web应用系统要求这些文件都必须放在public目录下。.js文件里面包含了业务逻辑，服务端代码里也有业务逻辑，这些都由网页后端统一来写降低逻辑问题出现率。网页前端负责的是画页面和页面交互动作，主要在ftl文件及和css文件里。因此，网页开发模板正好从负责的文件层面分离前后端负责的工作，从而实现网页前端和网页后端代码开发的分离。

使用网页开发模板，网页前端和网页后端配合开发方式为：网页前端开发负责views文件夹下ftl文件的编写，网页后端开发负责public/js文件夹下js文件的编写，因此可提高网页开发的效率。

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

本申请还提供一种网页开发模板的生成装置，如图11所示，该装置包括创建模块10、设置模块20以及生成模块30。创建模块10，用于创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入。设置模块20，用于设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接。生成模块30，用于根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，网页开发模板的生成装置可以包括(图11未示出)：配置模块，用于确定对接接口的接口配置信息，将接口配置信息设置到第一后端工程文件中，包含接口配置信息的第一后端工程文件作为第二后端工程文件。此时生成模块用于根据第一前端工程文件以及第二后端工程文件生成网页开发模板。

在其中一个实施例中，设置模块可以包括(图11未示出)：第一确定单元，用于第一后端工程文件中确定出网页前端调用网页后端时采用的第一操作接口对应的第一调用对象，对接接口包括所述第一操作接口；第一设置单元，用于根据第一预设约定规则设置第一调用对象，以使得网页前端根据第一预设约定规则调用第一调用对象；其中，包含设置后的第一调用对象的第一后端工程文件作为第三后端工程文件。此时生成模块30用于根据第一前端工程文件以及第三后端工程文件生成网页开发模板。

在其中一个实施例中，设置模块可以包括(图11未示出)：第二确定单元，用于在第一后端工程文件中确定出网页后端调用网页前端时采用的第二操作接口对应的第二调用对象，对接接口包括第二操作接口；第二设置单元，用于根据第二预设约定规则设置第二调用对象，以使得网页后端根据第二预设约定规则调用第二调用对象；其中，包含设置后的第二调用对象的第一后端工程文件作为第四后端工程文件。此时生成模块30用于根据第一前端工程文件以及第四后端工程文件生成网页开发模板。

在其中一个实施例中，网页开发模板的生成装置可以包括(图11未示出)：第一建立模块，用于在第一前端工程文件中生成data方法，data方法用于接收网页数据的写入，生成data方法后的第一前端工程文件作为第二前端工程文件。此时生成模块30用于根据第二前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，网页开发模板的生成装置可以包括(图11未示出)：第二建立模块，用于在第一前端工程文件中生成methods方法，methods方法用于接收网页触发操作对应的接口的代码写入，生成methods方法后的第一前端工程文件作为第三前端工程文件。此时生成模块30用于根据第三前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，网页开发模板的生成装置可以包括(图11未示出)：格式设置模块，用于将第一前端工程文件的格式设置为ftl格式，将第一后端工程文件的格式设置为js格式。此时生成模块30用于根据ftl格式的第一前端工程文件、js格式的第一后端工程文件以及对接接口生成网页开发模板。

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

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

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

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入；设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，处理器执行计算机程序还实现以下步骤：确定对接接口的接口配置信息，将接口配置信息设置到第一后端工程文件中，包含接口配置信息的第一后端工程文件作为第二后端工程文件；处理器执行计算机程序实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第一前端工程文件以及第二后端工程文件生成网页开发模板。

在其中一个实施例中，处理器执行计算机程序实现上述的设置第一前端工程文件和第一后端工程文件的对接接口步骤时，具体实现以下步骤：在第一后端工程文件中确定出网页前端调用网页后端时采用的第一操作接口对应的第一调用对象，对接接口包括第一操作接口；根据第一预设约定规则设置第一调用对象，以使得网页前端根据第一预设约定规则调用第一调用对象；其中，包含设置后的第一调用对象的第一后端工程文件作为第三后端工程文件；处理器执行计算机程序实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第一前端工程文件以及第三后端工程文件生成所述网页开发模板。

在其中一个实施例中，处理器执行计算机程序实现上述的设置第一前端工程文件和第一后端工程文件的对接接口步骤时，具体实现以下步骤：在第一后端工程文件中确定出网页后端调用网页前端时采用的第二操作接口对应的第二调用对象，对接接口包括第二操作接口；根据第二预设约定规则设置第二调用对象，以使得网页后端根据第二预设约定规则调用第二调用对象；其中，包含设置后的第二调用对象的第一后端工程文件作为第四后端工程文件；处理器执行计算机程序实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第一前端工程文件以及第四后端工程文件生成网页开发模板。

在其中一个实施例中，处理器执行计算机程序还实现以下步骤：在第一前端工程文件中生成data方法，data方法用于接收网页数据的写入，生成data方法后的第一前端工程文件作为第二前端工程文件；处理器执行计算机程序实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第二前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，处理器执行计算机程序还实现以下步骤：在第一前端工程文件中生成methods方法，methods方法用于接收网页触发操作对应的接口的代码写入，生成methods方法后的第一前端工程文件作为第三前端工程文件；处理器执行计算机程序实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第三前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，处理器执行计算机程序还实现以下步骤：将第一前端工程文件的格式设置为ftl格式，将第一后端工程文件的格式设置为js格式；处理器执行计算机程序实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据ftl格式的第一前端工程文件、js格式的第一后端工程文件以及对接接口生成网页开发模板。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：创建网页开发模板的第一前端工程文件和第一后端工程文件，第一前端工程文件用于接收前端开发代码的写入，第一后端工程文件用于接收后端开发代码的写入；设置第一前端工程文件和第一后端工程文件的对接接口，以使得第一前端工程文件对应的网页前端和第一后端工程文件对应的网页后端根据预设数据协议通过对接接口进行数据对接；根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，计算机程序被处理器执行还实现以下步骤：确定对接接口的接口配置信息，将接口配置信息设置到第一后端工程文件中，包含接口配置信息的第一后端工程文件作为第二后端工程文件；计算机程序被处理器执行实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第一前端工程文件以及第二后端工程文件生成网页开发模板。

在其中一个实施例中，计算机程序被处理器执行实现上述的设置第一前端工程文件和第一后端工程文件的对接接口步骤时，具体实现以下步骤：在第一后端工程文件中确定出网页前端调用网页后端时采用的第一操作接口对应的第一调用对象，对接接口包括第一操作接口；根据第一预设约定规则设置第一调用对象，以使得网页前端根据第一预设约定规则调用第一调用对象；其中，包含设置后的第一调用对象的第一后端工程文件作为第三后端工程文件；计算机程序被处理器执行实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第一前端工程文件以及第三后端工程文件生成所述网页开发模板。

在其中一个实施例中，计算机程序被处理器执行实现上述的设置第一前端工程文件和第一后端工程文件的对接接口步骤时，具体实现以下步骤：在第一后端工程文件中确定出网页后端调用网页前端时采用的第二操作接口对应的第二调用对象，对接接口包括第二操作接口；根据第二预设约定规则设置第二调用对象，以使得网页后端根据第二预设约定规则调用第二调用对象；其中，包含设置后的第二调用对象的第一后端工程文件作为第四后端工程文件；计算机程序被处理器执行实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第一前端工程文件以及第四后端工程文件生成网页开发模板。

在其中一个实施例中，计算机程序被处理器执行还实现以下步骤：在第一前端工程文件中生成data方法，data方法用于接收网页数据的写入，生成data方法后的第一前端工程文件作为第二前端工程文件；计算机程序被处理器执行实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第二前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，计算机程序被处理器执行还实现以下步骤：在第一前端工程文件中生成methods方法，methods方法用于接收网页触发操作对应的接口的代码写入，生成methods方法后的第一前端工程文件作为第三前端工程文件；计算机程序被处理器执行实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据第三前端工程文件、第一后端工程文件以及对接接口生成网页开发模板。

在其中一个实施例中，计算机程序被处理器执行还实现以下步骤：将第一前端工程文件的格式设置为ftl格式，将第一后端工程文件的格式设置为js格式；计算机程序被处理器执行实现上述的根据第一前端工程文件、第一后端工程文件以及对接接口生成网页开发模板步骤时，具体实现以下步骤：根据ftl格式的第一前端工程文件、js格式的第一后端工程文件以及对接接口生成网页开发模板。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)或者外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)等。

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

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