JavaのWebアプリケーション開発フレームワークによる、Webサイト開発の顛末記です。

EclipseのMavenを使った、Spring-MVC、Thymeleaf、MyBatis 等のプログラミングテクニックを、
備忘録的に記録しています。実際に動くソースコードを多用して説明していますので、
これからEclipseや、Spring-MVCを始めたいと思っている人にとって、少しでも参考になれば幸いです。
Spring-MVCの散歩道 > 応用の森(Thymeleaf編) > Javaの定数を、view(Thymeleaf)で参照する方法 
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Thymeleafサンプル</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="./js/jquery-2.2.3.js"></script>

<script type="text/javascript" th:inline="javascript">
$(function(){
/////////////////////////////////////////////
//２）JavaScript内で、JavaObjectを参照する
/////////////////////////////////////////////
//サーバーでセットされたデータモデルCConstを取得する
/*<![CDATA[*/
var myname = /*[[${CConst.CONST_HIS_NAME}]]*/ 'スプリング太郎';
var classname = /*[[${CConst.CONST_NAME_CLASS}]]*/ '';
/*]]>*/

    //実行ボタンクリック時
    $("#btn_draw").click(function(){
        //ラベルに描画
        $("#id_label").text(unescape(myname));
        //classを追加
        $("#id_label").addClass(classname);
    });
});
</script>

<style>
<!--
.nameattr {
    color : blue;           /* 青 */
    font-weight:bold;   /* 太字 */
}
.namered {
    color : red;            /* 赤 */
    font-weight:bold;   /* 太字 */
}
.namenormal {
    color : black;
}
//-->
</style>
</head>

<body>
    <table>
        <tr>
            <!-- ボタンクリックで、彼の名前と属性を書き換えます -->
            <td>    <input id="btn_draw" type="button" value="実行" />  </td>
        </tr>
        <tr>
            <td ><span id="id_label">彼の名前</span></td>
        </tr>
        <tr>
            <!-- ////////////////////////////////////////
            //１）HTMLで、JavaObjectを参照する
            ////////////////////////////////////////// -->
            <!-- ページロード時に、彼女の名前と属性を書き換えます -->
            <td ><span class="namenormal" th:class="${CConst.CONST_NAME_CLASS_RED}" th:text="${CConst.CONST_HER_NAME}">彼女の名前</span></td>
        </tr>
    </table>
</body>
</html>