thymeleaf:
前台:
<div class="col-md-12 col-sm-12">
<table class="table">
<thead>
<tr><th>上传图片</th><th>识别位置</th><th>相识度</th><th>详情</th></tr>
</thead>
<tbody>
<tr th:each="result:${resultMidPage.content}">
<td ><img class="img" th:src="${result.fileurl}"></td>
<td th:if="${result.location==0}" th:text="左侧眉毛"></td>
<td th:text="${result.matching}+'%'"></td>
<td ><span class="glyphicon glyphicon-search"></span></td></td>
</tr>
</tbody>
</table>
</div>
<ul class="pagination pagination-lg pull-right" >
<li th:class="${page==1}?'disabled' : ''"><a th:href="@{'/back/gofrontlist?page=' + ${page-1}}">上一页</a></li>
<li th:if="${page-3 >=1}" ><a th:href="@{'/back/gofrontlist?page=' + ${page-3}}" th:text="${page -3}" >1</a></li>
<li th:if="${page-2 >=1}" ><a th:href="@{'/back/gofrontlist?page=' + ${page-2}}" th:text="${page -2}" >1</a></li>
<li th:if="${page-1 >=1}" ><a th:href="@{'/back/gofrontlist?page=' + ${page-1}}" th:text="${page -1}" >1</a></li>
<li class="active"><a href="#" th:text="${page}" >1</a></li>
<li th:if="${page+1 <=resultMidPage.getTotalPages()}" ><a th:href="@{'/back/gofrontlist?page=' + ${page+1}}" th:text="${page +1}" >1</a></li>
<li th:if="${page+2 <=resultMidPage.getTotalPages()}" ><a th:href="@{'/back/gofrontlist?page=' + ${page+2}}" th:text="${page +2}" >1</a></li>
<li th:if="${page+3 <=resultMidPage.getTotalPages()}" ><a th:href="@{'/back/gofrontlist?page=' + ${page+3}}" th:text="${page +3}" >1</a></li>
<li th:class="${page==resultMidPage.getTotalPages()}?'disabled' : ''" ><a th:href="@{'/back/gofrontlist?page=' + ${page+1}}">下一页</a></li>
</ul><br>
controller:参数只有page即每页的数量
@RequestMapping("/gofrontlist")
public ModelAndView golist(@RequestParam(value = "page",defaultValue = "1") Integer page,
@RequestParam(value = "size",defaultValue = "4") Integer size,
Map<String, Object> map){
PageRequest request2=new PageRequest(page-1,size);
Page<ResultMid> resultMidPage=null;
resultMidPage=resultMidService.findResultMidByPages(request2);
map.put("page",page);
map.put("resultMidPage",resultMidPage);
return new ModelAndView("front/list",map);
}
service:
public interface ResultMidService {
void save(ResultMid resultMid);
Page<ResultMid> findResultMidByPages(Pageable pageable);
}
serviceimpl:
@Override
public Page<ResultMid> findResultMidByPages(Pageable pageable) {
UserInfo userInfo=(UserInfo)SecurityUtils.getSubject().getPrincipal();
int userid=userInfo.getUid();
return resultMidRepository.findResultMidByPages(userid,pageable);
}
}
repository:
public interface ResultMidRepository extends CrudRepository<ResultMid,String> {
@Transactional
@Query("select mid from ResultMid mid where mid.user_id=?1")
Page<ResultMid> findResultMidByPages(Integer userid,Pageable pageable);
}
freemarker:
前台:(没有格式化,额,尽量看吧)
<#list riskPage.content as risk>
<tr>
<td>${(risk.ri_title)!""}</td>
<td>${(risk.ri_type)!""}</td>
<td>
${(risk.companyluru)!""}
<td>
${(risk.ri_section)!""}
</td>
<td>
${(risk.ri_postion)!""}
</td>
<td>
<span style="width: 100px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; ">${(risk.ri_detail)!""}</span>
</td>
<td>
<#if risk.ri_danger == "10%及以下">
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
10%及以下
</div>
</div>
</#if>
<#if risk.ri_danger == "25%">
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
25%
</div>
</div>
</#if>
<#if risk.ri_danger == "50%">
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
50%
</div>
</div>
</#if>
<#if risk.ri_danger == "75%">
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
75%
</div>
</div>
</#if>
<#if risk.ri_danger == "90%及以上">
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
90%及以上
</div>
</div>
</#if>
</td>
<td>
<#if risk.ri_influence == "极轻微">
<span class="label label-success">极轻微</span>
</#if>
<#if risk.ri_influence == "轻微">
<span class="label label-warning">轻微</span>
</#if>
<#if risk.ri_influence == "中等">
<span class="label label-warning">中等</span>
</#if>
<#if risk.ri_influence == "重大">
<span class="label label-danger">重大</span>
</#if>
<#if risk.ri_influence == "灾难性">
<span class="label label-danger">灾难性</span>
</#if>
</td>
<td>
${(risk.create_time)!""}-<#if risk.shenghe_status == 1>
${(risk.checkMid.shishenhe_time)!""}
</#if>
<#if risk.shenghe_status == 2>
${(risk.checkMid.shengshenhe_time)!""}
</#if>
<#if risk.shenghe_status == 3>
${(risk.checkMid.guoshenhe_time)!""}
</#if>
</td>
<td>
<#if risk.shenghe_status == 1>
市级
</#if>
<#if risk.shenghe_status == 2>
省级
</#if>
<#if risk.shenghe_status == 3>
国级
</#if>
</td>
<td>
<a class="btn btn-success" href="/risk/riskdetail?riskid=${risk.ri_id}">
<i class="fa fa-search-plus "></i>
</a>
</td>
</tr>
</#list>
</tbody>
</table>
<ul class="pagination">
<#if currentPage lte 1>
<li><a disabled="disabled" href="#">上一页</a></li>
<#else>
<li><a href="/risk/risksearch?page=${currentPage - 1}&size=${size}&ri_detail=${riskSearchVo.ri_detail!""}&
&ri_title=${riskSearchVo.ri_title!""}&ri_postion=${riskSearchVo.ri_postion!""}&ri_influence=${riskSearchVo.ri_influence!""}&
ri_type=${riskSearchVo.ri_type!""}&ri_section=${riskSearchVo.ri_section!""}&ri_danger=${riskSearchVo.ri_danger!""}&chulitype=${chulitype!""}">上一页</a></li>
</#if>
<#list 1..riskPage.getTotalPages() as index>
<#if currentPage == index>
<li class="active"><a href="#">${index}</a></li>
<#else>
<#if index==0>
<#else >
<li ><a href="/risk/risksearch?page=${index}&size=${size}&ri_detail=${riskSearchVo.ri_detail!""}&
&ri_title=${riskSearchVo.ri_title!""}&ri_postion=${riskSearchVo.ri_postion!""}&ri_influence=${riskSearchVo.ri_influence!""}&
ri_type=${riskSearchVo.ri_type!""}&ri_section=${riskSearchVo.ri_section!""}&ri_danger=${riskSearchVo.ri_danger!""}&chulitype=${chulitype!""}">${index}</a></li>
</#if>
</#if>
</#list>
<#if currentPage gte riskPage.getTotalPages()>
<li><a disabled="disabled" href="#">下一页</a></li>
<#else>
<li><a href="/risk/risksearch?page=${currentPage + 1}&size=${size}&ri_detail=${riskSearchVo.ri_detail!""}&
&ri_title=${riskSearchVo.ri_title!""}&ri_postion=${riskSearchVo.ri_postion!""}&ri_influence=${riskSearchVo.ri_influence!""}&
ri_type=${riskSearchVo.ri_type!""}&ri_section=${riskSearchVo.ri_section!""}&ri_danger=${riskSearchVo.ri_danger!""}&chulitype=${chulitype!""}">下一页</a></li>
</#if>
</ul>
然后后台和thymeleaf的一样。
不是最好,但是可以用。