分房

仿分房操作
开发工具：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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</span>' + data[i].guestroomnumber + '</button></div>');
				    }
				}
			})