目录和文件说明
css // 样式表
data // 框架文件
include
config.cache.php // 公用变量
conn.inc.php // 数据库连接
func.class.php // 自定义函数
框架使用
在php头部引入下面即可,放置顶部
require_once(dirname(__FILE__).'/include/config.inc.php');
模块化文件格式说明
name.php // 列表主文件
name_add.php // 添加和修改表单
name_api.php // 查询:从数据库获取数据列表
name_db.php // 增、删、改:往数据库储存数据,比如,保存,修改,删除
name_show.php // 详情页
以新闻模块为例
news.php
<?php
require_once(dirname(__FILE__).'/include/config.inc.php');
//初始化参数检测正确性
$sid = isset($sid) ? $sid : 0;
$zid = isset($zid) ? $zid : '';
$wid = isset($wid) ? $wid : 0;
$lx = isset($lx) ? $lx : 0;
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<title>会员管理</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<?php require_once('js.php'); ?>
</head>
<body class="layui-layout-body">
<?php require_once('header.php'); ?>
<div class="layui-tab layui-tab-brief" lay-filter="demo">
<ul class="layui-tab-title">
<li class="layui-this">会员管理</li>
</ul>
</div>
<!-- 内容主体区域 -->
<div style="padding: 15px;">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
<?php require_once('footer.php'); ?>
<script type="text/html" id="barDemo">
<!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a> -->
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="toolbar">
<form action="" class="layui-form" lay-filter="example">
<div class="layui-form-item">
<label class="layui-form-label">筛选</label>
<div class="layui-input-inline">
<input type="text" name="word" required lay-verify="required" placeholder="请输入姓名或手机号" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline"><button type="submit" class="layui-btn">查询</button></div>
</div>
</form>
</script>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script>
layui.use(['form', 'table','layer'], function(){
var table = layui.table;
var form = layui.form;
var layer = layui.layer;
// 表格数据展示
table.render({
height: 'full-250',
elem: '#test',
toolbar: '#toolbar'
,url:'http://pc.jianku.com.cn/user_api.php?word=<?php echo $word; ?>'
// ,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
// layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
// //,curr: 5 //设定初始在第 5 页
// ,groups: 1 //只显示 1 个连续页码
// ,first: false //不显示首页
// ,last: false //不显示尾页
// }
,cols: [[
{field:'id', width:80, title: 'ID', sort: true}
,{field:'case_name', width:200, title: '所属项目', sort: true}
,{field:'name', width:150, title: '姓名'}
,{field:'mobile',width:150, title: '手机'}
,{field:'email', width:200, title: '邮箱'}
,{field:'addtime', title: '添加日期'}
,{field:'open', width:80, title: '是否审核'}
,{ width:180, align:'center', toolbar: '#barDemo'}
]]
});
//监听工具条,查看,编辑,删除操作
table.on('tool(test)', function(obj){
var data = obj.data;
if(obj.event === 'detail'){
layer.msg('ID:'+ data.id + ' 的查看操作');
} else if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
obj.del();
$.ajax({
url:"user_db.php?m=del",
data:{'id':data.id},
type:"Post",
dataType:"text",
success:function(data){
layer.msg('删除成功!');
layer.close(index);
},
error:function(data){
$.messager.alert('错误',data.msg);
}
});
});
} else if(obj.event === 'edit'){
// layer.alert('编辑行:<br>'+ JSON.stringify(data));
window.location.href = 'agent_add.php?id=' + data.id
}
});
//表单头部搜索赋值编辑内容
// form.val('example', {
// "word": <?php echo $word;?>
// });
});
</script>
</body>
</html>