How to Parse thyemeleaf Context variables in HTML Page - spring-boot

Question

Facing problems with Thymeleaf Template Engine.
I need to add some dynamic content to the html page.
I've a map like this
Map<String, String> info = new HashedMap<String, String>();
info.put("user_name", "username");
info.put("host_user_name", "host_user_name");
info.put("title", "Element_title");
info.put("url", "https://www.google.com");
info.put("conv_url","/#/home/" + "23243242" + "/services?fid=543545"&fview=conversation")
and I am adding the info in the map to the context
MimeMessage message = sender.createMimeMessage();
MimeMessageHelper helper = new MimeMessageHelper(message, true);
Context context = new Context();
System.out.println("---------0------------");
info.forEach((key, value) -> {
context.setVariable(key, value);
});
String template = templateEngine.process("my-html", context);
my-html is like this
<table width="115" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td align="right" valign="top" class="mob_center" style="padding:15px">
<a target="_blank" style="color: #596167; font-family: Arial, Helvetica, sans-serif; font-size: 13px;">
<font face="Arial, Helvetica, sans-seri; font-size: 13px;" size="3" color="#596167">
<img src="${url}/static/images/logo.png" width="150" height="auto" alt="Logo" border="0" style="display: block;" /></font></a>
</td>
</tr>
</table>
<table style="width:100%">
<tr>
<td style="font-size: 12px; padding-top:5px; color: #000; line-height: 16px; text-align: left;" th:inline="text">
<span style="font-weight:600; display:block; " th:title="
${host_user_name}">[[${host_user_name}]] </span>[[${title}]]
</td>
</tr>
<tr>
<td width="40" valign="top"> </td>
<td>
<table style="width:100%">
<tr>
<td style="font-size: 13px; color: #fff; line-height: 16px; text-align: left;" th:inline="text">
<a title="" style="color:#000; text-decoration:none; font-weight:500; font-size:12px;">[[${followers}]] followers</a> | <a title="" style="color:#000; text-decoration:none; font-weight:500; font-size:12px;" th:inline="text">[[${replies}]] replies</a>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center">
<img src="${url}/static/images/Join.png" title="" alt="Join the Conversation" />
</td>
</tr>
</table>
inline text is modifying for me, but how to change href and src attribute values.
<td colspan="2" style="text-align:center">
<img src="${url}/static/images/Join.png" title="" alt="Join the Conversation" />
</td>
This should be replaced by
<td colspan="2" style="text-align:center">
<img src="https://www.googl.com/static/images/Join.png" title="" alt="Join the Conversation" />
</td>
Can anyone help me on this?

Answer 1

Please, read this documentation.
Particularly, look at this example in this documentation :
<a th:href="#{/order/details(id=${order.id},action=(${user.admin} ? 'show_all' : 'show_public'))}">
You have to use th:href

Answer 2

This is Working for me
<tr>
<td colspan="2" style="text-align:center">
<a th:href="#{${url}+${conv_url}}"><img th:src="#{${diva_url+'/static/images/Join.png'}}" title="" alt="Join the Converstaion" /></a> &
</tr>