Springboot+Thymeleaf 一些语法

    if 语句加单选框(th:if)
<label class="col-sm-2 control-label">状态<span style="color:red;">*</span>:</label>
 <div class="col-sm-4">
      <div th:if="${dismantleDiscloseBaseinfo.state==1}">
             <input name="state" th:value="1" checked type="radio">启动</input>
             <input name="state" th:value="2" type="radio">停用</input>
      </div>
      <div th:if="${dismantleDiscloseBaseinfo.state==2}">
             <input name="state" th:value="1" type="radio">启动</input>
             <input name="state" th:value="2" checked type="radio">停用</input>
      </div>
  </div>th:if="${dismantleDiscloseBaseinfo.state==1}">
             <input name="state" th:value="1" checked type="radio">启动</input>
             <input name="state" th:value="2" type="radio">停用</input>
      </div>
      <div th:if="${dismantleDiscloseBaseinfo.state==2}">
             <input name="state" th:value="1" type="radio">启动</input>
             <input name="state" th:value="2" checked type="radio">停用</input>
      </div>
  </div>

利用 th:if="${code==}" 进行判断 对加载里面数据,不对跳过。

    多文本框 (th:text)
<div  class="col-sm-12 demo-gallery" >
      <div class="col-sm-2">
            <textarea id="specialRequirements" name="specialRequirements" th:text="${techniqueDisclose.specialRequirements}"
                      class="form-control" rows="5" cols="210"
                                              type="text" style="margin: 0px -865px 0px 0px; width: 1005px; height: 123px;" readonly></textarea>
      </div>
</div>th:text="${techniqueDisclose.specialRequirements}"
                      class="form-control" rows="5" cols="210"
                                              type="text" style="margin: 0px -865px 0px 0px; width: 1005px; height: 123px;" readonly></textarea>
      </div>
</div>

利用 th:text="${code}" 进行对多行文本框 加载model里面数据,readonly为直读。

    foreach 语句加图片(th:each) <label class="col-sm-3 control-label" style="text-align:left;">图片详情<span style="color:red;">*</span>:</label> <hr> <div class="col-sm-12 demo-gallery" > <div class="col-sm-2" th:each="d:${techniqueDisclose.dismantleImgArray}"> <a th:href="${d}"data-size="1040x800" data-med="https://farm4.staticflickr.com/3894/15008518202_b016d7d289_b.jpg" data-med-size="824x600" data-author="Folkert Gorter" class="demo-gallery__img--main"> <img width="120" style="margin: 10px 0;background-color: #ddd;padding: 6px;border-radius: 3px;" th:src="${d}" alt=""> </a> </div> </div>th:each="d:${techniqueDisclose.dismantleImgArray}"> <a th:href="${d}"data-size="1040x800" data-med="https://farm4.staticflickr.com/3894/15008518202_b016d7d289_b.jpg" data-med-size="824x600" data-author="Folkert Gorter" class="demo-gallery__img--main"> <img width="120" style="margin: 10px 0;background-color: #ddd;padding: 6px;border-radius: 3px;" th:src="${d}" alt=""> </a> </div> </div> <span style="color:#333333"> </span>

th:selected

<div class="form-group">
    <label>年龄</label> <select class="form-control" id="age">
        <option value="1" th:selected="${sex==1}">男</option>
        <option value="2" th:selected="${sex==2}">女</option>
    </select></div>

https://www.cnblogs.com/nuoyiamy/p/5591559.html 基本语法链接

经验分享 程序员 微信小程序 职场和发展