背景介绍
在抖音上有这样的视频，视频就是一张图，图上问了一个问题：饭局上，你去帮领导盛饭，领导接过后说：‘盛这么多，喂猪呢？’咋回？
底下有一个搞笑评论：猪可没有您吃得多。
问题和评论组合起来就成了一则笑话，我收集了一些这样的素材。
数据库
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>
