本发明涉及页面编辑技术领域，尤其涉及一种动态页面自定义编辑方法、装置、电子设备及存储介质。
背景技术：
业务KPI指标增大，需要运营人员在运营方案的迭代速度加快，增加运营页面迭代速度，但目前的运营工具可操作性不高，对运营方案支持响应较慢，每次配置均需要开发、测试人员介入，功能无法复用，流程过长。
目前前端展示技术使用freemarker模板引擎的动态页面语言，需要服务端动态推送业务数据，不同的页面需要不同的业务数据，传统的CMS系统为静态页面搭建系统，不能满足目前的方案，设计时增加针对动态页面需要的动态数据源结构。
技术实现要素：
为了克服现有技术的不足，本发明的目的之一在于提供一种动态页面自定义编辑方法，其通过对通用的模板文件进行固化后复用，为运营提供自主个性化配置页面，无需技术人员介入，简单快速。
本发明的目的之二在于提供一种动态页面自定义编辑装置，其通过对通用的模板文件进行固化后复用，为运营提供自主个性化配置页面，无需技术人员介入，简单快速。
本发明的目的之三在于提供一种实现上述动态页面自定义编辑方法的电子设备。
本发明的目的之四在于提供一种存储上述动态页面自定义编辑方法的计算机可读存储介质。
本发明的目的之一采用如下技术方案实现：
一种动态页面自定义编辑方法，包括步骤：
选择模板文件对页面模板进行配置；
将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览；
当终端通过前端域发出访问所述待显示页面的请求时，推送关联信息到前端域，以使前端域根据关联信息生成待显示页面返回给终端，所述关联信息包括目标动态数据源、页面FTL文件地址以及样式版本号。
进一步地，所述选择模板文件对页面模板进行配置，包括：
选择终端类型和页面模板；
拖拽组件或自定义元件到页面模板的楼层中，以对楼层进行静态设置，直至所有楼层配置完毕；
根据需要调整楼层顺序。
进一步地，所述将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览，包括：
选择模板文件对应的样式版本号进行页面预览，并下载模板文件到前端域；
读取待显示页面对应的配置数据的内容并将待显示页面对应的配置数据替换页面模板中的数据，生成页面FTL文件，所述页面FTL文件为新的模板文件；
预览并生成待显示页面的页面文件，所述页面文件引用需要的来自文件静态域的JS、CSS、IMG文件；
将所述页面FTL文件同步到前端域。
进一步地，所述将所述页面FTL文件同步到前端域，包括：
通过文件流将所述页面FTL文件上传到文件服务系统，以使文件服务系统使用rsync同步所述页面FTL文件到前端域。
进一步地，所述前端域根据关联信息生成待显示页面返回给终端，包括：
根据目标动态数据源配置KEY值，向前端域服务端查询对应的接口具体数据值；
根据页面FTL文件地址，将所述接口具体数据值和样式版本号通过freemarker模板引擎生成待显示页面；
将所述待显示页面返回给终端。
进一步地，所述将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览之后，还包括：
接收页面版本变更指令，并将所述页面版本变更指令通过VMS或MQ的方式通知前端域进行使用页面切换。
进一步地，所述接收页面版本变更指令，并将所述页面版本变更指令通过VMS或MQ的方式通知前端域进行使用页面切换，包括：
接收定时任务域触发的定时任务；
查询所述定时任务对应的页面数据并将所述页面数据推送到VMS或MQ，以使前端域监听VMS或MQ进而获得页面数据；所述页面数据包括页面ID、页面版本号以及页面链接地址。
本发明的目的之二采用如下技术方案实现：
一种动态页面自定义编辑装置，包括：
配置单元，用于选择模板文件对页面模板进行配置；
预览单元，用于将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览；
呈现单元，用于当终端通过前端域发出访问所述待显示页面的请求时，推送关联信息到前端域，以使前端域根据关联信息生成待显示页面返回给终端，所述关联信息包括目标动态数据源、页面FTL文件地址以及样式版本号。
本发明的目的之三采用如下技术方案实现：
一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明目的之一的动态页面自定义编辑方法。
本发明的目的之四采用如下技术方案实现：
一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明目的之一的动态页面自定义编辑方法。
相比现有技术，本发明的有益效果在于：
本发明将统一功能的组件固化后复用，通过配置数据生成页面FTL文件，通过预览方式自动生成对应的待显示页面，用户通过关联信息获得具体的数据后由前端域返回待显示页面到用户终端，为运营提供自主个性化配置页面，无需技术人员介入，简单快速。
附图说明
图1为本发明实施例一的动态页面自定义编辑方法的流程图；
图2为本发明实施例二的动态页面自定义编辑方法中的配置和预览的流程图；
图3为本发明实施例二的动态页面自定义编辑方法中的生成页面FTL文件的逻辑图；
图4为本发明实施例二的动态页面自定义编辑方法中的用户访问待显示页面的逻辑图；
图5为本发明实施例二的动态页面自定义编辑方法中的页面变更通知逻辑图；
图6为本发明实施例三的动态页面自定义编辑装置的流程图；
图7为本发明实施例四的电子设备的结构示意图。
具体实施方式
下面，结合附图以及具体实施方式，对本发明做进一步描述，需要说明的是，在不相冲突的前提下，以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
实施例一
请参照图1所示，本发明实施例一公开了一种动态页面自定义编辑方法。该方法可以由硬件或/和软件来执行，硬件或/和软件组成动态页面自定义编辑系统，该系统简称WBS系统。动态页面自定义编辑方法包括以下步骤：
110、选择模板文件对页面模板进行配置。
模板文件为前端开发人员设计开发相应的前端页面展示组件模板，模板文件包括页面模板、以及页面模板中挂靠的楼层、楼层中挂靠的元件、元件中挂靠的模板、模板中挂靠的组件、标签和动态数据源。模板文件配置动态数据源以便动态页面灵活使用。前端开发人员可以将统一功能组件化复用，在积累到一定的组件后可以减轻其工作量。
运营人员选择合适的模板文件通过WBS系统以拖拽的形式进行设置页面模板，可以简单快速配置生成待显示页面(即运营页面)，实现灵活调整运营方案，增加运营使用系统的可操作性，使运营可以更好的完成业务KPI指标。
120、将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览。
通过输入运营数据(配置数据)替换页面模板中的数据，从而对模板文件进行重生成，生成的新的模板文件称为页面FTL文件，点击页面生成按钮则会自动生成对应的运营页面，到达预览的效果，在预览过程中，可以根据需要进行页面调整或者数据调整，然后将运营页面推送到业务前端系统中，增加了箱体的可操作性和功能安全性。
130、当终端通过前端域发出访问所述待显示页面的请求时，推送关联信息到前端域，以使前端域根据关联信息生成待显示页面返回给终端，所述关联信息包括目标动态数据源、页面FTL文件地址以及样式版本号。
目标动态数据源是用户使用页面时，调用前端域获得接口具体数据值，然后前端域根据页面FTL文件地址，将接口具体数据值和样式版本号生成待显示页面并发给用户使用，样式版本号与页面FTL文件地址链接相关联，在页面FTL文件地址发生变更时，前端域可通过样式版本号得到FTL文件地址新的链接，从而不受CDN缓存影响。
本发明对运营人员来说可以简单快速配置生成运营页面，一键发布到生成环境，可以灵活调整运营方案；对于前端技术人员来说可以将统一功能组件化复用，在积累一定的组件后可以减轻开发工作量；对于后端技术人员来说将功能抽象化，降低错误问题产生。
实施例二
本实施例二提供一种动态页面自定义编辑方法，其是在上述实施例的基础上进行的改进，请参照图2-5所示，包括以下步骤：
A、选择模板文件对页面模板进行配置。
模板文件为前端开发人员设计开发相应的前端页面展示组件模板，模板文件包括页面模板、以及页面模板中挂靠的楼层、楼层中挂靠的元件、元件中挂靠的模板、模板中挂靠的组件、标签和动态数据源。模板文件配置动态数据源以便动态页面灵活使用。前端开发人员可以将统一功能组件化复用，在积累到一定的组件后可以减轻其工作量。
运营人员选择合适的模板文件通过WBS系统以拖拽的形式进行设置页面模板，可以简单快速配置生成待显示页面(即运营页面)，实现灵活调整运营方案，增加运营使用系统的可操作性，使运营可以更好的完成业务KPI指标。
所述选择模板文件对页面模板进行配置具体包括：
A1、选择终端类型和页面模板；由于终端类型的不同，可能对应的显示界面或页面模板也会有不同，例如手机和PC机作为不同的终端类型，其选择的页面模板也很可能不同。选择终端类型和页面模板是WBS系统中的页面管理界面完成，选择完毕后，点击下一步，保存相应的信息并跳转到WBS系统的页面配置界面中。
A2、拖拽组件或自定义元件到页面模板的楼层中，以对楼层进行静态设置，直至所有楼层配置完毕；拖拽组件或自定义元件到页面模板的楼层中是在页面配置界面完成的，在拖拽组件或自定义元件到页面模板的楼层前需要创建楼层，在拖拽组件或自定义元件到页面模板的楼层后对拖拽的组件或自定义元件进行静态数据选择或配置。
A3、根据需要调整楼层顺序，点击保存并对此时的页面模板进行预览，此时主要看显示效果，包括协调性、紧凑性以及其他美观效果。然后进行WBS系统的页面预览界面，执行步骤B的操作。
B、将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览。
通过输入运营数据(配置数据)替换页面模板中的数据，从而对模板文件进行重生成，生成的新的模板文件称为页面FTL文件，点击页面生成按钮则会自动生成对应的运营页面，到达预览的效果，在预览过程中，可以根据需要进行页面调整或者数据调整，然后将运营页面推送到业务前端系统中，增加了箱体的可操作性和功能安全性。
将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览，具体包括：
B1、选择模板文件对应的样式版本号进行页面预览，并下载模板文件到前端域(PC/H5前端域)。
B2、读取待显示页面对应的配置数据的内容并将待显示页面对应的配置数据替换页面模板中的数据，生成页面FTL文件，所述页面FTL文件为新的模板文件；生成页面FTL文件的方法请参照图3所示，运营人员输入配置数据到WBS系统中，然后通过WBS系统将配置数据静态替换生成页面FTL文件。
B3、预览并生成待显示页面的页面文件，所述页面文件引用需要的来自文件静态域的JS、CSS、IMG文件；点击预览后，可以得到预览情况下的待显示页面，根据显示效果可以通过调整配置数据、模板文件以及来自文件静态域的JS、CSS、IMG文件获得新的待显示页面，确认后点击生成页面按钮即可生成页面文件，容易理解的是，页面文件包括来自文件静态域的JS、CSS、IMG文件。
B4、将所述页面FTL文件同步到前端域。请参照图3所示，同步到前端域借助文件服务系统完成，具体是：通过文件流将所述页面FTL文件上传到文件服务系统，文件服务系统使用rsync同步所述页面FTL文件到前端域。
C、当终端通过前端域发出访问所述待显示页面的请求时，推送关联信息到前端域，以使前端域根据关联信息生成待显示页面返回给终端，所述关联信息包括目标动态数据源、页面FTL文件地址以及样式版本号。
目标动态数据源是用户使用页面时，调用前端域获得接口具体数据值，然后前端域根据页面FTL文件地址，将接口具体数据值和样式版本号生成待显示页面并发给用户使用，样式版本号与页面FTL文件地址链接相关联，在页面FTL文件地址发生变更时，前端域可通过样式版本号得到FTL文件地址新的链接，从而不受CDN缓存影响。
请参照图4所示，步骤C具体包括：
C1、终端通过前端域发出访问所述待显示页面的请求。
C2、前端域读取WBS系统推送的关联信息，关联信息包括页面FTL文件地址以及与页面FTL文件关联的目标动态数据源、以及样式版本号。
C3、前端域根据目标动态数据源配置KEY值，向前端域服务端查询对应的接口具体数据值，前端域服务端将接口具体数据值返回到前端域。
C4、前端域根据页面FTL文件地址，将所述接口具体数据值和样式版本号通过freemarker模板引擎生成待显示页面。使用freemarker方式是依赖前端的技术方案。
用户在访问待显示页面时，待显示页面中引用了页面FTL文件地址链接后加样式版本号，然后用户每次访问页面时，都通过freemarker模板引擎推送样式版本号给前端，这样保证在页面FTL文件变更后，用户的访问得到新的链接，从而不受CDN缓存影响。
当页面发生版本变动时，WBS系统需要通知前端使用域进行使用页面切换。通知方式为VMS(MQ)方式，当后续有新的前端域支持时，只需要对方接入VMS即可。降低系统之间的依赖。
请参照图5所示，其具体包括：
接收定时任务域触发的定时任务；当确认需要进行定时发布时，存储一个发布任务到数据库中，由定时任务间隔固定周期(例如一分钟等)触发一次，查询待发任务中到发布时间的任务进行发布。任务触发由定时任务触发。
查询所述定时任务对应的页面数据并将所述页面数据推送到VMS或MQ，同时向定时任务域返回触发执行完成信息，然后前端域监听VMS或MQ获得页面发布信息，进而及时获得VMS或MQ向前端域发送的页面数据；所述页面数据包括页面ID、页面版本号以及页面链接地址。
采用VMS或MQ异步任务通知的方式的效果在于：当一个页面被更新发布后，需要通知使用方进行缓存清理，因接入域不同，通知功能设计为VMS或MQ方式，在需要通知时，将变更页面信息推入到VMS或MQ中，接入域为消费者，取到通知后删除对应缓存数据即可。
实施例三
实施例三公开了一种对应上述实施例的动态页面自定义编辑装置，请参照图6所示，包括：
配置单元610，用于选择模板文件对页面模板进行配置；
预览单元620，用于将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览；
呈现单元630，用于当终端通过前端域发出访问所述待显示页面的请求时，推送关联信息到前端域，以使前端域根据关联信息生成待显示页面返回给终端，所述关联信息包括目标动态数据源、页面FTL文件地址以及样式版本号。
实施例四
图7为本发明实施例四提供的一种电子设备的结构示意图，如图7所示，该电子设备包括处理器710、存储器720、输入装置730和输出装置740；计算机设备中处理器710的数量可以是一个或多个，图7中以一个处理器710为例；电子设备中的处理器710、存储器720、输入装置730和输出装置740可以通过总线或其他方式连接，图7中以通过总线连接为例。
存储器720作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的动态页面自定义编辑方法对应的程序指令/模块(例如，动态页面自定义编辑装置的配置单元610、预览单元620和呈现单元630)。处理器710通过运行存储在存储器720中的软件程序、指令以及模块，从而执行电子设备的各种功能应用以及数据处理，即实现上述的动态页面自定义编辑方法。
存储器720可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器720可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器720可进一步包括相对于处理器710远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置730可用于接收输入的用户身份信息。输出装置740可包括显示屏等显示设备。
实施例五
本发明实施例五还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种动态页面自定义编辑方法，该方法包括：
选择模板文件对页面模板进行配置；
将配置数据替换页面模板中的数据，生成页面FTL文件，以对待显示页面进行预览；
当终端通过前端域发出访问所述待显示页面的请求时，推送关联信息到前端域，以使前端域根据关联信息生成待显示页面返回给终端，所述关联信息包括目标动态数据源、页面FTL文件地址以及样式版本号。
当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的方法操作，还可以执行本发明任意实施例所提供的基于动态页面自定义编辑方法中的相关操作。
通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台电子设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
值得注意的是，上述基于动态页面自定义编辑装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
上述实施方式仅为本发明的优选实施方式，不能以此来限定本发明保护的范围，本领域的技术人员在本发明的基础上所做的任何非实质性的变化及替换均属于本发明所要求保护的范围。