| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>main</title>
- <link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
- <link href="css/base.css" rel="stylesheet" type="text/css" />
- <link href="css/admin.css" rel="stylesheet" type="text/css" />
- <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <script src="js/jquery-1.7.2.min.js"></script>
- <script src="bootstrap/js/bootstrap.js"></script>
- <script src="js/admin.js"></script>
- </head>
- <body id="main">
- <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>
- <div class="fn-clear"></div>
- </div>
- <form id="list-form" action="#" method="post">
- <div class="main-content">
- <div class="main-action-bar">
- <a class="btn fn-left" href="form.html"><i class="icon-plus"></i>添加</a>
- <div class="fn-left">
- 搜索:
- <select name="searchBy" class="span1">
- <option value="title">标题</option>
- </select>
-
- </div>
- <input type="text" name="keyword" value="" class="input-medium search-query fn-left">
- <button id="search-button" type="submit" class="btn fn-left">Search</button>
- 每页显示:
- <select name="pageSize" id="page-size" class="span1">
- <option value="10"> 10 </option>
- <option value="20"> 20 </option>
- <option value="50"> 50 </option>
- <option value="100"> 100 </option>
- </select>
- </div>
- <div class="form-or-table">
- <table id="list-table" class="table table-striped table-bordered">
- <thead>
- <tr>
- <th class="table-checkbox"><input type="checkbox" class="all-check"></th>
- <th><a href="#" class="sort" name="username">用户名</a></th>
- <th><a href="#" class="sort" name="username">用户名</a></th>
- <th><a href="#" class="sort" name="createDate">createDate</a></th>
- <th class="table-action">操作</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><input name="ids" type="checkbox" value=""></td>
- <td>Mark</td>
- <td>Otto</td>
- <td>CSS</td>
- <td><a href=""><i class="icon-edit"></i> 编辑</a> <a href=""><i class="icon-eye-open"></i> 浏览</a></td>
- </tr>
- <tr>
- <td><input name="ids" type="checkbox" value=""></td>
- <td>Jacob</td>
- <td>Thornton</td>
- <td>Javascript</td>
- <td><a href=""><i class="icon-edit"></i> 编辑</a> <a href=""><i class="icon-eye-open"></i> 浏览</a></td>
- </tr>
- <tr>
- <td><input name="ids" type="checkbox" value=""></td>
- <td>Stu</td>
- <td>Dent</td>
- <td>HTML</td>
- <td><a href=""><i class="icon-edit"></i> 编辑</a> <a href=""><i class="icon-eye-open"></i> 浏览</a></td>
- </tr>
- </tbody>
- </table>
- <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>
- <div class="pagination fn-right">
- <ul>
- <li><a href="#">首页</a></li>
- <li class="active"> <a href="#">1</a> </li>
- <li><a href="#">2</a></li>
- <li><a href="#">3</a></li>
- <li><a href="#">4</a></li>
- <li><a href="#">末页</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <input type="hidden" name="pageNumber" id="page-number" value="1" />
- <input type="hidden" name="orderBy" id="order-by" value="createDate" />
- <input type="hidden" name="order" id="order" value="desc" />
- </form>
- <div id="delete-modal" class="modal hide fade" style="display: none; ">
- <div class="modal-header"> <a class="close" data-dismiss="modal">×</a>
- <p><strong>您确定要删除吗?</strong></p>
- </div>
- <div class="modal-body">
- <p>删除之后将不可恢复,请确定!</p>
- </div>
- <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>
- </div>
- </body>
- </html>
|