背景介绍
在抖音上有这样的视频，视频就是一张图，图上问了一个问题：饭局上，你去帮领导盛饭，领导接过后说：‘盛这么多，喂猪呢？’咋回？
底下有一个搞笑评论：猪可没有您吃得多。
问题和评论组合起来就成了一则笑话，我收集了一些这样的素材。
数据库
CREATE TABLE `laugh` (`laugh_id` int NOT NULL AUTO_INCREMENT,`laugh_text` text COLLATE utf8mb4_unicode_ci,PRIMARY KEY (`laugh_id`)
) ENGINE=InnoDB AUTO_INCREMENT=11 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='笑话';laugh_id,laugh_text
1,饭局上，你去帮领导盛饭，领导接过后说：‘盛这么多，喂猪呢？’你说：“猪可没有您吃得多。”
2,饭局你去晚了，有人对你说：“呦，这是来买单了？”你说：“怕你缺餐具，来当你碟了。”
3,公司电梯里，领导突然放了一个屁，这时领导对你说：“小刘啊，今天中午吃多了吗？”大家目光转向你，你说：“领导你有屁就一次放完，别下面放完上面放。”
4,领导示意你帮他挡酒，对方却大声说：“我敬的是你领导，你是领导吗？”你把酒倒在地上说：“你不喝那就你爸喝。”
5,工作上和领导起了冲突，领导说：“你能干就干，不能干就滚！”你说：“没办法，你老婆太粘人了。”
6,当你对着一天的电脑，脸上有点油，下班电梯里，一个女同事说：“你脸上好油啊，都可以拿来炒菜了”大家的目光都转向你这边看。你说：“我脸上的油，你脸上的粉，咱们晚上烙大饼吃。”
7,公司餐厅你正在吃饭，这时一个男同事对你说：“你其实挺好看的，要是能再瘦下来一点，我就追你。”你说：“瘦不下来了，因为看见你就难瘦。”
8,今天去逛街，你穿了一件自己很喜欢的衣服出门，有人对你说：“你穿的衣服太土了吧，是大妈风吗？”你说：“我这点土，埋你三回都有剩。”
9,你和领导打乒乓球你赢了，领导说道：“看来我真的老喽，不中用了。”你说：“老了总比死了好。”
10,公司办公室里，有个同事阴阳怪气的问你：“你怎么被公司边缘化了？”你说：“怪不得同事都私底下说你是这种人，我本来还不信。”页面
页面代码
<% layout('/layouts/default.html', {title: '笑话管理', libs: ['dataGrid']}){ %>
<div class="main-content"><div class="box box-main"><div class="box-header"><div class="box-title"><i class="fa icon-notebook"></i> ${text('笑话管理')}</div><div class="box-tools pull-right"><a href="#" class="btn btn-default" id="btnSearch" title="${text('查询')}"><i class="fa fa-filter"></i> ${text('查询')}</a><% if(hasPermi('laugh:laugh:edit')){ %><a href="${ctx}/laugh/laugh/form" class="btn btn-default btnTool" title="${text('新增笑话')}"><i class="fa fa-plus"></i> ${text('新增')}</a><% } %><a href="#" class="btn btn-default" id="btnSetting" title="${text('设置')}"><i class="fa fa-navicon"></i></a></div></div><div class="box-body"><#form:form id="searchForm" model="${laugh}" action="${ctx}/laugh/laugh/listData" method="post" class="form-inline hide"data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}"><div class="form-group"><label class="control-label">${text('笑话')}：</label><div class="control-inline"><#form:input path="laughText" class="form-control width-120"/></div></div><div class="form-group"><button type="submit" class="btn btn-primary btn-sm"><i class="glyphicon glyphicon-search"></i> ${text('查询')}</button><button type="reset" class="btn btn-default btn-sm isQuick"><i class="glyphicon glyphicon-repeat"></i> ${text('重置')}</button></div></#form:form><table id="dataGrid"></table><div id="dataGridPage"></div></div></div>
</div>
<% } %>
<script>
//# // 初始化DataGrid对象
$('#dataGrid').dataGrid({searchForm: $('#searchForm'),columnModel: [{header:'${text("笑话")}', name:'laughText', index:'a.laugh_text', width:150, align:"left", frozen:true, formatter: function(val, obj, row, act){return '<a href="${ctx}/laugh/laugh/form?laughId='+row.laughId+'" class="btnList" data-title="${text("编辑笑话")}">'+(val||row.id)+'</a>';}},{header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){var actions = [];//# if(hasPermi('laugh:laugh:edit')){actions.push('<a href="${ctx}/laugh/laugh/form?laughId='+row.laughId+'" class="btnList" title="${text("编辑笑话")}"><i class="fa fa-pencil"></i></a> ');actions.push('<a href="${ctx}/laugh/laugh/delete?laughId='+row.laughId+'" class="btnList" title="${text("删除笑话")}" data-confirm="${text("确认要删除该笑话吗？")}"><i class="fa fa-trash-o"></i></a> ');//# }return actions.join('');}}],//# // 加载成功后执行事件ajaxSuccess: function(data){}
});
</script>
