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")
}
