list.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>阿勒泰地区科技创新创业服务平台</title>
  6. <link href="${contextPath}/view/css/style.css" rel="stylesheet" type="text/css" />
  7. <link rel="stylesheet" href="${contextPath}/dist/js/layui/css/layui.css">
  8. <script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
  9. </head>
  10. <body style="background-image: url(${contextPath}/view/images/bg.jpg);background-size: 100% 100%;">
  11. <#include "../view/common/header.html">
  12. <div class="pz_main">
  13. <div class="w_0100">
  14. <div class="w_1200">
  15. <div class="list">
  16. <div class="zixunTop">
  17. <div class="zixunTit">
  18. <span class="shu"></span>
  19. <span class="span">${column.name!}</span>
  20. </div>
  21. </div>
  22. <div class="listInfo">
  23. <ul>
  24. <#list dataList as data>
  25. <li>
  26. <a href="">
  27. <span class="dian"></span>
  28. <p class="title">${data.title!} <span class="date">${data.release_date!}</span></p>
  29. </a>
  30. </li>
  31. </#list>
  32. </ul>
  33. <div class="page">
  34. <form id="searchForm" action="${contextPath}/homelist">
  35. <input type="hidden" id="currentPage" name="currentPage" value="${currentPage}"/>
  36. <input type="hidden" id="col_id" name="col_id" value="${col_id}"/>
  37. </form>
  38. <div id="page"></div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <#include "../view/common/footer.html">
  46. <script src="${contextPath}/dist/js/layui/layui.js"></script>
  47. <script>
  48. //JavaScript代码区域
  49. layui.use(['element', 'laypage', 'layer'], function(){
  50. var element = layui.element;
  51. var laypage = layui.laypage
  52. ,layer = layui.layer;
  53. // 分页功能
  54. laypage.render({
  55. elem: 'page'
  56. ,count: ${totalRow}
  57. ,limits: [10]
  58. ,limit:${pagenum}
  59. ,curr:${currentPage}
  60. ,layout: ['count', 'prev', 'page', 'next','limit', 'refresh', 'skip']
  61. ,jump: function(obj,first){
  62. console.log(first);
  63. if(!first){
  64. $("#currentPage").val(obj.curr);
  65. $("#searchForm").submit();
  66. }
  67. }
  68. });
  69. });
  70. </script>
  71. </body>
  72. </html>