springboot+layui 學習筆記01

摘要： 1.dao包定義dao類(定義@mapper註解) 2.entity包中定義實體類(BaseEntity沒有的屬性定義@Override） 3.enums列舉定義 4.services包定義(@services註解) 5.controll...

1.dao包定義dao類(定義@mapper註解)

2.entity包中定義實體類(BaseEntity沒有的屬性定義@Override）

3.enums列舉定義

4.services包定義(@services註解)

5.controller包定義類(@controller註解:處理http請求 -- @Autowaired:自動裝配  --  @RequestMapper跳轉頁面路徑)

6.webapp---WEB-INF.view -- 包名

1>list頁面:

頁面增加

var active = {
add: function () {
layer.open({
type: 2
, title: '新增'
, content: '/maintenance/bulletin/form'
, shade:0.8
, area: ['90%', '80%']
, btn: ['確定', '取消']
, yes: function (index, layero) {
var iframeWindow = window['layui-layer-iframe' + index]
, submitID = 'LAY-bulletin-submit'
, submit = layero.find('iframe').contents().find('#' + submitID);

//監聽提交
iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
var field = data.field;
alert(JSON.stringify(data))
//console.log(field)//在js頁面檢視值
//return false;//停止任何事
admin.req({
url: '/maintenance/bulletin/edit'
, type: 'post'
, data: field
, success: function (result) {
layer.msg(result.msg, {time: 2000, icon: 6});
table.reload('LAY-bulletin-table-list');
}, error: function (ex) {
layer.alert(ex);
}
});
layer.close(index);
});

submit.trigger('click');
}
});
},
reset: function () {
$('.layui-form input').val('');
$('.layui-form .layui-inline:last button:first').click();
}
};

$('.layui-btn.layuiadmin-btn-bulletin').on('click', function () {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});

js檔案

var tableList = null;
layui.define(['table', 'form'], function (exports) {
var $ = layui.$
, admin = layui.admin
, table = layui.table;

tableList = table.render({
elem: '#LAY-bulletin-table-list'
, url: '/maintenance/bulletin/list'
, cols: [[
{type: 'checkbox', fixed: 'left',height:500}
// {type: 'numbers', fixed: 'left'}
, {field: 'id', title: '序號'}
, {field: 'theme', title: '公告主題'}
, {field: 'tjr', title: '提交人'}
, {field: 'tjsj', title: '提交時間'}
, {field: 'status',width:140, title: '當前狀態',templet:function(d) {
if (d.status == 0){
return '<span class="layui-btn layui-btn-radius layui-btn layui-btn-disabled layui-btn-sm">已作廢</span>'
}else if (d.status == '1'){
return '<span class="layui-btn layui-btn-radius layui-btnlayui-btn-sm">已提交</span>'
}else if (d.status == '4'){
return '<span class="layui-btn layui-btn-radius layui-btn layui-btn-warm layui-btn-sm">已釋出</span>'
}else if (d.status == '6'){
return '<span class="layui-btn layui-btn-radius layui-btn layui-btn-normal layui-btn-sm">待發布</span>' +
'<span class="layui-btn layui-btn-radius layui-btnlayui-btn-sm" onclick="fabu(this)" style="color:darkred;">釋出</span>'
}else if (d.status == '7'){
return '<span class="layui-btn layui-btn-radius layui-btn layui-btn-sm">釋出成功</span>'
}
}
}
, {field: 'nextStatus',width:150, title: '稽核狀態',templet:function(d) {
if (d.nextStatus == 5){
return '<span class="layui-btn layui-btn-radius layui-btn layui-btn-normal layui-btn-sm wait" >待稽核</span>'
}else if (d.nextStatus == '2'){
return '<span class="layui-btn layui-btn-radius layui-btnlayui-btn-sm">稽核通過</span>' +
'<span class="layui-btn layui-btn-radius layui-btnlayui-btn-danger layui-btn-sm" id="feiqi" onclick="feiqi(this)">廢棄</span>'
}else if (d.nextStatus == '3'){
return '<span class="layui-btn layui-btn-radius layui-btnlayui-btn-danger layui-btn-sm">稽核不通過</span>'
}else if (d.nextStatus == '0'){
return '<span class="layui-btn layui-btn-radius layui-btn layui-btn-disabled layui-btn-sm">已作廢</span>'
}else if (d.nextStatus == '1'){
return '<span class="layui-btn layui-btn-radius layui-btnlayui-btn-sm">稽核通過</span>'
}
}
}
,{title: '操作', width: 150 , fixed: 'right', toolbar: '#table-toolbar'}
]]
, page: true
, limit: 10
,limits: [10,20,30]
, text: '對不起，加載出現異常！'
});




//監聽行工具事件
table.on('tool(LAY-bulletin-table-list)', function (obj) {
var data = obj.data;
if (obj.event === 'shck') {
if(data.nextStatus == '5'){
layer.confirm('真的要稽核嗎-^^-', function (index) {
layer.open({
type: 2
, title:"公告欄稽核" //不顯示標題欄
, area: ['60%', '60%']
, shade:0.8
, content:'/maintenance/bulletin/sh?id='+obj.data.id
});
});
}else{
layer.msg("該公告已被稽核(-^-)")
}
} else if (obj.event === 'view') {
layer.open({
type: 2
, title:"公告欄檢視" //不顯示標題欄
, area: ['60%', '60%']
, shade:0.8
, content:'/maintenance/bulletin/view?id='+obj.data.id
, btn: '關閉檢視'
, yes: function (layero) {
layer.close(layero);
}
});
}
});

exports('bulletintable', {})
});
function fabu(obj) {
var id=layui.$(obj).parents("tr").children("td:eq(1)").text();
var data = {
id:id,
op:'釋出'
};
layui.$("#feiqi").css("display","block");
layui.$.ajax({
url:"/maintenance/bulletin/view/sh",
type:"post",
data:data,
success:function(){
},
error:function () {
window.location.reload();
}
})
}

function feiqi(obj) {
var id=layui.$(obj).parents("tr").children("td:eq(1)").text();
var data = {
id:id,
op:'廢棄'
};
layui.$.ajax({
url:"/maintenance/bulletin/view/sh",
type:"post",
data:data,
success:function(){
},
error:function () {
window.location.reload();
}
})
}
function dsh(nextStatus) {
var data = {
nextStatus:nextStatus
};
tableList.reload({
where: data
,page: {
curr: 1 //重新從第 1 頁開始
}
})
}