newsList.jsp 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglibf.jsp"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <title>${fns:getConfig("productName")}</title>
  8. <link rel="stylesheet" href="${ctxStaticWeb}/css/base.css" />
  9. <link rel="stylesheet" href="${ctxStaticWeb}/css/second.css" />
  10. <link href="${ctx}/static/plugin/layui/dist/css/layui.css" rel="stylesheet"/>
  11. <script src="${ctx}/static/web/js/jquery-2.1.4.js"></script>
  12. </head>
  13. <body>
  14. <%@ include file="/webpage/modules/web/top.jsp"%>
  15. <div class="new w">
  16. <div class="second_l fl" style="width: 100%">
  17. <div class="list">
  18. <div class="position">当前位置:<a href="${ctx}/">网站首页</a>&nbsp;&#62;&nbsp;${typeName}</div>
  19. <ul>
  20. <c:forEach items="${newsList}" var="obj" >
  21. <li><a href="${ctxF}/news/detail?typeId=${obj.typeId}&id=${obj.id}" title="${obj.title}"><strong>·</strong>${fns:abbr(obj.title,130)}<span><fmt:formatDate value="${obj.createDate}" pattern="yyyy-MM-dd"/></span></a></li>
  22. </c:forEach>
  23. </ul>
  24. <c:if test="${newsList==null || newsList.size()==0}">
  25. <li>
  26. <a href="#">暂无数据</a>
  27. </li>
  28. </c:if>
  29. </div>
  30. <div style="margin:30px 0px;">
  31. <c:if test="${newsList!=null && newsList.size()>0}">
  32. <div id="pagination" style="text-align: center"></div>
  33. </c:if>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="footer clearfix">
  38. <%@ include file="/webpage/modules/web/footer.jsp"%>
  39. </div>
  40. <script src="${pageContext.request.contextPath}/static/plugin/layui/dist/layui.js"></script>
  41. <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
  42. <script>
  43. layui.use(['laypage', 'layer'], function(){
  44. var laypage = layui.laypage
  45. ,layer = layui.layer;
  46. laypage.render({
  47. elem: 'pagination'
  48. ,count: ${page.count}//从服务器得到数据总数
  49. ,limit: ${page.pageSize}//每页展示多少条数据
  50. ,curr: ${page.pageNo}
  51. ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
  52. ,jump: function (obj, first) {
  53. //obj包含了当前分页的所有参数,比如:
  54. //console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
  55. //console.log(obj.limit); //得到每页显示的条数
  56. console.log(obj)
  57. //首次不执行
  58. if (!first) {
  59. //do something
  60. var title = $('#searchText').val()
  61. var href = '${ctxF}/news?typeId=${param.typeId}';
  62. href += '&pageNo=' + obj.curr;
  63. href += '&pageSize=' + obj.limit;
  64. //console.log(href)
  65. location.href = href;
  66. }
  67. }
  68. ,theme: '#c7301e'
  69. });
  70. });
  71. </script>
  72. </body>
  73. </html>