2020/8/13
今天在公司套用网站模板让界面更美观，并且实现增删查改，有弹框更符合用户使用需求，
做了验证登录，只有是数据库里的人才能登录并进行后续的增删查改
今天做了份产品经理的试卷，时间不够，因为中途不小心登退出，登不进去，
考察的大多是逻辑题，比如天猫和京东的不同，牛奶豆浆不同，会上意见不同解决，你作为产品经理的优势，
自己不够主动争取名额，总想着等面试又学，自己应该平时就多积累，多关注，多学话术，只有准备充分，才能接得住机会。
let pageIndex=1;
let pageSize=10
let baseurl="http://localhost:8080/web006/"
let deleteId=-1;
let slist;
let end=0;
$.ajaxSetup({
async:false
})
$(function () {
initStudentData();
getCount();
initPagination();
})
function getCount() {
$.getJSON(baseurl+"/StudentServlet",{"type":"getCount"},function(data){
end=Math.ceil(data.data/pageSize)
})
}
//加载分页导航
function initPagination(){
$("#pagination").html(createPaging(end,pageIndex))
}
function changePaging() {
pageIndex=event.target.getAttribute('val')
if (pageIndex) {
initStudentData();
// 点击新的页码要显示导航栏
initPagination()
}
}
//删除
function deleteStudent(){
$.getJSON(baseurl+"/StudentServlet",{"type":"delete","id":deleteId},function(data){
if(data.code==2){
initStudentData();
}else{
alert(data.msg)
}
})
}
//赋值删除ID sid是中间变量初始化界面onclick="setDeleteId('+data.data[i].id+')" data-toggle="modal">
// <i class="icon-remove">点×就传一个要删除的id,再传到上面的deleteId
function setDeleteId(sid){
deleteId=sid
alert(sid);
}
//添加之前的操作 .value=''弹框的文本框是空白的
function add(){
let updateForm=document.getElementById('updateForm')
updateForm.id.value='系统默认生成'
updateForm.id.setAttribute('readonly','')
updateForm.name.value=''
updateForm.pwd.value=''
$("#save").html('添加')
initClassList()
updateForm.classid.value='1'
}
//保存 修改和保存用的同一个div弹框,let type='update'默认type是修改
// 如果id="save" onclick="save()" data-dismiss="modal">保存</button>的innerHTML(html)是保存,那type='add'
// 修改和添加都要序列化传到服务器
function save() {
let type='update'
if($("#save").html()=='添加')
type='add'
$.post(baseurl+"/StudentServlet?type="+type,$("#updateForm").serialize(),function(data){
if(data.code==2){
initStudentData();
}else{
alert(data.msg)
}
},"json")
}
//修改学生信息
function update(sindex) {
// 通过index下标找到id,name,pwd边找边丢到弹出的文本框里
// 点击保存时触发上面function save() 通过序列化传到服务器
let updateForm=document.getElementById('updateForm')
$("#save").html('保存')
updateForm.id.setAttribute('readonly','')
updateForm.id.value=slist[sindex].id
updateForm.name.value=slist[sindex].name
updateForm.pwd.value=slist[sindex].pwd
initClassList()
updateForm.classid.value=slist[sindex].classid
}
//初始化班级下拉列表
function initClassList(){
$.getJSON(baseurl+"/ClassesServlet",{},function (data) {
let clist=document.getElementById('classid');
clist.length=0
for(let i=0;i<data.length;i++){
let option=new Option(data[i].name,data[i].id);
clist.add(option)
}
})
}
//查询所有数据
function initStudentData(){
$.getJSON(baseurl+"StudentServlet",{"type":"select","pageIndex":pageIndex,"pagesize":pageSize},function(data){
// 修改后就在当前页面刷新，不加的话要返回服务器(全球访问,资源不够),客户端随便用
slist=data.data
let msg = ""
for (let i = 0; i < data.data.length; i++) {
msg += "<tr>";
msg += "<td>" + data.data[i].id + "</td>";
msg += "<td>" + data.data[i].name + "</td>";
msg += "<td>" + data.data[i].pwd + "</td>";
msg += "<td>" + data.data[i].cinfo.name + "</td>";
msg += "<td>"
msg += " <a href=\"#update\" onclick=\"update("+i+")\" data-toggle=\"modal\"><i class=\"icon-pencil\"></i></a> "
msg += ' <a href="#delete" role="button" onclick="setDeleteId('+data.data[i].id+')" data-toggle="modal"><i class="icon-remove"></i></a> '
msg += "</td>";
msg += "</tr>";
}
$("#stbody").html(msg)
})
}
// 类似于之前的load 整个页面加载完执行
$(function () {
})
function login(){
// alert($("#form1").serialize())
$.post("http://localhost:8080/web006/StudentServlet?type=login",
{"id":id,"name":name}
$("#form1").serialize(),function (data) {
// 是code==2就是登录成功,否则返回错误信息
if(data.code==2){
location.href="users.html"
}else{
alert(data.msg)
}
},"json")
}
