Student/Js/main.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

$(document).ready(function () {
    setHeight();
    loadData();
    checkUpdate();
})

function loadData() {
    if(!$("#stu_query"))
        return

    $.ajax({
        url: "/api/Student",
        type: 'GET',
        success: function(res){
            //console.log(res)
            let jsonArray = JSON.parse(res)

            jsonArray.forEach(function(element){
                buildElement(element)
            })


        }
    })
    
}

function buildElement(obj){
    let stringbuilder = new Array();
    stringbuilder.push("<div class='stu-item'>")
    stringbuilder.push("<img src='https://teenyda-blog.oss-cn-shenzhen.aliyuncs.com/blog-image/avatar.jpg' />");
    stringbuilder.push("<div class='info'>");
    appendInfo(stringbuilder,"学号", obj.StuNo);
    appendInfo(stringbuilder,"姓名", obj.StuName);
    appendInfo(stringbuilder,"性别", obj.StuSex);
    stringbuilder.push("</div>");

    stringbuilder.push("<div class='info'>");
    appendInfo(stringbuilder, "年级", obj.StuGrade);
    appendInfo(stringbuilder, "专业", obj.StuProfession);
    appendInfo(stringbuilder, "班级", obj.StuClass);
    stringbuilder.push("</div>");

    stringbuilder.push("<div class='info'>");
    appendInfo(stringbuilder, "籍贯", obj.StuNativePlace);
    appendInfo(stringbuilder, "联系方式", obj.StuContact);
    appendInfo(stringbuilder, "住址", obj.StuAddress);
    stringbuilder.push("</div>");

    stringbuilder.push("<div class='btn-op'>");
    stringbuilder.push("<button class='button is-info is-light is-small' onclick='updateStu("+ obj.StuId+")'>修改</button>");
    stringbuilder.push("<button class='button is-danger is-light is-small' onclick='deleteStu("+ obj.StuId+")'>删除</button>");
    stringbuilder.push("</div>");
    stringbuilder.push("</div>");
    //console.log(stringbuilder);
    $("#cont2").append(stringbuilder.join("\n"));
}

function setHeight(){