摘要：view\user\index.html{include file="/public/head"} <body> <div class="x-nav"> <span&
view\user\index.html
{include file="/public/head"}
<body>
<div class="x-nav">
<span class="layui-breadcrumb">
<a href="">首页</a>
<a href="">演示</a>
<a>
<cite>导航元素</cite></a>
</span>
<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
<i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<xblock>
<button class="layui-btn" onclick="x_admin_show('添加用户','{:url(\"add\")}')"><i class="layui-icon"></i>添加</button>
<span class="x-right" style="line-height:40px">共有数据：{$userTotal} 条</span>
</xblock>
<table class="layui-table">
<thead>
<tr>
<th>ID</th>
<th>登录名</th>
<th>手机</th>
<th>邮箱</th>
<th>加入时间</th>
<th>操作</th>
</thead>
<tbody>
{volist name="users" id="user"}
<tr>
<td>{$user.id}</td>
<td>{$user.username}</td>
<td>{$user.phone}</td>
<td>{$user.email}</td>
<td>{$user.time|date="Y-m-d"}</td>
<td class="td-manage">
<a title="编辑" onclick="x_admin_show('编辑','{:url(\'edit\')}?id={$user.id}')" href="javascript:;">
<i class="layui-icon"></i>
</a>
<a title="删除" onclick="member_del(this,'{$user.id}')" href="javascript:;">
<i class="layui-icon"></i>
</a>
</td>
</tr>
{/volist}
</tbody>
</table>
<div class="page">
<div>
{$users|raw}
</div>
</div>
</div>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#start' //指定元素
});
//执行一个laydate实例
laydate.render({
elem: '#end' //指定元素
});
});
/*用户-删除*/
function member_del(obj,id){
layer.confirm('确认要删除吗？',function(index){
//发异步删除数据
$.get('{:url(\'del\')}','id='+id,function(data){
if(data.res == 1){
$(obj).parents("tr").remove();
layer.msg(data.msg,{icon:1,time:1000});
}
});
});
}
</script>
</body>
</html>view\user\edit.html
{include file="/public/head"}
<body>
<div class="x-body">
<form class="layui-form">
<div class="layui-form-item">
<label for="username" class="layui-form-label">
<span class="x-red">*</span>登录名
</label>
<div class="layui-input-inline">
<input type="text" id="username" name="username" value="{$user.username}" required="" lay-verify="username"
autocomplete="off" class="layui-input">
<input type="hidden" id="id" name="id" value="{$user.id}">
</div>
<div class="layui-form-mid layui-word-aux">
<span class="x-red">*</span>将会成为您唯一的登入名
</div>
</div>
<div class="layui-form-item">
<label for="L_repass" class="layui-form-label">
</label>
<button class="layui-btn" lay-filter="add" lay-submit="">
修改
</button>
</div>
</form>
</div>
<script>
layui.use(['form','layer'], function(){
$ = layui.jquery;
var form = layui.form
,layer = layui.layer;
//自定义验证规则
form.verify({
username: function(value){
if(value.length < 5){
return '登录名至少得5个字符啊';
}
}
});
//监听提交
form.on('submit(add)', function(data){
console.log(data);
//发异步，把数据提交给php
$.post('{:url("DoEdit")}',{
'username':$('#username').val(),
'id':$('#id').val()
},function(data){
if(data.res == 1){
layer.alert(data.msg, {icon: 6},function(){
// 获得frame索引
var index = parent.layer.getFrameIndex(window.name);
//关闭当前frame
parent.layer.close(index);
});
}else{
layer.alert(data.msg, {icon: 6},function(){
// 获得frame索引
var index = parent.layer.getFrameIndex(window.name);
//关闭当前frame
parent.layer.close(index);
});
}
});
return false;
});
});
</script>
</body>
</html>
controller\User.php
<?php
namespace app\admin\controller;
use think\Controller;
use think\facade\Request;
use app\admin\model\UserModel;
class User extends Controller
{
public function index()
{
//取得管理员总数
$userTotal = UserModel::count();
//实例化模型
$user = new UserModel();
//按id降序排列，并且每一页为八条数据
$users = $user->order('id','desc')->paginate(8);
//将数据赋值给模板
$this->view->userTotal = $userTotal;
$this->view->users = $users;
//渲染管理员界面
return $this->fetch();
}
public function add()
{
//渲染管理员添加界面
return $this->fetch();
}
public function DoAdd()
{
//获取前台提交过来的数据
$data = Request::param();
//获取添加的时间
$data['time'] = time();
$username = $data['username'];
//使用用户名来查询数据库是否有对应的数据
$res = UserModel::where('username',$username)->find();
//判断数据是否存在
if($res == true){
return ['res'=>0,'msg'=>'用户名已存在！'];
}
//halt($data);
//实例化模型
$user = new UserModel();
//验证数据是否存入数据库
if($user->save($data)){
return ['res'=>1,'msg'=>'管理员添加成功！'];
}else{
return ['res'=>0,'msg'=>'管理员添加失败！'];
}
}
public function edit()
{
//获取前台提交过来的数据
$userId = Request::param('id');
//通过用户id查询需要更新用户的所有数据
$user = UserModel::get($userId);
//将数据赋值给模板
$this->view->user = $user;
//渲染管理员编辑界面
return $this->fetch();
}
public function DoEdit()
{
//获取前台提交过来的数据
$data = Request::param();
//实例化模型
$user = new UserModel();
//对数据库中的数据进行修改更新
$res = $user->save([
'username'=>$data['username'],
'id'=>$data['id']
],['id'=>$data['id']]);
//判断更新是否成功
if($res == true){
return ['res'=>1,'msg'=>'管理员更新成功！'];
}else{
return ['res'=>0,'msg'=>'管理员更新失败！'];
}
}
public function del()
{
//获取前台提交过来的要删除的管理员的id
$userId = Request::param('id');
//实例化模型
$user = new UserModel();
//进行删除并进行验证操作
if($user->destroy($userId)){
//返回提示信息
return ['res'=>1,'msg'=>'删除成功！'];
}
}
}
批改老师：天蓬老师批改时间：2018-12-20 23:17:26
老师总结：这里用到的经典的jquery的dom节点的CURD操作
