摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>中国功夫明星统计表</title> <link rel="stylesheet" type="text/css&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>中国功夫明星统计表</title>
<link rel="stylesheet" type="text/css" href="/static/plugins/layui/css/layui.css">
<script type="text/javascript" src="/static/plugins/layui/layui.js"></script>
<style type="text/css">
.header span{background: #FF5722;padding: 10px;color: #fff;margin-left: 30px;line-height: 32px;}
.header button {float: right;background: #FF5722;}
.header {border-bottom: 2px #FF5722 solid;}
img{width: 100px;}
</style>
</head>
<body style="padding:10px;">
<div>
<span>中国功夫明星统计表</span>
<button class="layui-btn layui-btn-sm">添加</button>
</div>
<table >
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>照片</th>
<th>擅长</th>
<th>在线状态</th>
<th>简介</th>
<th>添加时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>李小龙</td>
<td><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1224571400,23727096&fm=170&s=0234EC234C3267B598503CC30100A0E1&w=590&h=510&img.GIF"></td>
<td>下线</td>
<td style="width:40%;">李小龙(1940 11.27 - 1973 07.20)，一代武术宗师、UFC起源者、MMA之父、功夫影帝、功夫电影的开创者、截拳道(原始截拳道和概念截拳道)的创始人、中国功夫首位推广者、好莱坞首位华人演员。他推动了世界武术和功夫电影的发展。李小龙创造了中国世界纪录协会世界最多影迷的武术家的世界纪录。全球共拥有2亿以上的影迷。他将 Kung Fu（功夫）一词写入了英文词典。</td>
<th>添加时间</th>
<td>2018-07-08</td>
<td>
<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</button>
</td>
</tr>
<tr>
<td>2</td>
<td>成龙</td>
<td><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1528550987,4279669236&fm=170&s=FEB82EC71228491DE29528380300D01A&w=549&h=281&img.JPEG"></td>
<td>在线</td>
<td style="width:40%;">1954年4月7日生于香港太平山，祖籍山东，大中华区影坛巨星和国际功夫电影巨星，在华人世界享有极高声望与影响。他与周星驰、周润发并称“双周一成”，意为香港电影的票房保证。多次获得香港金像奖的最佳动作设计名誉称号。成龙以功夫片著称，曾经多次打破香港电影票房纪录，其主演的电影全球总票房已经超过200亿元，为华人演员之首。成龙的成名作是功夫喜剧《醉拳》；1994年由他主演的《红番区》在美国公映后反响强烈，使其成功打入美国好莱坞；《尖峰时刻》系列电影亦获得极高的票房，并奠定其国际电影巨星的地位。</td>
<th>添加时间</th>
<td>2018-07-01</td>
<td>
<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</button>
</td>
</tr>
<tr>
<td>3</td>
<td>李连杰</td>
<td><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2286082972,1200668156&fm=170&s=1115CF30D4E266B4A8B4B4C30300F0AB&w=400&h=365&img.JPEG"></td>
<td>在线</td>
<td style="width:40%;">1954年4月7日生于香港太平山，祖籍山东，大中华区影坛巨星和国际功夫电影巨星，在华人世界享有极高声望与影响。他与周星驰、周润发并称“双周一成”，意为香港电影的票房保证。多次获得香港金像奖的最佳动作设计名誉称号。成龙以功夫片著称，曾经多次打破香港电影票房纪录，其主演的电影全球总票房已经超过200亿元，为华人演员之首。成龙的成名作是功夫喜剧《醉拳》；1994年由他主演的《红番区》在美国公映后反响强烈，使其成功打入美国好莱坞；《尖峰时刻》系列电影亦获得极高的票房，并奠定其国际电影巨星的地位。</td>
<th>添加时间</th>
<td>2018-07-01</td>
<td>
<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</button>
</td>
</tr>
<tr>
<td>4</td>
<td>甄子丹</td>
<td><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1528550987,4279669236&fm=170&s=FEB82EC71228491DE29528380300D01A&w=549&h=281&img.JPEG"></td>
<td>在线</td>
<td style="width:40%;">1963年7月27日出生于中国广东，武术家、演员、导演。参与多部西方电影的演出与幕后，与成龙、李连杰同为国际知名的华人武打演员，他的导火线，杀破狼，等影视都体现了他犀利的武功，据说他在美国唐人街是一霸。以前的人知道李小龙，现在唐人街知道甄子丹。同时他还担任香港李小龙协会理事、世界明星厨师联合会副主席。2003年5月与年龄相距19岁的多伦多三料华埠小姐冠军汪诗诗结为连理，育有一子一女。曾参演多部影视剧，2009年凭借影片《叶问》荣获第16届北京大学生电影节最佳男演员。2011年主演的《武侠》荣获第48届台湾电影金马奖最佳动作设计。</td>
<th>添加时间</th>
<td>2018-08-01</td>
<td>
<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</button>
</td>
</tr>
<tr>
<td>5</td>
<td>赵文卓</td>
<td><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=323189600,2987612031&fm=170&s=CF10418754CA26FC50E58C8403006043&w=450&h=636&img.JPEG"></td>
<td>在线</td>
<td style="width:40%;">本名赵卓，他是风靡亚太惊艳北美的型男「真功夫巨星」。赵文卓俊朗的外形、高强的功夫、爽朗大方的男子汉气概深受海内外观众着迷喜爱。父亲是武术教练，母亲是田径国手，8岁其父即送他从师学习武术，曾是哈尔滨市武术队的成员，擅长于剑、枪和拳术，精通太极拳法，能耍三百多套拳法。1990年考进北京体育大学武术系接受武术训练，从12岁起，即获得大小奖项无数。曾获中国全国锦标赛少年冠军、中国全国大学生比赛全能冠军、全国武术冠军(1991年)和当选中国国家武英级运动健将。1992年获元奎导演赏识进入影视圈拍戏大展拳脚功夫。</td>
<th>添加时间</th>
<td>2018-08-01</td>
<td>
<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick="del()">删除</button>
</td>
</tr>
</tbody>
</table>
</body>
<script>
layui.use(['layer'], function(){
var element = layui.element;
layer = layui.layer;
});
function del(){
layer.confirm('确定要删除么?', {
icon:3,
btn: ['确定', '取消'] //可以无限个按钮
}, function(index, layero){
//按钮【按钮一】的回调
}, function(index){
//按钮【按钮二】的回调
});
}
</script>
</html>
批改老师：灭绝师太批改时间：2018-12-28 11:07:12
老师总结：完成的不错呦！layui上手简单，学会看文档很重要！
