2

次のコードでthymeleafの送信ボタンがどのように機能するかを誰か説明できますか?

 <!DOCTYPE html>   
 <html lang="en" xmlns:th="http://www.thymeleaf.org"           

  layout:decorator="master">
<head>
    <title>LoginPage</title>
</head>

<body>
 <h1>Login Page</h1>
<!-- Any content you put in the div fragment below will appear on the page-->
<div class="container">
<div class="row">
    <div class="span8">

    <P th:if="${loginError}" >Wrong User or Password</P>

        <form th:action="@{/new}" th:Object="${messageForm}"        
                    method="post">
        <label for ="User">User Name</label>
        <input type="text" th:field="*{user}"/><br/>
        <label for ="password">Password</label>
        <input type="password"  th:field="*{password}"/><br/>
        <input type="submit" value="Login" />
        </form>

        </div>
</div>
</div>
 </body>
 </html>
4

2 に答える 2

1

<form>POSTテンプレートは、送信時に呼び出しが行われる標準フォームとしてレンダリングされます。フレームワークによって追加されたのは、フォーム フィールドが属性
によって参照される基になるオブジェクトに動的にバインドされることです。th:Object="${messageForm}"

messageForm各フィールドは、構文を使用してオブジェクトのメソッドを呼び出して計算されth:field="*{password}"ます。

最後に、属性POSTを評価して作成された URL に対して呼び出しが行われth:action="@{/new}"ます。おそらく現在のページに関連しています。

于 2013-05-14T09:01:04.917 に答える