thymeleaf 基本对象使用

短命女 2022-11-26 07:59 138阅读 0赞

--------------------

### thymeleaf 基本对象使用 ###

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**示例**

**\*\*\*\*\*\*\*\*\*\*\*\*\*\***

**controller 层**

**HelloController**

@RestController
    public class HelloController {
    
        @RequestMapping("/hello")
        public ModelAndView hello(HttpServletRequest request, ModelAndView mv){
            request.getSession().setAttribute("name","瓜田李下");
            request.getServletContext().setAttribute("name2","海贼王");
    
            mv.setViewName("index");
            return mv;
        }
    }

**\*\*\*\*\*\*\*\*\*\*\*\*\*\***

**前端页面**

**index.html**

<!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml"
          xmlns:th="http://www.thymeleaf.org" xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="/jquery/jquery-3.5.1.min.js"></script>
    </head>
    <script th:inline="javascript">
        $(function () {
            const name = [[${session.name}]];
            const name2 = [[${application.name2}]];
    
            $("#btn").click(function () {
                alert(name+"  "+name2);
            })
        })
    </script>
    
    <body>
    <div th:align="center" style="color: coral">
        <strong>
            <span style="color: purple" th:text="session.name"></span> ==>
            <span th:text="${session.name}"></span><br>
    
            <span style="color: purple" th:text="application.name2"></span> ==>
            <span th:text="${application.name2}"></span><br>
        </strong>
    </div><br>
    
    <div th:align="center" style="color: coral">
        <strong>
            <span style="color: purple" th:text="'#session.name'"></span> ==>
            <span th:text="${#session.getAttribute('name')}"></span><br>
    
            <span style="color: purple" th:text="'#serveltContext.name2'"></span> ==>
            <span th:text="${#servletContext.getAttribute('name2')}"></span>
        </strong>
    </div><br>
    
    <div th:align="center">
        <button id="btn">获取数据</button>
    </div>
    </body>
    </html>

**说明：javascript 内联中不能使用 \#session 获取数据**

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**使用测试**

**localhost:8080/hello**

![20200811155014963.png][]

**点击获取数据**

![20200811155131675.png][]

[20200811155014963.png]: /images/20221124/0a49af76536f43cdaaedba06a3f1803c.png
[20200811155131675.png]: /images/20221124/9b456fc3a95443ad8f5f3741ff46128d.png