网站构建的方法、装置、电子设备以及存储介质

摘要

本申请提供了一种网站构建的方法、装置、电子设备以及存储介质，其中，在一种网站构建的方法中，首先接收用户的网站构建指令，然后根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，其中，组件模板用于构建网站页面。再按照所述网站构建指令，利用各个组件模板进行页面布局。之后将业务数据集成到各个组件模板中，生成网站的模板文件。调用资源管控端将模板文件发送到页面前端，以触发页面前端对模板文件进行渲染与显示，生成相应的网站页面。由此可知，本申请提供的网站构建方法很大程度上降低网站构建的难度，提高了网站构建的效率。

说明书

技术领域

本申请涉及互联网技术领域，尤其涉及一种网站构建的方法、装置、电子设备以及存储介质。

背景技术

网站伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。其中，许多企业为了宣传公司的产品、服务、理念、文化等，通常会建立以一个网站，提供给其他用户浏览与公司相关的一些内容。

但是，目前大多数构建网站的方式灵活性不足，面对主题、场景的变化或新增业务时，通常需要对原始的网站代码进行修改，这样会存在一定风险性，容易影响全局的运行效果，同时会对网站的现有业务产生影响。并且，网站的现有工作成果利用率低，在面对新的建站需求时，需要重新进行项目搭建和开发，不能简单便捷的继续使用现有项目的成果。

发明内容

有鉴于此，本申请提供一种网站构建的方法、装置、电子设备以及存储介质，通过利用预先构建的组件模板与业务数据生成网站的模板文件的方式，快速生成相应的网站页面，以解决现有技术中构建网站的方式灵活性不足，以及网站的现有工作成果利用率低的问题。

为实现上述目的，本申请提供如下技术方案：

本申请第一方面公开了一种网站构建的方法，包括：

接收用户的网站构建指令；

根据所述网站构建指令，获取当前网站所对应的组件模板以及所述当前网站所对应的业务数据，其中，所述组件模板用于构建网站页面；

按照所述网站构建指令，利用各个所述组件模板进行页面布局；

将所述业务数据集成到各个所述组件模板中，生成网站的模板文件；

调用资源管控端将所述模板文件发送到页面前端，以触发所述页面前端对所述模板文件进行渲染与显示，生成相应的网站页面。

可选的，上述的方法，所述接收用户的网站构建指令之前，还包括：

构建网站数据库，其中，所述网站数据库用于存储预先构建的组件模板、模板文件以及业务数据。

可选的，上述的方法，所述将所述业务数据集成到各个所述组件模板中，生成网站的模板文件之后，还包括：

生成所述模板文件所对应的网站预览效果图。

可选的，上述的方法，所述将所述业务数据集成到各个所述组件模板中，生成网站的模板文件之后，还包括：

将所述模板文件上传到所述网站数据库。

可选的，上述的方法，所述调用资源管控端将所述模板文件发送到页面前端，以触发所述页面前端对所述模板文件进行渲染与显示，生成相应的网站页面之后，还包括：

若需要修改所述网站页面的数据时，则将新的业务数据输入到所述模板文件中，得到修改后的模板文件；

调用所述资源管控端将所述修改后的模板文件发送到所述页面前端，以触发所述页面前端对所述修改后的模板文件进行渲染与显示，生成修改后的网站页面。

本申请第二方面公开了一种网站构建的装置，包括：

接收单元，用于接收用户的网站构建指令；

获取单元，用于根据所述网站构建指令，获取当前网站所对应的组件模板以及所述当前网站所对应的业务数据，其中，所述组件模板用于构建网站页面；

页面布局单元，用于按照所述网站构建指令，利用各个所述组件模板进行页面布局；

文件生成单元，用于将所述业务数据集成到各个所述组件模板中，生成网站的模板文件；

第一调用单元，用于调用资源管控端将所述模板文件发送到页面前端，以触发所述页面前端对所述模板文件进行渲染与显示，生成相应的网站页面。

可选的，上述的装置，还包括：

