html + thymeleaf 制作邮件模板

背景：有一个接口流量超限自动给客户发邮件展示接口访问量错误码等的需求，前后端不能分离的，本来是交给后端同学做，但是领导觉得后端同学做的样式太丑，所以交给了我，框架是后端同学搞好的，我直接从在html用thymeleaf 语法编写开始的。

思路：需要接入数据库，所以使用了后端的thymeleaf模板，在html标签中可以通过$符合直接访问后端透出的变量，比如下图的request可以直接<div ${request.name}></div>来访问。
thymeleaf官网链接
thymeleaf语法总结

遇到的问题：html文件直接在浏览器打开样式毫无问题，但是真正发邮件出来，样式直接乱掉，尤其是outlook客户端。

注意：一定要只用table布局，间距用td，不要使用div等，复杂的表格宽度要用百分比，多列的表格布局要固定，有属性的一定要用属性来写，比如<td width=“40” height=“40”>,否则写在行内样式里面会发现浏览器上面好好的到客户端就会乱掉，图片大小也会不受控制；

请一定要把以下文档读完再进行html邮件的开发。
HTML Email 编写指南
一文看懂前端怎么写HTML邮件模版
如何制作网页格式的邮件（html）邮件？
从零开始构建一个 HTML Email 模板
html邮件模板编写实践

读完以上文章就完全可以编写html了。
复杂表格问题：我们的需求表格比较复杂，有很多需要合并单元格的，用th的语法比较复杂需要后端来改数据，不方便维护，最终比较完美的方案是在td里面嵌套表格。

以下是示例代码，就是在td里面在插入一个table就可以了。

<td><table cellpadding="0" width="100%" cellspacing="0" style="border-collapse: collapse;table-layout:fixed;"th:each="app, list:${request.list}"><tr><td><table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout:fixed;">

项目做完挺久了，才有时间简单整理下，以上是目前想到的全部内容了，有问题欢迎大家在评论区沟通，这里的坑太多了，防止大家不断重构。。。

html + thymeleaf 制作邮件模板相关推荐

springboot邮件发送以及thyemleaf生成邮件模板
一.基础知识邮件常见的三大协议:SMTP.POP3.IMAP SMTP 是一个基于 TCP/IP 的应用层协议,江湖地位有点类似于 HTTP,SMTP 服务器默认监听的端口号为 25 .由于SMTP ...
中文邮件营销html模版,怎么制作邮件营销模板？— —邮件格式
怎么制作邮件营销模板?- -邮件格式 U-Mail邮件营销平台发表时间 2017-09-21 人气 757次做EDM邮件营销,需要有好的邮件群发工具,还要有好的内容,那么如何制作好邮件营销的模板呢 ...
使用拉易网制作图文并茂的精美HTML邮件模板（终）
制作精美HTML邮件模板第三天今天我们进行仿制微信商户开放平台审核通知邮件的最后一天,有了之前的基础,今天的分析我就一切从简.没有基础的小伙伴,可以先回看前两天的文章.先看看今天我们需要制作的内容, ...
EDM邮件模板制作规范小结
最近在搞EDM,这种页面做起来比较搞,给大家分享下吧 1,模板编码语言选择模板编码设定与使用的发送软件有关,一般来说,utf-8为较常用的选择,错误的编码会造成用户浏览的时候出现乱码: 2,不要使用 ...
使用XSLT制作HTML邮件模板并发送
之前有写过能发送邮件的小工具,基本做法就是先在代码中写死一封HTML邮件的格式,然后用适当的方法取得外部的几个值填到预设的参数里,最后把合体后的string类型邮件发出去.简单的邮件还好,当内容稍微多 ...
java 邮件模板_Spring Boot 优雅地发送邮件
最近在项目开发中有向使用者发送报警通知的功能,其中报警媒介就包括邮件,这篇文章就简单介绍了 Spring Boot 如何快速集成实现邮件发送. 通常在实际项目中,也有其他很多地方会用到邮件发送,比如通 ...
那些值得学习的精美邮件模板案例
如果你正在关注EDM或是已经开展营销活动,相信你心中一定会有自己钟意的邮件模板.那么,究竟如何制作一封万众夺目的优秀邮件呢?根据笔者在Webpower中国区多年的邮件营销服务经验总结,优质的邮件制作融 ...
CloudStack 制作window模板
制作 window 模板 1.首先,用CS注册下载的iso系统镜像,创建一个实例: 这里 window server2003 32位系统说: 2.先用2003的iso创建一个vm使用镜像安装系统:然后 ...
Spring Boot 系列（五）web开发-Thymeleaf、FreeMarker模板引擎
前面几篇介绍了返回json数据提供良好的RESTful api,下面我们介绍如何把处理完的数据渲染到页面上. Spring Boot 使用模板引擎 Spring Boot 推荐使用Thymeleaf. ...

html + thymeleaf 制作邮件模板

html + thymeleaf 制作邮件模板相关推荐

最新文章

热门文章