简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
首頁
文章
問答
課程
專題
下載
遊戲
詞典
最近更新

首頁  >  問答  >  主體

HTML 中的背景或字型顏色為紅色

<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>
P粉038161873P粉038161873412 天前711

全部回覆(1)我來回復

  • P粉550323338

    P粉5503233382023-09-04 00:35:48

    請嘗試以下解決方案。

    它使用 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>

    回覆
    0
  • 取消回覆