构建单元，用于构建网站数据库，其中，所述网站数据库用于存储预先构建的组件模板、模板文件以及业务数据。

可选的，上述的装置，还包括：

预览单元，用于生成所述模板文件所对应的网站预览效果图。

可选的，上述的装置，还包括：

上传单元，用于将所述模板文件上传到所述网站数据库。

可选的，上述的装置，还包括：

修改单元，用于若需要修改所述网站页面的数据时，则将新的业务数据输入到所述模板文件中，得到修改后的模板文件；

第二调用单元，用于调用所述资源管控端将所述修改后的模板文件发送到所述页面前端，以触发所述页面前端对所述修改后的模板文件进行渲染与显示，生成修改后的网站页面。

本申请第三方面公开了一种电子设备，包括：

一个或多个处理器；

存储装置，其上存储有一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如本发明第一方面中任意一项所述的方法。

本申请第四方面公开了一种计算机存储介质，其上存储有计算机程序，其中，所述计算机程序被处理器执行时实现如本发明第一方面中任意一项所述的方法。

从上述技术方案可以看出，本申请提供的一种网站构建的方法中，首先接收用户的网站构建指令，然后根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，其中，组件模板用于构建网站页面。再按照网站构建指令，利用各个组件模板进行页面布局。之后将业务数据集成到各个组件模板中，生成网站的模板文件。调用资源管控端将模板文件发送到页面前端，以触发页面前端对模板文件进行渲染与显示，生成相应的网站页面。由此可知，利用本申请的方法构建网站，可以根据建站需求，获取相应的组件模板就可以进行网站页面布局，将相关的业务数据集成到各个组件模板中，就可以生成可以被页面前端可渲染与显示的网站模板文件。本申请提供的网站构建方法很大程度上降低网站构建的难度，提高了网站构建的效率。

附图说明

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

图1为本申请实施例公开的一种网站构建的方法的流程图；

图2为本申请另一实施例公开的另一种网站构建的方法的流程图；

图3为本申请另一实施例公开的一种网站构建的装置的示意图；

图4为本申请另一实施例公开的一种电子设备的示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

在本申请中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

并且，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。

由背景技术可知，目前大多数构建网站的方式灵活性不足，面对主题、场景的变化或新增业务时，通常需要对原始的网站代码进行修改，这样会存在一定风险性，容易影响全局的运行效果，同时会对网站的现有业务产生影响。并且，网站的现有工作成果利用率低，在面对新的建站需求时，需要重新进行项目搭建和开发，不能简单便捷的继续使用现有项目的成果。

鉴于此，本申请提供一种网站构建的方法、装置、电子设备以及存储介质，通过利用预先构建的组件模板与业务数据生成网站的模板文件的方式，快速生成相应的网站页面，以解决现有技术中构建网站的方式灵活性不足，以及网站的现有工作成果利用率低的问题。

本申请提供了一种网站构建的方法，如图1所示，具体包括：

S101、后台管控端接收用户输入的网站构建指令。

需要说明的是，用户可以通过后台管控端进行网站的构建，其中，用户可以根据实际需求输入相关的网站构建指令，例如，利用哪些组件模版进行页面布局以及该网站需要录入哪些数据等等，这些都属于相关的网站构建指令。

还需要说明的是，后台管控端包括管控服务端、数据支撑服务端、系统集成服务端。其中，管控服务端可以将制作好的组件模版统一放在一个组件模版集中，同时还可以提供操作界面给用户进行组件模板的拖拽拼接、业务数据录入、网站页面的保存和发布。数据支撑服务端主要提供业务数据操作类接口，管控服务端保存的组件模板、业务数据等存储到数据库中。系统集成服务端可以将管控服务端供的页面组件模板和数据支撑服务端提供的数据进行结合，生成成网站的模板文件。

可选的，在本申请的另一个实施例中，在执行步骤S101之前，还可以包括：

构建网站数据库，其中，网站数据库用于存储预先构建的组件模板、模板文件以及业务数据。

