2017-07-25 5 views
0

Spring MVCプロジェクトで電子メールテンプレートを設計したいのですが、Apache FreeMarkerテンプレートを使用して電子メールコンテンツを送信しています。Spring MVCプロジェクトでApache FreeMarkerの電子メールテンプレートを設計するのにBootstrapを使用できますか?

newUserRegRequest.ftl(リソースフォルダ内のメールのテンプレートファイル)

<html><head> 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"/> 
</head> 
<body> 
    <h2>Hi,</h2> 
    <h3>New Registration for BidManager Development</h3> 
    <div> 
     First Name : ${bmUserModel.firstName} 
     Last Name : ${bmUserModel.lastName} 
     Country : ${bmUserModel.country} 
    </div> 
    <pre><a class="btn btn-default" href="https://stackoverflow.com/">Accept</a> <a class="btn btn-default" href="https://stackoverflow.com/">Reject</a></pre> 
</body></html> 

私は(それがEclipseの動的Webプロジェクトの)ブートストラップボタンクラスを使用しているが、私はそのCSSライブラリを維持する必要がどこかわかりません。以下は、私が電子メールサーバーを設定した方法です。

春-servlet.xml

<!-- Start: Email Configuration --> 
<beans:bean id="bmRegMailSender" class="org.springframework.mail.javamail.JavaMailSenderImpl"> 
    <beans:property name="host" value="${bm.smtp.hostName}"></beans:property> 
    <beans:property name="port" value="${bm.smtp.port}"></beans:property> 
    <beans:property name="username" value="${bm.smtp.username}"></beans:property> 
    <beans:property name="password" value="${bm.smtp.password}"></beans:property> 
    <beans:property name="defaultEncoding" value="${bm.defaultEncoding}"></beans:property> 
    <beans:property name="javaMailProperties"> 
     <beans:props> 
      <beans:prop key="mail.transport.protocol">${bm.transport.protocolName}</beans:prop> 
      <beans:prop key="mail.smtp.auth">${bm.smtp.authorization}</beans:prop> 
      <beans:prop key="mail.smtp.starttls.enable">${bm.smtp.tls}</beans:prop> 
      <beans:prop key="mail.debug">${bm.mail.debug}</beans:prop> 
      <!-- <beans:prop key="mail.smtp.ssl.enable">${bm.smtp.ssl}</beans:prop> --> 
     </beans:props> 
    </beans:property> 
</beans:bean> 
<beans:bean id="bmFreeMarkerConfig" class="org.springframework.ui.freemarker.FreeMarkerConfigurationFactoryBean"> 
    <beans:property name="templateLoaderPath" value="classpath:/templates/"></beans:property> 
</beans:bean> 
<!-- End: Email Configuration --> 

私は電子メールを送信する場合、これはそれが私のYahooメールでどのように見えるかです:私は以下のように表示したい

enter image description here

enter image description here

FreeMarkerテンプレートを設計する別の方法がある場合は答えが受け入れられるでしょう(インラインスタイリングを除く)。ボタンのテキストは無視してください。

答えて

2

電子メールはhtml5と似ていますが、異なる獣です。いくつかのhtml5とcss3をサポートするいくつかの電子メールクライアントがあります。

それはあなたの電子メールが異なるクライアントに良い見てみたいどのくらいに依存します。一般的な電子メールクライアントのほとんどは、ヘッダーに<style>ブロックを使用します。インラインスタイルを使用したくないと宣言しています。これは、あなたのメールがOutlookでうまく見えないことを意味します。あなたがYahooのメールに気づいたように、インラインスタイルのない見栄えの良いボタンは大きな課題になるでしょう。

あなたの熱意をいただきありがとうございますが、電子メール開発の複雑化が深刻化しているとは思わないと思います。

幸運。

+0

ありがとうございます! @Gwally、私はあなたのansに感謝します。プラスあなたが提供したリンクのための1つが私の質問に答えることはありません。 – MAC

+0

私はFreemarkerのテンプレートを使用しないので、私はあなたを助けることができません。 Zurb Foundation for Emailは、電子メールテンプレート用の優れたシステムを備えています。私はZurb 1.0.5の電子メールテンプレートを探し、それをあなたのFreemarkerと比較して、あなたが必要とするほとんどのことを行うテンプレートを思いつくことができるかどうかを見ます。 http://foundation.zurb.com/emails/docs/v1.0.5/index.html Zurb 2はSASSとその他の楽しみが必要ですが、1.0.5のテンプレートは自己完結型です。 – gwally

関連する問題