我们点击下配置列表即可查看我们列表页的配置信息了：
其实这个最简单了，首先我们先来完成他控制器的代码：
public function lists(){ $mod = M('Conf')->select(); $this -> assign('mod',$mod); $this -> display(); }
查找到了，后我们直接到列表页进行遍历数据即可：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>后台管理</title> <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/common.css"/> <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/main.css"/> <script type="text/javascript" src="__PUBLIC__/Admin/js/libs/modernizr.min.js"></script> <script type="text/javascript" src="__PUBLIC__/Admin/js/jq18m.js"></script> <script type="text/javascript" src="__PUBLIC__/Admin/js/hileft.js"></script> <style> table{ width:100%; table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } td{ width:100%; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/ } </style> </head> <body> <include file="Public/header" /> <div class="container clearfix"> <include file="Public/left" /> <!--/sidebar--> <div class="main-wrap"> <div class="crumb-wrap"> <div class="crumb-list"><i class="icon-font">�</i><a href="/jscss/admin">首页</a><span class="crumb-step">></span><span class="crumb-name">作品管理</span></div> </div> <div class="search-wrap"> <div class="search-content"> <form action="__CONTROLLER__/tdel" method="post"> <table class="search-tab"> <tr> <th width="120">选择分类:</th> <td> <select name="search-sort" id=""> <option value="">全部</option> <option value="19">精品界面</option><option value="20">推荐界面</option> </select> </td> <th width="70">关键字:</th> <td><input class="common-text" placeholder="关键字" name="keywords" value="" id="" type="text"></td> <td><input class="btn btn-primary btn2" name="sub" value="查询" type="submit"></td> </tr> </table> </form> </div> </div> <div class="result-wrap"> <form name="myform" id="myform" method="post" action="__CONTROLLER__/tdel"> <div class="result-title"> <div class="result-list"> <a href="insert.html"><i class="icon-font">�</i>新增作品</a> <a id="batchDel" href="javascript:void(0)"><i class="icon-font">�</i>批量删除</a> <a id="updateOrd" href="javascript:void(0)"><i class="icon-font">�</i>更新排序</a> </div> </div> <div class="result-content"> <table class="result-tab" width="100%"> <tr> <th>网站名称</th> <th>网站英文名称</th> <th>描述Description</th> <th>关键词Keywords</th> <th>网站备案信息</th> <th>操作</th> </tr> <volist name="mod" id="vo"> <tr> <td>{$vo['cf_name']}</td> <td>{$vo['cf_ename']}</td> <if condition="$vo['cf_desc'] eq ''"> <td style="color:red;"><b>抱歉您还没填写任何数据</b></td> <else /> <td class="da">{$vo['cf_desc']}</td> </if> <if condition="$vo['cf_keywords'] eq ''"> <td style="color:red;"><b>抱歉您还没填写任何数据</b></td> <else /> <td class="da">{$vo['cf_keywords']}</td> </if> <if condition="$vo['cf_keywords'] eq ''"> <td style="color:red;"><b>抱歉您还没填写任何数据</b></td> <else /> <td class="da">{$vo['cf_record']}</td> </if> <td> <a class="link-update" href="__MODULE__/Conf/edit/cf_id/{$vo['cf_id']}">编辑网站配置</a> </td> </tr> </volist> </table> <div class="list-page"> {$pageHtml}</div> </div> </form> </div> </div> <!--/main--> <script> //在 jq 1.8.3测试成功 $("#selall").click(function(){ if($(this).attr("checked")){ $('.selall').attr("checked","checked"); }else{ $('.selall').removeAttr("checked"); } }); </script> </div> </body> </html>
这样我们的效果即可实现出来了