需要说明的是，为了方便网站构建的相关数据的存储与管理，可以预先构建一个网站数据库，主要用于存储预先构建的组件模板、模板文件以及业务数据。这样，当构建网站需要获取一些相关数据时，可以直接从该数据库获取数据，同时后续生成的组件模板、模板文件以及业务数据等数据也可以继续存储到该网站数据库中，避免数据丢失。

S102、后台管控端根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，其中，组件模板用于构建网站页面。

需要说明的是，当接收到用户的网站构建指令之后，那么就根据用户输入的网站构建指令，获取到构建当前网站所对应的组件模板以及构建当前网站所对应的业务数据，其中，组件模板用于构建网站页面，该组件模板可以是不同风格、形状的组件模板，构建网站页面时，只需要将需要用到的组件模板按需求布置到页面中，就可以形成一个网站页面整体框架。并且，该组件模板只要完成构建后，就可以重复使用，在面对主题、场景的变化或新增业务时，不需要对原始的代码进行修改。

S103、后台管控端按照网站构建指令，利用各个组件模板进行页面布局，并将业务数据集成到各个组件模板中，生成网站的模板文件。

需要说明的是，在获取到构建当前网站所对应的组件模板以及构建当前网站所对应的业务数据，后台管理端按照用户输入的网站构建指令，利用各个组件模板进行页面布局。例如，用户在后台管控端的操作界面上将获取到的组件模板按照实际需求进行拖拽和拼接，将各个组件模板分布在网站页面的各个位置上，最终完成网站的页面布局。在页面布局完成后，用户选择将与各个组件模板相关的业务数据输入到相应的组件模板中，后台管控端响应用户操作，将与各个组件模板相关的业务数据集成到相应的组件模板中。此时，当前网站的页面布局以及页面数据输入都已完成，然后就可以生成网站的模板文件，用户保存当前网站的构建结果。其中，该模板文件可以利用ejs模板生成，文件的格式为ejs文件格式。

还需要说明的是，构建生成的模板文件包含展示代码和业务数据两部分，可完全脱离项目本身独立加载渲染后展示，不再依赖后端配置信息可独立存在，因此可通过一套管控系统支持创建多个网站项目。

可选的，在本申请的另一实施例中，在执行完步骤S103之后，还可以包括：

生成模板文件所对应的网站预览效果图。

需要说明的是，为了给用户提供更好的使用体验，可以在生成当前网站的模板文件之后，生成模板文件所对应的网站预览效果图，让用户预先浏览网站制作的效果，从而决定是否以当前版本进行发布。同时，这样用户就不会等到发布后不满意，重新进行修改，浪费时间，影响网站构建的效率。

可选的，在本申请的另一实施例中，在执行完步骤S103之后，还可以包括：

将模板文件上传到网站数据库。

需要说明的是，为了模板文件的存储与管理，可以将生成的模板文件上传到预先构建好的网站数据库，同时在需要重复使用到这些模板文件时，可以将直接从网站数据库中获取。

S104、后台管控端将模板文件发送到资源管控端。

需要说明的是，后台管控端在生成网站模板文件之后，如果用户需要发布当前的网站，那么后台管控端就会将模板文件发送到资源管控端。

还需要说明的是，资源管控端包括文件服务器、分布式文件系统、消息中间件以及静态资源缓存节点。其中，文件服务器包括服务端和客户端，服务端主要提供数据接口，可以实现网站静态资源上传和下载，以及接收后台管控端发送的模板文件，并将接收到的模板文件和网站静态资源上传到分布式文件系统进行保存；客户端通过消息机制实时获取最新的网站静态资源或网站的模板文件。消息中间件会创建不同的消息队列，当后台管控端发送模板文件到文件服务器的服务端时，会自动触发消息机制并发送模板文件的相关消息到文件服务器的客户端，客户端接收到消息之后，就会从分布式文件系统实时获取最新的网站静态资源或网站的模板文件。而静态资源缓存节点主要用于存放前端页面用到的所有静态资源，例如图片、数据文件等，当静态资源缓存节点监听到文件服务器的客户端中的静态资源有更新时，就会从文件服务器的客户端中自动获取最新的资源，并保存在相应的目录下。

