main.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>main</title>
  6. <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
  7. <link href="css/base.css" rel="stylesheet" type="text/css" />
  8. <link href="css/admin.css" rel="stylesheet" type="text/css" />
  9. <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  10. <!--[if lt IE 9]>
  11. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  12. <![endif]-->
  13. <script src="js/jquery-1.7.2.min.js"></script>
  14. <script src="bootstrap/js/bootstrap.js"></script>
  15. <script src="js/admin.js"></script>
  16. </head>
  17. <body id="main">
  18. <div class="main-nav"> <span class="fn-left">文章列表 共(50)页</span> <span class="fn-right"><a href="javascript:javascript:history.go(-1);"><i class="icon-chevron-left"></i>返回</a></span>
  19. <div class="fn-clear"></div>
  20. </div>
  21. <form id="list-form" action="#" method="post">
  22. <div class="main-content">
  23. <div class="main-action-bar">
  24. <a class="btn fn-left" href="form.html"><i class="icon-plus"></i>添加</a>
  25. <div class="fn-left">
  26. &nbsp;&nbsp;搜索:
  27. <select name="searchBy" class="span1">
  28. <option value="title">标题</option>
  29. </select>
  30. &nbsp;
  31. </div>
  32. <input type="text" name="keyword" value="" class="input-medium search-query fn-left">
  33. <button id="search-button" type="submit" class="btn fn-left">Search</button>
  34. &nbsp;&nbsp;每页显示:
  35. <select name="pageSize" id="page-size" class="span1">
  36. <option value="10"> 10 </option>
  37. <option value="20"> 20 </option>
  38. <option value="50"> 50 </option>
  39. <option value="100"> 100 </option>
  40. </select>
  41. </div>
  42. <div class="form-or-table">
  43. <table id="list-table" class="table table-striped table-bordered">
  44. <thead>
  45. <tr>
  46. <th class="table-checkbox"><input type="checkbox" class="all-check"></th>
  47. <th><a href="#" class="sort" name="username">用户名</a></th>
  48. <th><a href="#" class="sort" name="username">用户名</a></th>
  49. <th><a href="#" class="sort" name="createDate">createDate</a></th>
  50. <th class="table-action">操作</th>
  51. </tr>
  52. </thead>
  53. <tbody>
  54. <tr>
  55. <td><input name="ids" type="checkbox" value=""></td>
  56. <td>Mark</td>
  57. <td>Otto</td>
  58. <td>CSS</td>
  59. <td><a href=""><i class="icon-edit"></i> 编辑</a> <a href=""><i class="icon-eye-open"></i> 浏览</a></td>
  60. </tr>
  61. <tr>
  62. <td><input name="ids" type="checkbox" value=""></td>
  63. <td>Jacob</td>
  64. <td>Thornton</td>
  65. <td>Javascript</td>
  66. <td><a href=""><i class="icon-edit"></i> 编辑</a> <a href=""><i class="icon-eye-open"></i> 浏览</a></td>
  67. </tr>
  68. <tr>
  69. <td><input name="ids" type="checkbox" value=""></td>
  70. <td>Stu</td>
  71. <td>Dent</td>
  72. <td>HTML</td>
  73. <td><a href=""><i class="icon-edit"></i> 编辑</a> <a href=""><i class="icon-eye-open"></i> 浏览</a></td>
  74. </tr>
  75. </tbody>
  76. </table>
  77. <div class="main-footer-action-bar"> <a id="delete-button" class="btn fn-left" url="http://www.baidu.com" disabled=""><i class="icon-trash"></i> 删除</a>
  78. <div class="pagination fn-right">
  79. <ul>
  80. <li><a href="#">首页</a></li>
  81. <li class="active"> <a href="#">1</a> </li>
  82. <li><a href="#">2</a></li>
  83. <li><a href="#">3</a></li>
  84. <li><a href="#">4</a></li>
  85. <li><a href="#">末页</a></li>
  86. </ul>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <input type="hidden" name="pageNumber" id="page-number" value="1" />
  92. <input type="hidden" name="orderBy" id="order-by" value="createDate" />
  93. <input type="hidden" name="order" id="order" value="desc" />
  94. </form>
  95. <div id="delete-modal" class="modal hide fade" style="display: none; ">
  96. <div class="modal-header"> <a class="close" data-dismiss="modal">×</a>
  97. <p><strong>您确定要删除吗?</strong></p>
  98. </div>
  99. <div class="modal-body">
  100. <p>删除之后将不可恢复,请确定!</p>
  101. </div>
  102. <div class="modal-footer"> <a href="#" id="delete-modal-sure-btn" class="btn btn-primary">确定</a> <a href="#" class="btn" data-dismiss="modal">返回</a> </div>
  103. </div>
  104. </body>
  105. </html>