HTML 中的背景或字型顏色為紅色
P粉038161873
2023-09-03 09:18:19
<p>我有以下程式碼可以向收件者發送電子郵件通知，效果很好。來源資料來自 SQL Server 查詢，我暫時呼叫「#Temp_Warning」表。如果 T.FORMATTED_ENTRY 的值小於 10，我的收件者希望在電子郵件中以紅色反白顯示該值。我已經嘗試了很多，但小於10 的值意外地顯示了整個代碼<code>"span style="background-color :red;">5</span"</code> 在電子郵件中，而不是僅紅色的數字5。 </p>
<p>這是 SQL Server 預存程序的程式碼的一部份</p>
<pre class="brush:sql;toolbar:false;">IF (SELECT COUNT(*) FROM #Temp_Warning) > 0
BEGIN
--Format email content in HTML
DECLARE @tableHTML NVARCHAR(MAX);
SET @tableHTML =
N'<tr>'
N'<td><b>Test Name</b></td>'
N'<td><b>Formatted result</td>'
N'</tr>'
CAST((
SELECT
td = T.REPORTED_NAME,'',
td = CASE WHEN T.FORMATTED_ENTRY < 10 THEN N'<span style="background-color:red;">' T.FORMATTED_ENTRY N'</span>' ELSE T.FORMATU_ENTRY ,END''
FROM #Temp_Warning T
ORDER BY T.REPORTED_NAME
FOR XML PATH('tr'), TYPE
) AS NVARCHAR(MAX))
END
</pre></p>
請嘗試以下解決方案。
它使用 SQL Server XQuery 功能。
此外，它還使用 CSS 來設定輸出 XHTML 的樣式。
SQL
-- DDL and sample data population, start DECLARE @tbl TABLE (test VARCHAR(100) PRIMARY KEY, result INT); INSERT @tbl (test, result) VALUES ('Bu', 57), ('Po', 5), ('Zu', 9); -- DDL and sample data population, end DECLARE @xhtmlBody XML , @body NVARCHAR(MAX) , @tableCaption VARCHAR(30) = 'Tests results report'; SET @xhtmlBody = (SELECT ( SELECT * FROM @tbl FOR XML PATH('row'), TYPE, ROOT('root')) .query('<html><head> <meta charset="utf-8"/> (: including embedded CSS styling :) <style> table <![CDATA[ {border-collapse: collapse; width: 300px;} ]]> th <![CDATA[ {background-color: #4CAF50; color: white;} ]]> th, td <![CDATA[ { text-align: left; padding: 8px;} ]]> tr:nth-child(even) <![CDATA[ {background-color: #f2f2f2;} ]]> td:nth-child(2) {text-align: center;} #red <![CDATA[ {background-color: red;} ]]> </style> </head> <body> <table border="1"> <caption><h2>{sql:variable("@tableCaption")}</h2></caption> <thead> <tr> <th>Test Name</th> <th>Formatted result</th> </tr> </thead> <tbody> { for $row in /root/row return <tr> <td>{data($row/test)}</td> <td> {if (($row/result/text())[1] lt 10) then attribute id {"red"} else ()} {data($row/result)} </td> </tr> } </tbody></table></body></html>')); SELECT @xhtmlBody; SET @body = TRY_CAST(@xhtmlBody AS NVARCHAR(MAX));輸出XHTML
#<html> <head> <meta charset="utf-8" /> <style> table {border-collapse: collapse; width: 300px;} th {background-color: #4CAF50; color: white;} th, td { text-align: left; padding: 8px;} tr:nth-child(even) {background-color: #f2f2f2;} td:nth-child(2) {text-align: center;} #red {background-color: red;} </style> </head> <body> <table border="1"> <caption> <h2>Tests results report</h2> </caption> <thead> <tr> <th>Test Name</th> <th>Formatted result</th> </tr> </thead> <tbody> <tr> <td>Bu</td> <td>57</td> </tr> <tr> <td>Po</td> <td id="red">5</td> </tr> <tr> <td>Zu</td> <td id="red">9</td> </tr> </tbody> </table> </body> </html>