一种邮件模板的生成方法、系统、存储介质及终端与流程

1.本发明涉及计算机技术领域，特别涉及一种邮件模板的生成方法、系统、存储介质及终端。


背景技术：

2.现如今，随着网络的发展，互联网已完全与人们的生活、工作融为一体，不但让人们的工作更有效率，还能让我们在碎片化时间内获得更多有价值的信息，很多企业也纷纷进入互联网，或提供服务，或推广各自的产品，大量的与网络有关的营销手段出现，电子邮件凭借其低廉的成本和易传播的特性，再次成为很多企业推广营销的首选途径。
3.在电子邮件营销中，企业可以通过使用电子邮件营销软件向目标客户发送邮件模板，区别于普通的文本类邮件，邮件模板传递的信息更加生动，吸引人。每一封邮件模板都对应一个.html格式的文件，开发邮件模板实际上就是在开发.html格式的文件。但与常规的 web 开发不同，现有技术中的web 页面一般使用的是浏览器来进行渲染，浏览器内核可以完成各种web技术的编译，而电子邮件多使用的是邮件客户端进行浏览，例如outlook、foxmail、手机客户端 app 等，由于邮件客户端不支持javascript语言、大部分的html标签以及大部分css属性，当经验不足的工程师开发邮件模板时，需要手动处理渲染兼容性，从而使得邮件模板的开发耗时耗力，降低了邮件模板的开发效率。
4.例如现有专利cn115629768b提供的一种基于excel公式引擎的邮件模板解析方法，该过程是专注于邮件模板的解析过程，并没有对邮件模板的生成进行改进，当没经验的研发工程师编写大量的冗余代码时，造成服务器的传输压力增大。


技术实现要素：

