仿分房操作
开发工具:MyEclipse、MySQL
开发语言:SSM框架、java、layui
图如下:
jsp代码如下:
//循环遍历生成房间
$.post("${ctx}/Room/SelectGuestRoom.do", function(data){
for (var i = 0; i < data.length; i++) {
if (data[i].roomstatusid == 1) {
$("#part").append('<div class="layui-col-md1 layui-col-xs1 layui-col-sm1 layui-col-lg1" style="margin-right:50px;margin-top:30px;"><button type="button" class="layui-btn" id="' + data[i].guestroomid + '" onclick = "SuoDingFang(' + data[i].guestroomid + ')"><span class="layui-icon layui-icon-password"> </span>' + data[i].guestroomnumber + '</button></div>');
} else if (data[i].roomstatusid == 2) {
$("#part").append('<div class="layui-col-md1 layui-col-xs1 layui-col-sm1 layui-col-lg1" style="margin-right:50px;margin-top:30px;"><button type="button" class="layui-btn" id="' + data[i].guestroomid + '" onclick = "ZhuKeFang(' + data[i].guestroomid + ')"><span class="layui-icon layui-icon-username"> </span>' + data[i].guestroomnumber + '</button></div>');
} else if (data[i].roomstatusid == 3) {
$("#part").append('<div class="layui-col-md1 layui-col-xs1 layui-col-sm1 layui-col-lg1" style="margin-right:50px;margin-top:30px;"><button type="button" class="layui-btn layui-btn-normal" id="' + data[i].guestroomid + '" onclick = "XuanFangJian(' + data[i].guestroomid + ')"><span class="layui-icon layui-icon-vercode"> </span>' + data[i].guestroomnumber + '</button></div>');
} else if (data[i].roomstatusid == 4) {
$("#part").append('<div class="layui-col-md1 layui-col-xs1 layui-col-sm1 layui-col-lg1" style="margin-right:50px;margin-top:30px;"><button type="button" class="layui-btn layui-btn-normal" id="' + data[i].guestroomid + '" onclick = "XuanFangJian(' + data[i].guestroomid + ')"><span class="layui-icon layui-icon-group"> </span>' + data[i].guestroomnumber + '</button></div>');
} else if (data[i].roomstatusid == 5) {
$("#part").append('<div class="layui-col-md1 layui-col-xs1 layui-col-sm1 layui-col-lg1" style="margin-right:50px;margin-top:30px;"><button type="button" class="layui-btn layui-btn-danger" id="' + data[i].guestroomid + '" onclick = "QingLiFang(' + data[i].guestroomid + ')"><span class="layui-icon layui-icon-fonts-clear"> </span>' + data[i].guestroomnumber + '</button></div>');
}
}
})