S105、资源管控端将模板文件发送到页面前端。

需要说明的是，资源管控端在接收到后台管控端发送的模板文件之后，通过文件服务器的客户端将接收到的模板文件发送到需要生成当前构建的网站页面的页面前端，其中，页面前端可以是PC端，也可以是移动端。利用本申请的方法构建的网站在保持单一数据源的同时提供多种渠道访问方式，确保展示数据一致的前提下PC端、移动端呈现不同展现形式，更适应当前客户群体浏览方式与习惯。另外，如果静态资源缓存节点中有与模板文件相关的静态资源数据，则可以将这些静态资源数据和模板文件一起发送到页面前端。

S106、页面前端对模板文件进行渲染与显示，生成相应的网站页面。

需要说明的是，页面前端在接收到资源管控端发送的模板文件之后，根据该页面前端的类型对当前网站的模板文件进行渲染与显示，生成所构建的网站页面。如果当前页面前端的类型是PC端，那么就按照PC端的显示形式，对当前网站的模板文件进行渲染与显示，生成所构建的网站页面。如果当前页面前端的类型是移动端，那么就按照移动端的显示形式，对当前网站的模板文件进行渲染与显示，生成所构建的网站页面。不需要改变模板文件的数据，就可以生成不同页面前端所对应的网站页面。如上所述，如果接收到与当前模板文件相关的静态资源，那么也可以将接收到的静态资源数据和当前模板文件一起进行渲染与显示，生成相应的网站页面。

可选的，在本申请的另一实施例中，如图2所示，上述网站构建的方法，还可以包括：

S201、接收用户的网站构建指令。

S202、根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，其中，组件模板用于构建网站页面。

S203、按照网站构建指令，利用各个组件模板进行页面布局。

S204、将业务数据集成到各个组件模板中，生成网站的模板文件。

S205、调用资源管控端将模板文件发送到页面前端，以触发页面前端对模板文件进行渲染与显示，生成相应的网站页面。

需要说明的是，步骤S201至步骤S205的具体实施过程，可以参见对应上述实施例的内容，此处不在赘述。

S206、若需要修改网站页面的数据时，则将新的业务数据输入到模板文件中，得到修改后的模板文件。

S207、调用资源管控端将修改后的模板文件发送到页面前端，以触发页面前端对修改后的模板文件进行渲染与显示，生成修改后的网站页面。

需要说明的是，在页面前端对模板文件进行渲染与显示，生成相应的网站页面之后，如果需要修改网站页面的数据，那么就可以通过后台管控端直接将新的业务数据输入到模板文件中，得到修改后的模板文件，在通过资源管控端将修改后的模板文件发送到页面前端，页面前端接收到修改后的模板文件之后，对修改后的模板文件进行渲染与显示，生成修改后的网站页面。用户不需要对原始的网站代码进行修改。

由上述实施例可以看出，后台管控端主要用于页面组件模板数据管理、管理操作界面和业务数据管理，可以提供操作界面给用户，同时响应用户的操作，接收用户的网站构建指令，然后根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，并按照网站构建指令，利用各个组件模板进行页面布局。最后将业务数据集成到各个组件模板中，生成网站的模板文件，并调用资源管控端将模板文件发送到页面前端，由页面前端对模板文件进行渲染与显示，生成相应的网站页面。

与现有技术中的网站搭建方法相比，本申请提供的方法建站方式更灵活、难度更低、效率更高。利用本申请的方法可以使用户构建网站时如同做PPT一样简单便捷，在后台管控端选择适合的网站页面组件模板直接进行拼接，完成页面布局就可以录入数据，然后就可以可点击发布网站。网站内容动态管理，发现网站数据有问题可立即进行调整和重新发布，无需修改网站的代码。