5.本技术实施例提供了一种邮件模板的生成方法、系统、存储介质及终端。为了对披露的实施例的一些方面有一个基本的理解，下面给出了简单的概括。该概括部分不是泛泛评述，也不是要确定关键／重要组成元素或描绘这些实施例的保护范围。其唯一目的是用简单的形式呈现一些概念，以此作为后面的详细说明的序言。
6.第一方面，本技术实施例提供了一种邮件模板的生成方法，方法包括：服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；服务端根据所述网页用户界面组件库，构建邮件模板对应的待编译代码；服务端在接收到虚拟机发送的编译指令时，服务端根据所述邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；服务端基于所述邮件模板的html文件，生成目标邮件模板，并将所述目标邮件模板发送至目标对象所属的邮箱客户端。
7.可选的，服务端根据网页用户界面组件库，构建邮件模板对应的待编译代码，包括：服务端运行网页用户界面组件库中各个组件的示例代码，得到网页用户界面组件库对应的运行结果集，并将运行结果集展示；服务端根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件；服务端根据预设邮件模板布局策略，对多个目标网页用户界面组件进行组合、排序以及嵌套处理，得到邮件模板对应的待编译代码。
8.可选的，服务端根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件，包括：服务端在接收到针对展示的运行结果集的选择指令时，根据选择指令在展示的运行结果集中选择目标运行结果；服务端在接收到结果集选择完成指令时，得到多个目标运行结果；服务端根据预先生成的网页用户界面组件与运行结果的映射关系，确定每个目标运行结果对应的网页用户界面组件，得到多个目标网页用户界面组件。
9.可选的，邮件开发编译脚本包括next.js渲染方法以及compiler.js 脚本函数；服务端根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件，包括：服务端通过next.js渲染方法将待编译代码转译为目标html页面代码；服务端通过compiler.js 脚本函数将目标html页面代码进行二次转换，以屏蔽邮箱客户端不兼容的javascript函数，并添加全局的层叠样式表代码，得到兼容安装了邮箱应用程序的邮箱客户端的代码语句；服务端将兼容安装了邮箱应用程序的邮箱客户端的代码语句作为邮件模板的html文件。
10.可选的，服务端基于邮件模板的html文件，生成目标邮件模板，包括：服务端获取邮件模板的html文件中每个变量的元信息描述，得到邮件模板的数据库邻接表；数据库邻接表描述了各个变量之间的从属信息；服务端将数据库邻接表进行递归渲染，得到组件实例树；服务端确定组件实例树中每个组件实例的数据结构；服务端将每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据；服务端确定每个变量的目标应用数据对应的目标变量，并将每个变量的目标应用数据关联在目标变量上，得到关联数据的邮件模板的html文件，并执行关联数据的邮件模板的html文件中静态代码描述，得到目标邮件模板。
11.可选的，预先生成的数据结构转换器包括分析模块、特征比对模块以及转换模块；服务端将每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据，包括：服务端通过分析模块获取预先设定的目标数据结构的目标模板，并提取目标模板中数据结构的每个第一结构特征，得到第一结构特征序列；服务端通过特征比对模块提取每个组件实例中数据结构的每个第二结构特征，得
到第二结构特征序列；服务端确定第一结构特征序列与第二结构特征序列之间的相关性值；服务端通过转换模块在相关性值小于等于预设相关性阈值时，将每个组件实例的数据结构转换为目标模板的数据结构，得到每个变量的目标应用数据。
12.可选的，服务端运行网页用户界面组件库中各个组件的示例代码，得到网页用户界面组件库对应的运行结果集，包括：服务端获取网页用户界面组件库中各个网页用户界面组件的调用次数；服务端按照调用次数的大小确定各个网页用户界面组件的优先级；服务端根据各个网页用户界面组件的优先级的高低顺序，执行网页用户界面组件库中的各个网页用户界面组件，得到多个运行结果；服务端按照执行顺序的先后将多个运行结果进行集合封装，得到网页用户界面组件库对应的运行结果集。
13.第二方面，本技术实施例提供了一种邮件模板的生成系统，系统包括：服务端、虚拟机以及邮箱客户端；其中，服务端、虚拟机以及邮箱客户端通信连接；其中，虚拟机，用于接收邮件模板编辑指令以及编译指令，并发送至服务端；服务端，用于在接收到虚拟机发送的邮件模板编辑指令时，加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；服务端，还用于根据所述网页用户界面组件库，构建邮件模板对应的待编译代码；服务端，还用于在接收到虚拟机发送的编译指令时，根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；服务端，还用于基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端；邮箱客户端，用于接收来自服务端发送的目标邮件模板。
14.第三方面，本技术实施例提供一种计算机存储介质，计算机存储介质存储有多条指令，指令适于由处理器加载并执行上述的方法步骤。
15.第四方面，本技术实施例提供一种终端，可包括：处理器和存储器；其中，存储器存储有计算机程序，计算机程序适于由处理器加载并执行上述的方法步骤。
16.本技术实施例提供的技术方案可以包括以下有益效果：在本技术实施例中，首先服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；然后服务端根据所述网页用户界面组件库，构建邮件模板对应的待编译代码，其次服务端在接收到虚拟机发送的编译指令时，服务端根据所述邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件，最后服务端基于所述邮件模板的html文件，生成目标邮件模板，并将所述目标邮件模板发送至目标对象所属的邮箱客户端。由于本技术预先封装了网页用户界面组件库和邮件开发编译脚本，实际开发中根据该组件库能快速选择所需的页面
元素，使得邮件模板的开发省时省力，同时基于邮件开发编译脚本可将代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，避免开发过程中考虑渲染兼容性，从而提升了邮件模板的开发效率。同时标准的网页用户界面组件库可大大降低冗余代码，使得服务器传输压力大大降低。
17.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。
附图说明
18.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
19.图1是本技术实施例提供的一种邮件模板的生成方法的流程示意图；图2是本技术实施例提供的一种邮件模板的生成系统处理流程示意图；图3是本技术实施例提供的一种网页用户界面组件库中每个组件对应的页面元素示意图；图4是本技术实施例提供的一种网页用户界面组件库中组件对应的页面元素运行结果示意图；图5是本技术实施例提供的一种网页用户界面组件库中组件对应的页面元素对应的代码示意图；图6是本技术实施例提供的一种邮件模板的生成过程的过程示意框图；图7是本技术实施例提供的一种邮件模板的生成系统的结构示意图；图8是本技术实施例提供的一种终端的结构示意图。
具体实施方式
20.以下描述和附图充分地示出本发明的具体实施方案，以使本领域的技术人员能够实践它们。
21.应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
22.下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本发明的一些方面相一致的系统和方法的例子。
23.在本发明的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。此外，在本发明的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
24.本技术提供了一种邮件模板的生成方法、系统、存储介质及终端，以解决上述相关
技术问题中存在的问题。本技术提供的技术方案中，由于本技术预先封装了网页用户界面组件库和邮件开发编译脚本，实际开发中根据该组件库能快速选择所需的页面元素，使得邮件模板的开发省时省力，同时基于邮件开发编译脚本可将代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，避免开发过程中考虑渲染兼容性，从而提升了邮件模板的开发效率，下面采用示例性的实施例进行详细说明。
25.下面将结合附图1-附图6，对本技术实施例提供的邮件模板的生成方法进行详细介绍。该方法可依赖于计算机程序实现，可运行于基于冯诺依曼体系的邮件模板的生成系统上。该计算机程序可集成在应用中，也可作为独立的工具类应用运行。
26.请参见图1，为本技术实施例提供了一种邮件模板的生成方法的流程示意图。如图1所示，本技术实施例的方法可以包括以下步骤：s101，服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；其中，邮件模板编辑指令是开发人员在系统开发平台中触发的，该指令触发后，系统可将预先封装的网页用户界面组件库和邮件开发编译脚本加载到本地。网页用户界面组件库可以记为web ui组件库。
27.在本技术实施例中，预先封装的web ui组件库和邮件开发编译脚本为一个文件包，加载后可集成到开发平台待开发的项目中，该文件包可以是保存在云端服务器，或者保存在线上数据库中。
28.具体的，web ui组件库用于提供邮件模板所需的页面元素如图3所示，该页面元素包括布局、颜色、图标、动画、按钮等。
29.在一种可能的实现方式中，在生成邮件模板的过程中，首先开发人员打开软件开发平台，然后再新建一个工程项目，最后开发人员触发邮件模板编辑指令，此时从云端服务器或者线上数据库中加载预先封装的web ui组件库和邮件开发编译脚本到工程项目。
30.s102，服务端根据网页用户界面组件库，构建邮件模板对应的待编译代码；在本技术实施例中，在服务端根据网页用户界面组件库，构建邮件模板对应的待编译代码时，服务端首先运行网页用户界面组件库中各个组件的示例代码，得到网页用户界面组件库对应的运行结果集，并将运行结果集展示；服务端然后根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件；服务端最后根据预设邮件模板布局策略，对多个目标网页用户界面组件进行组合、排序以及嵌套处理，得到邮件模板对应的待编译代码。
31.具体的，在服务端运行网页用户界面组件库中各个组件的示例代码，得到网页用户界面组件库对应的运行结果集时，首先服务端获取网页用户界面组件库中各个网页用户界面组件的调用次数；然后服务端按照调用次数的大小确定各个网页用户界面组件的优先级；其次根据各个网页用户界面组件的优先级的高低顺序，执行网页用户界面组件库中的各个网页用户界面组件，得到多个运行结果；最后服务端按照执行顺序的先后将多个运行结果进行集合封装，得到网页用户界面组件库对应的运行结果集。
32.具体的，当执行的web ui组件对应的元素是“进度条”时，执行后的运行结果例如图4中“预览”所示。该“进度条”对应的代码，可通过点击“查看代码”按钮完成浏览，例如图5
所示。
33.在本技术实施例中，在服务端根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件时，首先服务端在接收到针对展示的运行结果集的选择指令时，根据选择指令在展示的运行结果集中选择目标运行结果；然后服务端在接收到结果集选择完成指令时，得到多个目标运行结果；最后服务端根据预先生成的网页用户界面组件与运行结果的映射关系，确定每个目标运行结果对应的网页用户界面组件，得到多个目标网页用户界面组件。
34.s103，服务端在接收到虚拟机发送的编译指令时，服务端根据所述邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；其中，邮件开发编译脚本包括next.js渲染方法以及compiler.js 脚本函数。
35.在本技术实施例中，在服务端根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件时，首先服务端通过next.js渲染方法将待编译代码转译为目标html页面代码；然后服务端通过compiler.js 脚本函数将目标html页面代码进行二次转换，以屏蔽邮箱客户端不兼容的javascript函数，并添加全局的层叠样式表代码，得到兼容安装了邮箱应用程序的邮箱客户端的代码语句；最后服务端将兼容安装了邮箱应用程序的邮箱客户端的代码语句作为邮件模板的html文件。
36.具体的，next.js是一个轻量级的 react 服务端渲染应用框架。next.js渲染方法具体可采用ssg模块进行处理。
37.进一步地，本技术会生成一个邮件模板的预览首页html文件，可在页面中选择展示本次编译的所有模板，支持同时预览pc端和移动端模板，支持一键复制、下载模板。
38.采用本技术实施例，使得编译后生成的模板代码已转换成了符合各邮箱客户端的渲染兼容性的html代码文件。
39.s104，服务端基于所述邮件模板的html文件，生成目标邮件模板，并将所述目标邮件模板发送至目标对象所属的邮箱客户端。
40.在本技术实施例中，在服务端基于邮件模板的html文件，生成目标邮件模板时，首先服务端获取邮件模板的html文件中每个变量的元信息描述，得到邮件模板的数据库邻接表；邻接表描述了各个变量之间的从属信息；服务端再将数据库邻接表进行递归渲染，得到组件实例树；其次服务端确定组件实例树中每个组件实例的数据结构；服务端再将每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据；最后服务端确定所述每个变量的目标应用数据对应的目标变量，并将所述每个变量的目标应用数据关联在所述目标变量上，得到关联数据的邮件模板的html文件，并执行关联数据的邮件模板的html文件中静态代码描述，得到目标邮件模板。
41.具体的，预先生成的数据结构转换器包括分析模块、特征比对模块以及转换模块。
42.具体的，在服务端将每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据时，服务端首先分析模块获取预先设定的目标数据结构的目标模板，并提取目标模板中数据结构的每个第一结构特征，得到第一结构特征序列；服务端然后特征比对模块提取每个组件实例中数据结构的每个第二结构特征，得到第二结构
特征序列；服务端再确定第一结构特征序列与第二结构特征序列之间的相关性值；服务端最后转换模块在相关性值小于等于预设相关性阈值时，将每个组件实例的数据结构转换为目标模板的数据结构，得到每个变量的目标应用数据。
43.例如图6所示，图6是本技术提供的一种邮件模板的生成过程的过程示意框图，首先预先封装了网页用户界面组件库和编译脚本，在实际项目中在接收到邮件模板编辑指令时，加载预先封装的网页用户界面组件库和邮件开发编译脚本，然后运行该工程使得网页用户界面组件库进行运行，运行后可在浏览器页面查看每个组件的使用案例，由于网页用户界面组件库中的组件屏蔽掉了大量渲染兼容性语法，案例页展示组件效果与使用代码示例供人学习，代码符合前端工程师开发思维习惯，使用简单易上手；在工程内新建页面文件，使用工程内置组件库开发，开发时可在浏览器页面查看开发效果，仿照代码示例使用组件库开发出自己想要的页面，省却了手动处理邮箱客户端渲染兼容性过程，提高开发效率；开发完成后，运行工程编译命令，执行编译，执行编译命令运行内置编译脚本，脚本自动将开发的单页面应用生成静态html页面代码，再进行js、css等邮箱客户端兼容性处理；编译完成后生成邮件模板文件；编译脚本执行完成后生成能兼容渲染邮箱客户端的邮件模板的html文件，最后基于邮件模板的html文件，生成目标邮件模板，并将所述目标邮件模板发送至目标对象所属的邮箱客户端。
44.在本技术实施例中，首先服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；然后服务端根据网页用户界面组件库，构建邮件模板对应的待编译代码，其次服务端在接收到虚拟机发送的编译指令时，服务端根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件，最后服务端基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端。由于本技术预先封装了网页用户界面组件库和邮件开发编译脚本，实际开发中根据该组件库能快速选择所需的页面元素，使得邮件模板的开发省时省力，同时基于邮件开发编译脚本可将代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，避免开发过程中考虑渲染兼容性，从而提升了邮件模板的开发效率。
45.请参见图2，其示出了本发明一个示例性实施例提供的邮件模板的生成系统处理流程示意图，该系统包括：服务端、虚拟机以及邮箱客户端；其中，所述服务端、虚拟机以及邮箱客户端通信连接；其中，所述虚拟机，用于接收邮件模板编辑指令以及编译指令，并发送至所述服务端；所述服务端，用于在接收到虚拟机发送的邮件模板编辑指令时，加载预先封装的网页用户界面组件库和邮件开发编译脚本；所述网页用户界面组件库用于提供邮件模板所需的页面元素；所述服务端，还用于根据所述网页用户界面组件库，构建邮件模板对应的待编译代码；所述服务端，还用于在接收到虚拟机发送的编译指令时，根据所述邮件开发编译脚本，将所述待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得
到邮件模板的html文件；所述服务端，还用于基于所述邮件模板的html文件，生成目标邮件模板，并将所述目标邮件模板发送至目标对象所属的邮箱客户端；所述邮箱客户端，用于接收来自所述服务端发送的目标邮件模板。
46.在本技术实施例中，首先服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；然后服务端根据网页用户界面组件库，构建邮件模板对应的待编译代码，其次服务端在接收到虚拟机发送的编译指令时，服务端根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件，最后服务端基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端。由于本技术预先封装了网页用户界面组件库和邮件开发编译脚本，实际开发中根据该组件库能快速选择所需的页面元素，使得邮件模板的开发省时省力，同时基于邮件开发编译脚本可将代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，避免开发过程中考虑渲染兼容性，从而提升了邮件模板的开发效率。
47.下述为本发明装置实施例，可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节，请参照本发明方法实施例。
48.请参见图7，其示出了本发明一个示例性实施例提供的邮件模板的生成装置的结构示意图。该邮件模板的生成装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置1包括加载模块10、构建模块20、转换模块30、生成模块40。
49.加载模块10，用于在接收到邮件模板编辑指令时，加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；构建模块20，用于根据网页用户界面组件库，构建邮件模板对应的待编译代码；转换模块30，用于在接收到编译指令时，根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；生成模块40，用于基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端。
50.具体的，构建模块20包括：运行结果集展示单元210，用于运行网页用户界面组件库中各个组件的示例代码，得到网页用户界面组件库对应的运行结果集，并将运行结果集展示；网页用户界面组件生成单元220，用于根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件；组件处理单元230，用于根据预设邮件模板布局策略，对多个目标网页用户界面组件进行组合、排序以及嵌套处理，得到邮件模板对应的待编译代码。
51.具体的，转换模块30包括：编译代码转译单元310，用于通过next.js渲染方法将待编译代码转译为目标html页面代码；页面代码转换单元320，用于通过compiler.js 脚本函数将目标html页面代码进行二次转换，以屏蔽邮箱客户端不兼容的javascript函数，并添加全局的层叠样式表代码，
得到兼容安装了邮箱应用程序的邮箱客户端的代码语句；html文件确定单元330，用于将兼容安装了邮箱应用程序的邮箱客户端的代码语句作为邮件模板的html文件。
52.具体的，生成模块40包括：元信息描述获取单元410，用于获取邮件模板的html文件中每个变量的元信息描述，得到邮件模板的数据库邻接表；邻接表描述了各个变量之间的从属信息；组件实例树生成单元420，用于将数据库邻接表进行递归渲染，得到组件实例树；数据结构确定单元430，用于确定组件实例树中每个组件实例的数据结构；应用数据输出单元440，用于将每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据；目标邮件模板生成单元450，用于确定所述每个变量的目标应用数据对应的目标变量，并将所述每个变量的目标应用数据关联在所述目标变量上，得到关联数据的邮件模板的html文件，并执行关联数据的邮件模板的html文件中静态代码描述，得到目标邮件模板。
53.需要说明的是，上述实施例提供的邮件模板的生成装置在执行邮件模板的生成方法时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的邮件模板的生成装置与邮件模板的生成方法实施例属于同一构思，其体现实现过程详见方法实施例，这里不再赘述。
54.上述本技术实施例序号仅仅为了描述，不代表实施例的优劣。
55.在本技术实施例中，首先服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；然后服务端根据网页用户界面组件库，构建邮件模板对应的待编译代码，其次服务端在接收到虚拟机发送的编译指令时，服务端根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件，最后服务端基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端。由于本技术预先封装了网页用户界面组件库和邮件开发编译脚本，实际开发中根据该组件库能快速选择所需的页面元素，使得邮件模板的开发省时省力，同时基于邮件开发编译脚本可将代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，避免开发过程中考虑渲染兼容性，从而提升了邮件模板的开发效率。
56.本发明还提供一种计算机可读介质，其上存储有程序指令，该程序指令被处理器执行时实现上述各个方法实施例提供的邮件模板的生成方法。
57.本发明还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述各个方法实施例的邮件模板的生成方法。
58.请参见图8，为本技术实施例提供了一种终端的结构示意图。如图8所示，终端1000可以包括：至少一个处理器1001，至少一个网络接口1004，用户接口1003，存储器1005，至少一个通信总线1002。
59.其中，通信总线1002用于实现这些组件之间的连接通信。
60.其中，用户接口1003可以包括显示屏（display）、摄像头（camera），可选用户接口1003还可以包括标准的有线接口、无线接口。
61.其中，网络接口1004可选的可以包括标准的有线接口、无线接口（如wi-fi接口）。
62.其中，处理器1001可以包括一个或者多个处理核心。处理器1001利用各种接口和线路连接整个电子设备1000内的各个部分，通过运行或执行存储在存储器1005内的指令、程序、代码集或指令集，以及调用存储在存储器1005内的数据，执行电子设备1000的各种功能和处理数据。可选的，处理器1001可以采用数字信号处理（digital signal processing，dsp）、现场可编程门阵列（field-programmable gate array，fpga）、可编程逻辑阵列（programmable logic array，pla）中的至少一种硬件形式来实现。处理器1001可集成中央处理器（central processing unit，cpu）、图像处理器（graphics processing unit，gpu）和调制解调器等中的一种或几种的组合。其中，cpu主要处理操作系统、用户界面和应用程序等；gpu用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器1001中，单独通过一块芯片进行实现。
63.其中，存储器1005可以包括随机存储器（random access memory，ram），也可以包括只读存储器（read-only memory）。可选的，该存储器1005包括非瞬时性计算机可读介质（non-transitory computer-readable storage medium）。存储器1005可用于存储指令、程序、代码、代码集或指令集。存储器1005可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令（比如触控功能、声音播放功能、图像播放功能等）、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储系统。如图8所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及邮件模板的生成应用程序。
64.在图8所示的终端1000中，用户接口1003主要用于为用户提供输入的接口，获取用户输入的数据；而处理器1001可以用于调用存储器1005中存储的邮件模板的生成应用程序，并具体执行以下操作：在接收到邮件模板编辑指令时，加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；根据网页用户界面组件库，构建邮件模板对应的待编译代码；在接收到编译指令时，根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端。
65.在一个实施例中，处理器1001在执行根据网页用户界面组件库，构建邮件模板对应的待编译代码时，具体执行以下操作：运行网页用户界面组件库中各个组件的示例代码，得到网页用户界面组件库对应的运行结果集，并将运行结果集展示；根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件；根据预设邮件模板布局策略，对多个目标网页用户界面组件进行组合、排序以及
嵌套处理，得到邮件模板对应的待编译代码。
66.在一个实施例中，处理器1001在执行根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件时，具体行以下操作：在接收到针对展示的运行结果集的选择指令时，根据选择指令在展示的运行结果集中选择目标运行结果；在接收到结果集选择完成指令时，得到多个目标运行结果；根据预先生成的网页用户界面组件与运行结果的映射关系，确定每个目标运行结果对应的网页用户界面组件，得到多个目标网页用户界面组件。
67.在一个实施例中，处理器1001在执行根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件时，具体执行以下操作：通过next.js渲染方法将待编译代码转译为目标html页面代码；通过compiler.js 脚本函数将目标html页面代码进行二次转换，以屏蔽邮箱客户端不兼容的javascript函数，并添加全局的层叠样式表代码，得到兼容安装了邮箱应用程序的邮箱客户端的代码语句；将兼容安装了邮箱应用程序的邮箱客户端的代码语句作为邮件模板的html文件。
68.在一个实施例中，处理器1001在执行基于邮件模板的html文件，生成目标邮件模板时，具体执行以下操作：获取邮件模板的html文件中每个变量的元信息描述，得到邮件模板的数据库邻接表；邻接表描述了各个变量之间的从属信息；将数据库邻接表进行递归渲染，得到组件实例树；确定组件实例树中每个组件实例的数据结构；将每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据；确定所述每个变量的目标应用数据对应的目标变量，并将所述每个变量的目标应用数据关联在所述目标变量上，得到关联数据的邮件模板的html文件，并执行关联数据的邮件模板的html文件中静态代码描述，得到目标邮件模板。
69.在一个实施例中，处理器1001在执行将每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据时，具体执行以下操作：分析模块获取预先设定的目标数据结构的目标模板，并提取目标模板中数据结构的每个第一结构特征，得到第一结构特征序列；特征比对模块提取每个组件实例中数据结构的每个第二结构特征，得到第二结构特征序列；确定第一结构特征序列与第二结构特征序列之间的相关性值；转换模块在相关性值小于等于预设相关性阈值时，将每个组件实例的数据结构转换为目标模板的数据结构，得到每个变量的目标应用数据。
70.在一个实施例中，处理器1001在执行运行网页用户界面组件库中各个组件的示例代码，得到网页用户界面组件库对应的运行结果集时，具体执行以下操作：获取网页用户界面组件库中各个网页用户界面组件的调用次数；
按照调用次数的大小确定各个网页用户界面组件的优先级；根据各个网页用户界面组件的优先级的高低顺序，执行网页用户界面组件库中的各个网页用户界面组件，得到多个运行结果；按照执行顺序的先后将多个运行结果进行集合封装，得到网页用户界面组件库对应的运行结果集。
71.在本技术实施例中，首先服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；然后服务端根据所述网页用户界面组件库，构建邮件模板对应的待编译代码，其次服务端在接收到虚拟机发送的编译指令时，服务端根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件，最后服务端基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端。由于本技术预先封装了网页用户界面组件库和邮件开发编译脚本，实际开发中根据该组件库能快速选择所需的页面元素，使得邮件模板的开发省时省力，同时基于邮件开发编译脚本可将代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，避免开发过程中考虑渲染兼容性，从而提升了邮件模板的开发效率。
72.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，邮件模板的生成的程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。
73.以上所揭露的仅为本技术较佳实施例而已，当然不能以此来限定本技术之权利范围，因此依本技术权利要求所作的等同变化，仍属本技术所涵盖的范围。

