设计窗口模拟教室座位表java_模仿电影选座，jq实现教室座位生成和学员座位安排...-优快云博客

该博客介绍了一种使用Java实现的教室座位模拟系统，通过jQuery操作DOM，允许用户选择和取消学员座位。系统根据输入的教室列数和行数动态生成座位表，并能与后台交互进行学员选择。点击座位时，会弹出选择学员的对话框，选定后更新座位状态和学员信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//全局选中div属性

window.Objt = null;//移除数组数据

functionremoveElement(index,array)

{if(index>=0 && index

{for(var i=index; i

{

array[i]= array[i+1];

}

array.length= array.length-1;

}returnarray;

}//取消按钮

functioncancel() {

$("#rightMouse").removeClass("open");

let CLASSROOM_COL= $("input[name='CLASSROOM_COL']").val();

let CLASSROOM_ROW= $("input[name='CLASSROOM_ROW']").val();

$("#rightMouse").removeClass("open");

let _obj=$(window.Objt);//获取当前坐标

let i = _obj.attr("num");

let ci= i.split("-");

let pai= ci[0];

let hao= ci[1];

_obj.parent().removeClass("youren");

_obj.parent().addClass("youjian");

let students= $("#students").val();

let stId= "SEAT_STUDENT_ID_"+i;if(students){

let stuArrays= students.split(",");//去除取消选择的值

for (let j = 0; j

stuArrays= removeElement(j,stuArrays);//删除方法

}

let newstudents= "";//重新拼装字符串

for (let j = 0; j

newstudents=stuArrays[j];

}else{

newstudents= newstudents +","+stuArrays[j];

}

$("#students").val(newstudents);

}

let stName= "SEAT_STUDENT_NAME_"+i;

let stCoo= "SEAT_COO_"+i;

$("input[name='"+stId+"']").val("");

$("input[name='"+stName+"']").val("");/*$("input[name='"+stCoo+"']").val("");*/$(window.Objt).text(pai+"排"+hao+"号"+".无人");

}//选择按钮

functionchooseStudent() {

let CLASSROOM_COL= $("input[name='CLASSROOM_COL']").val();

let CLASSROOM_ROW= $("input[name='CLASSROOM_ROW']").val();

$("#rightMouse").removeClass("open");

let _obj=$(window.Objt);

let i= _obj.attr("num");

let ci= i.split("-");

let pai= ci[0];

let hao= ci[1];/*_obj.parent().removeClass("youjian");

_obj.parent().addClass("youren");*/let projectId= '${projectId}';/*$(window.Objt).text(pai+"排"+hao+"号"+".牛逼xx");*/let students= $("#students").val();var url = "school/TrainScheduleController.do?initStudentChoose&projectId="+projectId+"&students="+students;var title = "选择学员";

PlatUtil.openWindow({

title:title,

area: ["50%","50%"],

content: url,

end:function(){

let _student=PlatUtil.getData(PlatUtil.WIN_SELECTOR_RECORDS);try{if(_student.selectSuccess){

_obj.parent().removeClass("youjian");

_obj.parent().addClass("youren");

$(window.Objt).text(pai+"排"+hao+"号"+"."+_student.checkNames);if(students==""){

students=_student.checkIds;

}else{

students= students +","+_student.checkIds;

}

$("#students").val(students);

let old=$(window.Objt).next().val();

let stId= "SEAT_STUDENT_ID_"+i;

let stName= "SEAT_STUDENT_NAME_"+i;

let stCoo= "SEAT_COO_"+i;

$("input[name='"+stId+"']").val(_student.checkIds);

$("input[name='"+stName+"']").val(_student.checkNames);

$("input[name='"+stCoo+"']").val(pai+","+hao);

students= $("#students").val();if(old){

let stuArrays= students.split(",");//去除取消选择的值

for (let j = 0; j

stuArrays= removeElement(j,stuArrays);//删除方法

}

let newstudents= "";//重新拼装字符串

for (let j = 0; j

newstudents=stuArrays[j];

}else{

newstudents= newstudents +","+stuArrays[j];

}

$("#students").val(newstudents);

}

}catch(e) {return;

}

});//js全局变量

PlatUtil.removeData(PlatUtil.WIN_SELECTOR_RECORDS);/*$(window.Objt).text(projectId);*/}//打开选择学员选择器

functioncheckStudent(event , obj, i, r) {try{var btnNum = event.button; //这里如果是ie浏览器的话参数是不同的

} catch(e) {return;

}if (btnNum == 0) {/*let cls = $("#seatid"+i).attr("class");

if(cls=='seatidzuowei guodao'){

return;

}else{

let CLASSROOM_COL = $("input[name='CLASSROOM_COL']").val();

let CLASSROOM_ROW = $("input[name='CLASSROOM_ROW']").val();

let pai = Math.ceil((i)/CLASSROOM_ROW);

let hao = i%CLASSROOM_COL;

$("#seatid" + i).removeClass("youjian");

$("#seatid" + i).addClass("youren");

$(obj).text(pai+"排"+hao+"号"+".牛逼xx");

}*/$("#rightMouse").removeClass("open");

}if(btnNum == 2){

let y=event.clientY;/*let divchoose ='

divchoose += '

新增';

divchoose += '

编辑';

divchoose += '

删除';

divchoose += '

'*/;

$("#rightMouse").addClass("open");

document.getElementById("rightMouse").style.top=y+"px";

document.getElementById("rightMouse").style.left=event.clientX+"px";

window.Objt=obj;/*$("#chooseRes").attr("href","javascript:chooseStudent("+obj+")");

$("#cancelRes").attr();*/}/* */}//跳转到座位选择页面初始化座位信息

functioninitChooseSeat(list) {

let CLASSROOM_COL= $("input[name='CLASSROOM_COL']").val();

let CLASSROOM_ROW= $("input[name='CLASSROOM_ROW']").val();if (CLASSROOM_COL.length > 0 && CLASSROOM_ROW.length > 0 && CLASSROOM_ROW!="0"&& CLASSROOM_COL!="0") {

$(".seatdiv").html(""); //生成座位前先清空

/*$(".toptext").css('height','0px');*/$(".seatdiv").css('opacity', '1');var lienumber = parseInt(CLASSROOM_COL) * 125 + 31 + "px";

$(".seatdiv").css('width', lienumber);var zhongnumber = parseInt(CLASSROOM_COL) *parseInt(CLASSROOM_ROW);/*for (var i = 1; i <= zhongnumber; i++) {

var n = i;

let pai = Math.ceil((n)/CLASSROOM_COL);

let hao = n%CLASSROOM_ROW;

let text = pai+"排"+hao+"号"+".无人"

$(".seatdiv").append("

"+text+"" +

" +

" " +

");