本申请实施例提供的一种网站构建的方法中，首先接收用户的网站构建指令，然后根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，其中，组件模板用于构建网站页面。再按照网站构建指令，利用各个组件模板进行页面布局。之后将业务数据集成到各个组件模板中，生成网站的模板文件。调用资源管控端将模板文件发送到页面前端，以触发页面前端对模板文件进行渲染与显示，生成相应的网站页面。由此可知，利用本申请的方法构建网站，可以根据建站需求，获取相应的组件模板就可以进行网站页面布局，将相关的业务数据集成到各个组件模板中，就可以生成可以被页面前端可渲染与显示的网站模板文件。本申请提供的网站构建方法很大程度上降低网站构建的难度，提高了网站构建的效率。

本申请另一实施例还提供了一种网站构建的装置，如图3所示，具体包括：

接收单元301，用于接收用户的网站构建指令。

获取单元302，用于根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，其中，组件模板用于构建网站页面。

页面布局单元303，用于按照网站构建指令，利用各个组件模板进行页面布局。

文件生成单元304，用于将业务数据集成到各个组件模板中，生成网站的模板文件。

第一调用单元305，用于调用资源管控端将模板文件发送到页面前端，以触发页面前端对模板文件进行渲染与显示，生成相应的网站页面。

本申请实施例提供的一种网站构建的装置中，首先接收单元301接收用户的网站构建指令，然后获取单元302根据网站构建指令，获取当前网站所对应的组件模板以及当前网站所对应的业务数据，其中，组件模板用于构建网站页面。页面布局单元303再按照网站构建指令，利用各个组件模板进行页面布局。之后文件生成单元304将业务数据集成到各个组件模板中，生成网站的模板文件。第一调用单元305调用资源管控端将模板文件发送到页面前端，以触发页面前端对模板文件进行渲染与显示，生成相应的网站页面。由此可知，利用本申请的方法构建网站，可以根据建站需求，获取相应的组件模板就可以进行网站页面布局，将相关的业务数据集成到各个组件模板中，就可以生成可以被页面前端可渲染与显示的网站模板文件。本申请提供的网站构建方法很大程度上降低网站构建的难度，提高了网站构建的效率。

本实施例中，接收单元301、获取单元302、页面布局单元303、文件生成单元304以及第一调用单元305的具体执行过程，可参见对应上述方法实施例内容，此处不再赘述。

可选的，在本发明的另一实施例中，上述网站构建的装置中，还可以包括：

构建单元，用于构建网站数据库，其中，网站数据库用于存储预先构建的组件模板、模板文件以及业务数据。

本实施例中，构建单元的具体执行过程，可参见对应上述方法实施例内容，此处不再赘述。

可选的，在本发明的另一实施例中，上述网站构建的装置中，还可以包括：

预览单元，用于生成模板文件所对应的网站预览效果图。

本实施例中，预览单元的具体执行过程，可参见对应上述方法实施例内容，此处不再赘述。

可选的，在本发明的另一实施例中，上述网站构建的装置中，还可以包括：

上传单元，用于将模板文件上传到网站数据库。

本实施例中，上传单元的具体执行过程，可参见对应上述方法实施例内容，此处不再赘述。

可选的，在本发明的另一实施例中，上述网站构建的装置中，还可以包括：

修改单元，用于若需要修改网站页面的数据时，则将新的业务数据输入到模板文件中，得到修改后的模板文件。

第二调用单元，用于调用资源管控端将修改后的模板文件发送到页面前端，以触发页面前端对修改后的模板文件进行渲染与显示，生成修改后的网站页面。

本实施例中，修改单元以及第二调用单元的具体执行过程，可参见对应上述方法实施例内容，此处不再赘述。

本申请另一实施例还提供了一种电子设备，如图4所示，具体包括：

一个或多个处理器401。

存储装置402，其上存储有一个或多个程序。

当一个或多个程序被一个或多个处理器401执行时，使得一个或多个处理器401实现如上述实施例中任意一项方法。

本申请另一实施例还提供了计算机可读介质，其上存储有计算机程序，其中，计算机程序被处理器执行时实现如上述实施例中任意一项方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。