技术特征：
1.一种邮件模板的生成方法，其特征在于，所述方法包括：服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；所述网页用户界面组件库用于提供邮件模板所需的页面元素；服务端根据所述网页用户界面组件库，构建邮件模板对应的待编译代码；服务端在接收到虚拟机发送的编译指令时，服务端根据所述邮件开发编译脚本，将所述待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；服务端基于所述邮件模板的html文件，生成目标邮件模板，并将所述目标邮件模板发送至目标对象所属的邮箱客户端。2.根据权利要求1所述的方法，其特征在于，所述服务端根据所述网页用户界面组件库，构建邮件模板对应的待编译代码，包括：服务端运行所述网页用户界面组件库中各个组件的示例代码，得到所述网页用户界面组件库对应的运行结果集，并将所述运行结果集展示；服务端根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件；服务端根据预设邮件模板布局策略，对所述多个目标网页用户界面组件进行组合、排序以及嵌套处理，得到邮件模板对应的待编译代码。3.根据权利要求2所述的方法，其特征在于，所述服务端根据展示的运行结果集，生成邮件模板的多个目标网页用户界面组件，包括：服务端在接收到针对展示的运行结果集的选择指令时，根据所述选择指令在展示的运行结果集中选择目标运行结果；服务端在接收到结果集选择完成指令时，得到多个目标运行结果；服务端根据预先生成的网页用户界面组件与运行结果的映射关系，确定每个目标运行结果对应的网页用户界面组件，得到多个目标网页用户界面组件。4.根据权利要求1所述的方法，其特征在于，所述邮件开发编译脚本包括next.js渲染方法以及compiler.js 脚本函数；所述服务端根据所述邮件开发编译脚本，将所述待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件，包括：服务端通过所述next.js渲染方法将所述待编译代码转译为目标html页面代码；服务端通过所述compiler.js 脚本函数将所述目标html页面代码进行二次转换，以屏蔽邮箱客户端不兼容的javascript函数，并添加全局的层叠样式表代码，得到兼容安装了邮箱应用程序的邮箱客户端的代码语句；服务端将所述兼容安装了邮箱应用程序的邮箱客户端的代码语句作为邮件模板的html文件。5.根据权利要求1所述的方法，其特征在于，所述服务端基于所述邮件模板的html文件，生成目标邮件模板，包括：服务端获取所述邮件模板的html文件中每个变量的元信息描述，得到邮件模板的数据库邻接表；所述数据库邻接表描述了各个变量之间的从属信息；服务端将所述数据库邻接表进行递归渲染，得到组件实例树；
服务端确定所述组件实例树中每个组件实例的数据结构；服务端将所述每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据；服务端确定所述每个变量的目标应用数据对应的目标变量，并将所述每个变量的目标应用数据关联在所述目标变量上，得到关联数据的邮件模板的html文件，并执行关联数据的邮件模板的html文件中静态代码描述，得到目标邮件模板。6.根据权利要求5所述的方法，其特征在于，所述预先生成的数据结构转换器包括分析模块、特征比对模块以及转换模块；所述服务端将所述每个组件实例的数据结构输入预先生成的数据结构转换器中，输出每个变量的目标应用数据，包括：服务端通过分析模块获取预先设定的目标数据结构的目标模板，并提取所述目标模板中数据结构的每个第一结构特征，得到第一结构特征序列；服务端通过特征比对模块提取所述每个组件实例中数据结构的每个第二结构特征，得到第二结构特征序列；服务端确定所述第一结构特征序列与所述第二结构特征序列之间的相关性值；服务端通过转换模块在所述相关性值小于等于预设相关性阈值时，将所述每个组件实例的数据结构转换为所述目标模板的数据结构，得到每个变量的目标应用数据。7.根据权利要求2所述的方法，其特征在于，所述服务端运行所述网页用户界面组件库中各个组件的示例代码，得到所述网页用户界面组件库对应的运行结果集，包括：服务端获取所述网页用户界面组件库中各个网页用户界面组件的调用次数；服务端按照所述调用次数的大小确定所述各个网页用户界面组件的优先级；服务端根据所述各个网页用户界面组件的优先级的高低顺序，执行所述网页用户界面组件库中的各个网页用户界面组件，得到多个运行结果；服务端按照执行顺序的先后将所述多个运行结果进行集合封装，得到所述网页用户界面组件库对应的运行结果集。8.一种邮件模板的生成系统，其特征在于，所述系统包括：服务端、虚拟机以及邮箱客户端；其中，所述服务端、虚拟机以及邮箱客户端通信连接；其中，所述虚拟机，用于接收邮件模板编辑指令以及编译指令，并发送至所述服务端；所述服务端，用于在接收到虚拟机发送的邮件模板编辑指令时，加载预先封装的网页用户界面组件库和邮件开发编译脚本；所述网页用户界面组件库用于提供邮件模板所需的页面元素；所述服务端，还用于根据所述网页用户界面组件库，构建邮件模板对应的待编译代码；所述服务端，还用于在接收到虚拟机发送的编译指令时，根据所述邮件开发编译脚本，将所述待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；所述服务端，还用于基于所述邮件模板的html文件，生成目标邮件模板，并将所述目标邮件模板发送至目标对象所属的邮箱客户端；所述邮箱客户端，用于接收来自所述服务端发送的目标邮件模板。
9.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行如权利要求1-7任意一项的方法步骤。10.一种终端，其特征在于，包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行如权利要求1-7任意一项的方法步骤。

技术总结
本发明公开了一种邮件模板的生成方法、系统、存储介质及终端，方法包括：服务端在接收到虚拟机发送的邮件模板编辑指令时，服务端加载预先封装的网页用户界面组件库和邮件开发编译脚本；网页用户界面组件库用于提供邮件模板所需的页面元素；服务端根据网页用户界面组件库，构建邮件模板对应的待编译代码；服务端在接收到虚拟机发送的编译指令时，服务端根据邮件开发编译脚本，将待编译代码转换为能兼容安装了邮箱应用程序的邮箱客户端的代码语句，得到邮件模板的html文件；服务端基于邮件模板的html文件，生成目标邮件模板，并将目标邮件模板发送至目标对象所属的邮箱客户端。因此，采用本申请实施例，可以提升了邮件模板的开发效率，并降低服务器传输压力。并降低服务器传输压力。并降低服务器传输压力。


技术研发人员：郑艳 李震宇 张文琴
受保护的技术使用者：杭州明实科技有限公司
技术研发日：2023.06.06
技术公布日：2023/9/12