Thymeleaf初体验(in SpringBoot)

Thymeleaf初体验

导入

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

页面赋值

段落p赋值

<p th:text="'Hello,'+${text1}">

input赋值

<input type="text" th:value="'Hello,'+${text1}">
<select th:value="${user.role.roleId}" id="role_sel">
	<option value="0">请选择</option>
	<option th:each="item:${roles}" th:text="${item.roleName}"
    	th:value="${item.roleId}" th:selected="(${item.roleName} == ${user.role.roleId})"></option>
</select>

控制是否显示(是否渲染)

<p th:text="'Hello,'+${text1}" th:if="${flag}=='0'"></p>

JS中引入对象

    <script th:inline="javascript">
        function f1(Field) {
        	var userId = [[${user.id}]];
        	//如需静态页面查看使用注释/* */,则静态显示10001,动态显示对象中值
        	var userId = /*[[${user.id}]]*/'10001';
            var jsMap = [[${session.javaMap}]];
            //!!!!坑:Thymeleaf在JS中引入Map时,取值不用get,用中括号!!!
            $('#focusInput').val(jsMap [Filed.value]);
        }
        //如JS中包含运算符,如<,>,&等,整个JS用注释括住// <![CDATA[ ... // ]]>
        // <![CDATA[
        	function f2(){}
        // ]]
    </script>