🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 列表要求 1. 高亮js代码要加 2. 当前页面名,如:推荐管理 3. 最外层用.centent 4. 筛选部分写在:`<div class="filter_area m-b-10">可加按钮,筛选框</div>`里 5. 表格列表:` <div class="panel panel-inverse"><div class="panel-body"><table class="table fashop-table-style">`这3个少不了 6. 表格列表分页: ~~~ <div class="filter_area m-b-10 row"> <div class="col-sm-5"> <!-- <div class="dataTables_info" id="data-table_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div> --> </div> <div class="col-sm-7"> <div class="fa-page">{$page}</div> </div> </div> ~~~ # 完整示例 ~~~ <include file="public/header" /> <div class="content"> <h1 class="page-header">文档管理</h1> <div class="action-control-area m-b-10"> <a href="{:url('add',array('category_id'=>$_GET['category_id']?$_GET['category_id']:0))}" class="btn btn-primary"><span>添加</span></a>&nbsp; <a href="javascript:void(0);" onclick="eEvent.delAll()" class="btn btn-primary">删除</a> </div> <div class="filter_area m-b-10"> <form method="get" action="{:url('index')}" class="form-inline" id="search_form"> <select name="category_id" id="category_id" class="form-control"> <option value="">全部分类</option> {:selectOption(model('InfoCategory', 'logic')->getAll(0),$_GET['category_id']?$_GET['category_id']:0)} </select>&nbsp; <input name="keywords" type="text" value="{$_GET['keywords']}" placeholder="标题关键词" class="form-control" /> <span class="margin_box">发布日期</span> <input name="start" type="text" id="start" value="{$_GET['start']}" class="form-control" /> <span>-</span> <input name="end" type="text" id="end" value="{$_GET['end']}" class="form-control" />&nbsp; <select name="order" class="form-control"> <option value="" <empty name="_GET['order']">selected</empty>>排序</option> <option value="1" <if condition="$_GET['order'] eq '1'">selected</if>>小到大</option> <option value="2" <if condition="$_GET['order'] eq '2'">selected</if>>大到小</option> </select>&nbsp; <select name="status" class="form-control"> <option value="" <empty name="_GET['status']">selected</empty>>全部显示</option> <option value="1" <if condition="$_GET['status'] eq '1'">selected</if>>只显示是</option> <option value="0" <if condition="$_GET['status'] eq '0'">selected</if>>只显示否</option> </select>&nbsp; <input type="submit" class="btn btn-primary" id="submit" value="搜索" /> </form> </div> <div class="panel panel-inverse"> <div class="panel-body"> <table class="table fashop-table-style"> <thead> <tr> <th style="width:30px;"> <input type="checkbox" onclick="checkAll(this)" value="0"> </th> <th>ID</th> <th>名字</th> <th>发布时间</th> <th>[分类id]分类名</th> <th>作者</th> <th>点击率</th> <th>排序</th> <th>操作</th> </tr> </thead> <volist name="list" id="vo"> <tr> <td> <input type="checkbox" name="ids[]" id="ids[]" value="{$vo['id']}"> </td> <td>{$vo['id']}</td> <td><if condition="$vo['img']">[图] </if>{$vo['title']}</td> <td>{$vo['create_time']|date='Y-m-d H:i',###}</td> <td> <a href="{:url('index',array('category_id'=>$vo['category_id']))}" />[{$vo['category_id']}]{$vo.category_title}</a> </td> <td>{$vo['author']}</td> <td>{$vo['hits']}</td> <td>{$vo['sort']}</td> <td> <a href="{:url('edit',array('id'=>$vo['id']))}">修改</a>&nbsp;&nbsp; <a href="javascript:void(0)" onclick="eEvent.del('{$vo['id']}');">删除</a> </td> </tr> </volist> </table> </div> </div> <div class="filter_area m-b-10 row"> <div class="col-sm-5"> <!-- <div class="dataTables_info" id="data-table_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div> --> </div> <div class="col-sm-7"> <div class="fa-page">{$page}</div> </div> </div> </div> <include file="public/footer" /> <link type="text/css" rel="stylesheet" href="__PUBLIC__/common/datetime/datetimepicker.css" /> <script src="__PUBLIC__/common/datetime/bootstrap-datetimepicker.min.js" type="text/javascript" charset="UTF-8"></script> <script src="__PUBLIC__/common/datetime/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> eEvent.delUrl = "{:url('del')}"; $('#start').datetimepicker({ format: 'yyyy-mm-dd', language: "zh-CN", minView: 2, autoclose: true }); $('#end').datetimepicker({ format: 'yyyy-mm-dd', language: "zh-CN", minView: 2, autoclose: true }); $('#search_form select').change(function(event) { $('#submit').click(); }); </script> ~~~ sublime snip ~~~ <div class="content"> <h1 class="page-header">节点添加</h1> <div class="panel panel-inverse"> <div class="panel-body"> </div> </div> </div> ~~~ ~~~ <form action="{:url('edit')}" method="post" enctype="multipart/form-data" class="form-horizontal form-validate form-redirect"> </form> ~~~