簡體   English   中英

胸腺問題css?

[英]Thymeleaf problems css?

我正在使用這個庫thymeleaf-layout-dialect

我的布局方言...

        <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
    <head>
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
          <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">NextInfo</title>
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
          <link rel="stylesheet" type="text/css" href="../../../resources/css/animate.css" th:href="@{'resources/css/animate.css'}"/>
          <link rel="stylesheet" type="text/css" href="../../../resources/css/semantic.min.css" th:href="@{'resources/css/semantic.min.css'}"/>
    </head>
    <body>
        <div class="ui stackable blue inverted menu">
              <a class="right item ">
                    <i class="home icon"></i>
                    Inicio
                  </a>
                 <a class="item">
                    <i class="phone icon"></i>
                    Telefones
                  </a>
                  <a class="item">
                    <i class="mail Outline icon"></i>
                    Email
                  </a>
                  <a class="item">
                    <i class="chat icon"></i>
                    Suporte
                  </a>
                   <div class="ui category search item" style="margin-right:40px">
                    <div class="ui transparent icon input">
                      <input class="prompt" type="text" placeholder=" pesquisar ..." />
                      <i class="search link icon"></i>
                    </div>
                    <div class="results"></div>
                </div>
        </div>
        <div id="header" layout:fragment="header"></div>
        <div id="content" layout:fragment="content"></div>
        <div id="footer" layout:fragment="footer"></div>
        <script src="../../../resources/js/jquery.min.js" data-th-src="@{resources/js/jquery.min.js}"></script>
        <script src="../../../resources/js/semantic.min.js" data-th-src="@{resources/js/semantic.min.js}"></script>
    </body>
    </html>

我創建了一個布局,如鏈接所示

我的家庭控制器

@Controller
@RequestMapping(value ={"/","/home"})
public class Principal {

private final static String URLINICIAL = "index";

@RequestMapping(value ={"/","/home"} ,method=RequestMethod.GET)
public String requisicaoPadrao() {
    return URLINICIAL;
}
@ResponseBody
@RequestMapping(value = "/testes", method=RequestMethod.GET)
public <T> Object testes() {
    return null;
}
}

的index.html

    <html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"  layout:decorator="/templates/layouts/default">
  <head>

  </head>
<body>
 <div layout:fragment="header"><h1>index</h1></div>
 <div layout:fragment="content"></div>
</body>
</html>

創建一個新的視圖

    <html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"  layout:decorator="/templates/layouts/default">
  <head>
    <title>testPage</title>
  </head>
<body>
<h1>teste</h1>
     <div layout:fragment="header"><h1>testPage</h1></div>
     <div layout:fragment="content"></div>
</body>
</html>

新控制器
我需要在類上方使用@RequestMapping注釋。

    @Controller
    @RequestMapping("/test")
    public class TestController {

        @RequestMapping(value = "/", method=RequestMethod.GET)
        public String index(){
            return "testpage";
        }

    }

如您所見,它不起作用..如何解決?

我設法通過改變這一點來解決
<script src="../../../resources/js/jquery.min.js" data-th-src="@{resources/js/jquery.min.js}"></script>

對於

<script src="/web/resources/js/lib/jquery.min.js"></script>

我沒有使用百里香的特定標簽

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM