layui管理员列表弹出表单操作作业

原创 2018-11-18 17:59:34 342
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css&q
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="../layui/css/layui.css">
<script type="text/javascript" src='../layui/layui.js'></script>
<style type="text/css">
.header{width:100%;border-bottom:2px solid #009688;}
.headerTab_left{margin:10px 20px;font-size:15px;background:#009688;color:#fff;padding:10px;line-height:36px;}
.header button{float:right;}
</style>
</head>
<body style='padding:10px'>
<div>
<span>管理员列表</span>
<button class="layui-btn layui-btn-sm" onclick='add()'>添加</button>
</div>
<table>
<thead>
<tr>
<th>ID</th>
<th>用户名</th>
<th>性别</th>
<th>城市</th>
<th>签名</th>
<th>积分</th>
<th>操作</th>
</tr>
</thead>
<tr>
<td>01</td>
<td>user1</td>
<td>男</td>
<td>中國湖南</td>
<td>这个家伙很懒,什么都没有留下</td>
<td>2018-11-18 16:44:10</td>
<td>
<button class="layui-btn layui-btn-xs">编辑</button>
<button class="layui-btn layui-btn-danger  layui-btn-xs" onclick='del()'>删除</button>
</td>
</tr>
<tr>
<td>02</td>
<td>李小龙</td>
<td>男</td>
<td>中国广东省佛山市顺德区均安镇</td>
<td>不朽的东方传奇——你不知道的李小龙</td>
<td>2018-11-18 16:44:10</td>
<td>
<button class="layui-btn layui-btn-xs">编辑</button>
<button class="layui-btn layui-btn-danger  layui-btn-xs" onclick='del()'>删除</button>
</td>
</tr>
<tr>
<td>03</td>
<td>李连杰</td>
<td>男</td>
<td>中国北京市</td>
<td>2007年创建公益组织壹基金。2009年担任世界卫生组织亲善大使。2010年担任国际红十字会亲善大使。2014年在《中国慈善家》“中国慈善名人榜”中排名第二位 </td>
<td>2018-11-18 16:44:10</td>
<td>
<button class="layui-btn layui-btn-xs">编辑</button>
<button class="layui-btn layui-btn-danger  layui-btn-xs" onclick='del()'>删除</button>
</td>
</tr>
<tr>
<td>04</td>
<td>古天乐</td>
<td>男</td>
<td>中国香港</td>
<td>古天乐慈善基金”的名义先后在贵州等地捐赠80多所学校,上榜“2017中国慈善名人榜TOP30</td>
<td>2018-11-18 16:44:10</td>
<td>
<button class="layui-btn layui-btn-xs">编辑</button>
<button class="layui-btn layui-btn-danger  layui-btn-xs" onclick='del()'>删除</button>
</td>
</tr>
</table>
<script type="text/javascript">
layui.use(['layer'], function(){
   var layer = layui.layer

});
function del(){
layer.confirm('确认删除吗?', {
icon:2,
btn: ['删除', '取消'] //可以无限个按钮
}, function(index, layero){
  //按钮【按钮一】的回调
}, function(index){
  //按钮【按钮二】的回调
});
}
function add(){
layer.open({
title:['管理员创建'],
area:['400px','350px'],
type: 2, 
  content: 'add.html' //这里content是一个普通的String
});
}
</script>
</body>
</html>

作业.png

批改老师:天蓬老师批改时间:2018-11-18 18:02:03
老师总结:页面可以正常显示了,不过,保存按钮哪去了?

发布手记

热门词条