精华内容
下载资源
问答
  • 2021-06-23 21:21:04

    使用jQuery实现了数据的增删改查

    <!DOCTYPE html>
    <html>
    
    <head>
        <title>学生成绩表成绩录入查询系统</title>
        <script src="./jquery.js"></script>
        <!--引入jq库-->
        <style>
            table {
                border-spacing: 0;
                /*去掉单元格间隙*/
            }
            
            table thead tr th {
                border: 1px solid black;
            }
            /**设置表格边框**/
            
            td {
                border: 1px solid black;
            }
            
            .luru td {
                width: 50px
            }
            /**设置表格单元格宽度**/
            
            .luru td input {
                width: 50px
            }
            /**设置输入框宽度**/
            
            .mark {
                background-color: #adadf3;
            }
            /*设置背景颜色*/
            
            input {
                width: 40px;
                border: 0;
            }
            
            #show {
                width: 100px;
                height: 20px;
                background-color: coral;
                border-radius: 10px;
                float: right;
                margin-right: 130px;
                text-align: center;
                margin-top: 20px;
            }
            
            #show a {
                text-decoration: none;
                color: black;
            }
        </style>
    </head>
    
    <body>
        <p>注:1.空白即为缺考 2.点击隐藏可使手机号等隐藏</p>
        <!--设置标题-->
        <h3 style="text-align: center;">
            学生成绩表成绩录入查询系统
        </h3>
        <!--学生成绩表格-->
        <table id="tableId" style="width:1200px;height: auto;margin:0 auto;border: 1px solid black" class="score">
            <!--设置表格头部-->
            <thead>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th onclick="sortAble('tableId', 3, 'int')">学号</th>
                    <th class="hidetag">班级</th>
                    <th>语文</th>
                    <th>数学</th>
                    <th>英语</th>
                    <th>物理</th>
                    <th>化学</th>
                    <th>生物</th>
                    <th>历史</th>
                    <th>地理</th>
                    <th>政治</th>
                    <th>平均成绩</th>
                    <th class="hidetag">电话</th>
                    <th class="hidetag">住址</th>
                    <th class="hidetag">备注</th>
                    <th>操作</th>
                </tr>
            </thead>
            <!--设置表格内容-->
            <tbody id="scorelist">
                <tr class='mark'>
                    <td class="order">1</td>
                    <td class='checkname'>王青雪</td>
                    <td class='idcard'>20000</td>
                    <td class='checkgroup hidetag'>高三7</td>
                    <td class='checkscore'>86</td>
                    <td class='checkscore'>120</td>
                    <td class='checkscore'>96</td>
                    <td class='checkscore'>77</td>
                    <td class='checkscore'>88</td>
                    <td class='checkscore'>87</td>
                    <td class='checkscore'>89</td>
                    <td class='checkscore'>86</td>
                    <td class='checkscore'>95</td>
                    <td class='checkscoreavg'></td>
                    <td class='checktel hidetag'>18182065162</td>
                    <td class='checkaddr hidetag'>碧桂园181518</td>
                    <td class='hidetag'></td>
                    <td><a class='del' href='javascript:;'>删除</a></td>
                </tr>
                <tr>
                    <td class="order">2</td>
                    <td class='checkname'>暨攸然</td>
                    <td class='idcard'>19001</td>
                    <td class='checkgroup hidetag'>高二7</td>
                    <td class='checkscore'>123</td>
                    <td class='checkscore'>117</td>
                    <td class='checkscore'>89</td>
                    <td class='checkscore'>98</td>
                    <td class='checkscore'>99</td>
                    <td class='checkscore'>92</td>
                    <td class='checkscore'>91</td>
                    <td class='checkscore'>93</td>
                    <td class='checkscore'>94</td>
                    <td class='checkscoreavg'></td>
                    <td class='checktel hidetag'>18182074386</td>
                    <td class='checkaddr hidetag'>碧桂园291327</td>
                    <td class='hidetag'></td>
                    <td><a class='del' href='javascript:;'>删除</a></td>
                </tr>
                <tr class='mark'>
                    <td class="order">3</td>
                    <td class='checkname'>越珏</td>
                    <td class='idcard'>21002</td>
                    <td class='checkgroup hidetag'>高三7</td>
                    <td class='checkscore'>120</td>
                    <td class='checkscore'>120</td>
                    <td class='checkscore'>80</td>
                    <td class='checkscore'>80</td>
                    <td class='checkscore'>80</td>
                    <td class='checkscore'>80</td>
                    <td class='checkscore'>80</td>
                    <td class='checkscore'>80</td>
                    <td class='checkscore'>80</td>
                    <td class='checkscoreavg'></td>
                    <td class='checktel hidetag'>18182097438</td>
                    <td class='checkaddr hidetag'>碧桂园155037</td>
                    <td class='hidetag'></td>
                    <td><a class='del' href='javascript:;'>删除</a></td>
                </tr>
            </tbody>
        </table>
        <div id='show'>
            <a class='show' onclick='isshow()' href='javascript:;'>隐藏</a>
        </div>
        <!--设置标题-->
        <h3 style="text-align: center;">
            输入查询统计操作区
        </h3>
        <!--设置成绩录入-->
        <table style="width:1200px;height: auto;margin:0 auto;border: 1px solid black">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>学号</th>
                    <th>班级</th>
                    <th>语文</th>
                    <th>数学</th>
                    <th>英语</th>
                    <th>物理</th>
                    <th>化学</th>
                    <th>生物</th>
                    <th>历史</th>
                    <th>地理</th>
                    <th>政治</th>
                    <th>电话</th>
                    <th>住址</th>
                    <th>备注</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr class="luru">
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td><input type="text" placeholder="待录入" /></td>
                    <td></td>
                    <td style="width: 120px">
                        <a class="reset" href="javascript:;">重置</a>&nbsp&nbsp&nbsp
                        <a class="lurunew" href="javascript:;">录入系统</a>
                    </td>
                </tr>
            </tbody>
        </table>
    
        <!--设置成绩查询-->
        <div style="width: 1200px;margin: 0 auto">
            <input id="queryscoreoneinput" placeholder="请输入学生姓名" /><a id="queryscoreonea" href="javascript:;">查询个人成绩</a>
            <select id="select1">
    		    <option>请选择年级</option>
    		    <option value="高一">高一</option>
    		    <option value="高二">高二</option>
    		    <option value="高三">高三</option>
    		</select>
            <select id="select2">
    		    <option>请选择班级</option>
    		    <option value="1班">1</option>
    		    <option value="2班">2</option>
    		    <option value="3班">3</option>
    		    <option value="4班">4</option>
    		    <option value="5班">5</option>
    		    <option value="6班">6</option>
    		    <option value="7班">7</option>
    		    <option value="8班">8</option>
    		    <option value="9班">9</option>
    		</select>
            <a id="querygroup" href="javascript:;">查询班级成绩</a>
            <select id="select3">
    		    <option>请选择科目</option>
    		    <option value="语文">语文</option>
    		    <option value="数学">数学</option>
    		    <option value="英语">英语</option>
    		    <option value="物理">物理</option>
    		    <option value="化学">化学</option>
    		    <option value="生物">生物</option>
    		    <option value="历史">历史</option>
    		    <option value="地理">地理</option>
    		    <option value="政治">政治</option>
    		</select>
            <a id="sigleone" href="javascript:;">查询单科成绩</a>
            <a class="hideinfo" href="javascript:;">隐藏班级电话住址信息</a>
        </div>
    
    
    
        <!--设置查询结果显示,display: none表示默认隐藏-->
        <table style="width:1200px;height: auto;margin:0 auto;border: 1px solid black;margin-top:30px;display: none" id="queryone">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>学号</th>
                    <th class="hidetag">班级</th>
                    <th>语文</th>
                    <th>数学</th>
                    <th>英语</th>
                    <th>物理</th>
                    <th>化学</th>
                    <th>生物</th>
                    <th>历史</th>
                    <th>地理</th>
                    <th>政治</th>
                    <th>平均成绩</th>
                    <th class="hidetag">电话</th>
                    <th class="hidetag">住址</th>
                    <th class="hidetag">备注</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="scorelistquery"></tbody>
        </table>
        <div id="result" style="width: 1200px;margin: 0 auto;display: none">班级总成绩平均分:</div>
    
    
    
        <script type="text/javascript">
            //按照学号进行排序
            sortCells(2)
            var modify = false;
    
            //单元格值的修改
            //找到所有需要编辑的单元格
            var numTd = $(".score");
            //给这些单元格注册Click事件
            numTd.on('click', ".order,.checkname,.checkscore,.checkgroup,.checktel,.checkaddr,.hidetag", function() {
                //找到当前鼠标点击的那个td,this对应的就是响应了click的那个td
                var currTd = $(this);
                if (currTd.children("input").length > 0) {
                    //如果当前td中已包含有文本框元素,则不执行click事件
                    return false;
                }
                //当前td的内容
                var tdtext = currTd.html();
                //清除td的内容
                currTd.html("");
                //创建一个文本框
                //去掉文本框的边框
                //设置文本框中字体大小和当前td中的字体大小一样,为16px;
                //设置文本框的背景色和当前td背景色一样
                //让文本框的宽度和td的宽度一样
                //将td的内容放到文本框中
                //将文本框插入到td中去
                var inputOjb = $("<input type='text' />").css("border-width", "0").css("font-size", "16px")
                    .css("background-color", currTd.css("background-color")).width(currTd.width())
                    .val(tdtext).appendTo(currTd);
    
                //使文本框的内容添加后就被选中(trigger可以执行javascript中的方法)
                inputOjb.trigger("focus").trigger("select");
                //去掉文本框的点击事件,(javascript事件是冒泡型的)
                inputOjb.click(function() {
                    return false;
                });
    
                //处理文本框上回车和ESC按键的操作
                inputOjb.keyup(function(event) {
                    //获取当前按下的键盘的键值
                    // 不同的按键可以做不同的事情
                    var keyCode = event.which;
                    //处理回车键 ,不同的浏览器的keycode不同
                    if (keyCode == 13) {
                        //保存当前输入的内容
    
                        var inputText = $(this).val();
                        currTd.html(inputText);
                    }
                    //处理ESC键的操作
                    if (keyCode == 27) {
                        //将当前TD的内容还原成tdtext
                        currTd.html(tdtext);
                    }
                });
            })
    
            //计算平均数
            calcuavg();
    
            function calcuavg() {
                $(".checkscoreavg").each(function() {
                    scoretotal = 0;
                    sum = 0
                        // 对所有成绩进行求和
    
                    $(this).parent().children(".checkscore").each(function() {
                        if ($(this).text() == '') {
                            console.log(1111);
                        } else {
                            sum = $(this).length;
                            scoretotal += parseInt($(this).text());
    
                        }
                    });
                    // 平均成绩保留一位小数
                    $(this).text((scoretotal / 9).toFixed(1));
    
                });
            }
    
    
    
            /**重置按钮**/
            $(".reset").click(function() {
                $("input").val("");
            });
    
            /**录入系统按钮**/
            $(".lurunew").click(function() {
                var var14 = new Array()
    
                $(".luru input").each(function() {
                    var14.push($(this).val())
                    if (isShow) {
                        $('.hidetag').show()
                    } else {
                        $('.hidetag').hide()
                    }
    
                });
                if (lurujiaoyan(var14)) { //如果校验成功,则录入
                    lurustudent(var14);
                }
    
            });
    
            /**录入系统函数**/
            function lurustudent(var14) {
    
                var ismark = "";
                var addlength = $("#scorelist").children().length + 1;
                if ($("#scorelist").children().length % 2 == 0) {
                    $("#scorelist").append("<tr class='mark' id='mark" + addlength + "' style='border:1px solid'></tr>")
                    ismark = "#mark" + addlength;
                } else {
                    $("#scorelist").append("<tr id='notmark" + addlength + "' style='border:1px solid'></tr>")
                    ismark = "#notmark" + addlength;
                }
    
                $(ismark).append("<td class='order'>" + $(".score tbody tr").length + "</td>"); //序号
                $(ismark).append("<td class='checkname'>" + var14[1] + "</td>"); //姓名
                $(ismark).append("<td class='idcard'>" + var14[2] + "</td>"); //学号
                $(ismark).append("<td class='checkgroup hidetag'>" + var14[3] + "</td>"); //班级
                $(ismark).append("<td class='checkscore'>" + var14[4] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[5] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[6] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[7] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[8] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[9] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[10] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[11] + "</td>");
                $(ismark).append("<td class='checkscore'>" + var14[12] + "</td>");
                $(ismark).append("<td class='checkscoreavg'></td>");
                $(ismark).append("<td class='checktel hidetag'>" + var14[13] + "</td>"); //电话
                $(ismark).append("<td class='checkaddr hidetag'>" + var14[14] + "</td>");
                $(ismark).append("<td class='hidetag'></td>");
                $(ismark).append("<td><a class='del' οnclick='delDom()' href='javascript:;'>删除</a></td>");
    
                $(ismark).append("</tr>")
                    // sortCells(3)
                calcuavg()
                sortCells(2)
                delDom()
    
            }
            //删除按钮
            $(".del").click(function() {
                $(this).parent().parent().empty();
                console.log($(this).parent().parent())
                    // 重新计数
                const order = document.querySelectorAll('.order');
                console.log(order);
                for (let i = 0; i < $(".score tbody tr").length; i++) {
                    order[i].innerHTML = i + 1;
                }
    
            })
    
            function delDom() {
    
                console.log(1)
                const del = document.querySelectorAll('.del')
                const tbody = document.querySelector('tbody')
                for (var i = 0; i < del.length; i++) {
                    del[i].onclick = function() {
                        tbody.removeChild(this.parentNode.parentNode);
                        console.log(this.parentNode);
                        // 重新排序
                        const order = document.querySelectorAll('.order');
                        console.log(order);
                        for (let i = 0; i < $(".score tbody tr").length; i++) {
                            order[i].innerHTML = i + 1;
                        }
                    }
                }
    
    
    
            }
    
    
            /**查询单人成绩按钮**/
            $("#queryscoreonea").click(function() {
                $("#queryone").show();
                queryname = $("#queryscoreoneinput").val()
                    //var var15 = new Array()
                    //console.log(var14);
                    //lurustudent(var14);
                $("#scorelist td").each(function() {
                    if ($(this).text() == queryname) {
                        $("#scorelistquery").append("<tr>" + $(this).parent().html() + "</tr>")
                    }
                });
            })
    
            /**年级下拉选择**/
            $('#select1').change(function() {
                options1 = $("#select1 option:selected");
                console.log(options1.val());
            })
    
            /**班级下拉选择**/
            $('#select2').change(function() {
                options2 = $("#select2 option:selected");
                console.log(options2.val());
            })
    
            /**单科下拉选择**/
            $('#select3').change(function() {
                options3 = $("#select3 option:selected");
                console.log(options3.val());
            })
    
            //查询班级成绩按钮
            $("#querygroup").click(function() {
                $("#scorelistquery").html("");
                $("#queryone").show();
                $("#result").show();
                var groupname12 = options1.val() + options2.val();
                console.log(groupname12);
                queryname = groupname12
                scoretotal2 = 0;
                const td = $(".checkgroup");
                console.log(td.text());
                $("#scorelist td").each(function() {
                    // console.log($(this).text());
                    // console.log(queryname);
                    if ($(this).text() == queryname) {
                        // $(this).parent().show()
                        // $('#queryone').append($(this).parent())
                        // console.log($(this));
                        $("#scorelistquery").append("<tr>" + $(this).parent().html() + "</tr>")
                        console.log(11);
    
                        $(this).parent().children(".checkscore").each(function() {
                            scoretotal2 += parseInt($(this).text());
                        });
    
                    }
                });
    
                $("#result").html("<span style='color:red'>" + groupname12 + "班级总成绩:" + scoretotal2 + ",平均分:" + (scoretotal2 / 2).toFixed(1) + "</span>");
            });
    
            //查询单科成绩
            $("#sigleone").click(function() {
                $("#scorelistquery").html("");
                $("#queryone").show();
                $("#result").show();
                var groupname12 = options1.val() + options2.val();
                queryname = groupname12
                scoretotal2 = 0;
                $("#scorelist td").each(function() {
                    if ($(this).text() == queryname) {
                        $("#scorelistquery").append("<tr>" + $(this).parent().html() + "</tr>")
    
    
                        $(this).parent().children(".checkscore").each(function(inde) {
                            if (options3.val() == "语文" && inde == 0) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "数学" && inde == 1) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "英语" && inde == 2) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "物理" && inde == 3) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "化学" && inde == 4) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "生物" && inde == 5) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "历史" && inde == 6) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "地理" && inde == 7) {
                                scoretotal2 += parseInt($(this).text());
                            } else if (options3.val() == "政治" && inde == 8) {
                                scoretotal2 += parseInt($(this).text());
                            }
    
                        });
    
                    }
                });
    
                $("#result").html("<span style='color:red'>" + groupname12 + "班级" + options3.val() + "单科总成绩:" + scoretotal2 + ",平局分:" + (scoretotal2 / 2).toFixed(1) + "</span>");
            });
    
    
    
            //设置表格边框
            $("td").css("border", "1px solid black");
    
            //设置斑马线
            $(".mark").css("background-color", "#adadf3;");
    
    
    
    
            /**
            以下都是校验函数
            **/
            //校验姓名
            $(".checkname").blur(function() {
                if (!isName($(this).text())) {
                    modify = true;
                    alert("姓名输入错误");
                } else {
                    modify = false;
                }
            });
    
            //校验班级
            $(".checkgroup").blur(function() {
                if (isGroup($(this).text()) < 0) {
                    modify = true;
                    alert("班级输入错误");
                } else {
                    modify = false;
                }
            });
            //校验手机号
            $(".checktel").blur(function() {
                if (!isPhoneNo($(this).text())) {
                    modify = true;
                    alert("手机号输入错误");
                } else {
                    modify = false;
                }
            });
            //校验地址
            $(".checkaddr").blur(function() {
                if (!isAddr($(this).text())) {
                    modify = true;
                    alert("地址输入错误");
                } else {
                    modify = false;
                }
            });
            //校验成绩
            $(".checkscore").blur(function() {
                if (!isScore($(this).text())) {
                    modify = true;
                    alert("成绩输入错误");
                } else {
                    modify = false;
                }
            });
            //校验姓名函数
            function isName(name) {
                var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
                return pattern.test(name);
            }
    
            //校验班级名称函数
            function isGroup(name) {
                var arr = ["高一1班", "高一2班", "高一3班", "高一4班", "高一5班", "高一6班", "高一7班", "高一8班", "高一9班",
                    "高二1班", "高二2班", "高二3班", "高二4班", "高二5班", "高二6班", "高二7班", "高二8班", "高二9班",
                    "高三1班", "高三2班", "高三3班", "高三4班", "高三5班", "高三6班", "高三7班", "高三8班", "高三9班"
                ]
                return $.inArray(name, arr);
            }
            //校验电话函数
            function isPhoneNo(name) {
                var pattern = /^1[34578]\d{9}$/;
                return pattern.test(name);
            }
            //校验地址函数
            function isAddr(name) {
                return name.indexOf("碧桂园") != -1;
            }
            //校验分数函数
            function isScore(name) {
                alert(name)
                str = name.toString();
                strIndex = name.indexOf('.');
                alert(strIndex)
                if (strIndex === -1) return true;
                str = str.substring(strIndex + 1);
                alert(str)
                if (str == 5) {
                    return true;
                } else {
                    return false;
                }
            }
    
            //录入系统校验
            function lurujiaoyan(var14) {
                //校验姓名
                if (!isName(var14[1])) {
                    alert("姓名输入错误");
                    return false;
                }
                //校验班级
                if (isGroup(var14[3]) < 0) {
                    alert("班级输入错误");
                    return false;
                }
                //校验手机号
                if (!isPhoneNo(var14[13])) {
                    alert("手机号输入错误");
                    return false;
                }
                //校验地址
                if (!isAddr(var14[14])) {
                    alert("地址输入错误");
                    return false;
                }
                //校验成绩
                for (var index = 4; index <= 12; index++) {
                    // 正则表达式实现数字精度为0.5
                    var reg = /^\d+(\.5)?$/;
                    // 输入的成绩只能是整数或者.5
                    console.log(reg.test(var14[index]))
                        // if(var14[index] = "" || var14[index] == null)
                    if (var14[index] == "" || var14[index] == null) {
                        console.log('未录入');
    
                    } else {
                        if (index >= 4 && index <= 6) {
                            if (var14[index] < 0 || var14[index] > 150 || !reg.test(var14[index])) {
                                alert("成绩输入错误");
                                return false;
                            }
                        } else {
                            if (var14[index] < 0 || var14[index] > 100 || !reg.test(var14[index])) {
                                alert("成绩输入错误");
                                return false;
                            }
                        }
                    }
                }
                return true;
    
            }
            let isShow = true;
            $('.hidetag').show()
                // 对班级、手机号码、住址、备注栏的隐藏与显示
            function isshow() {
                if (isShow) {
                    // 列显示
                    $(".hidetag").show()
                    isShow = false
                    console.log(isShow);
                    // 改变标签的内容
                    $('.show').html('显示更多')
                } else {
                    // 列隐藏
                    $('.hidetag').hide()
                    isShow = true;
                    console.log(isShow);
                    $('.show').html('隐藏')
    
                }
                return isShow
            }
            console.log($(".score tbody tr").length);
    
            //重新排序
            const order = document.querySelectorAll('.order');
            console.log(order);
            for (let i = 0; i < $(".score tbody tr").length; i++) {
                order[i].innerHTML = i + 1;
            }
    
    
            // 按照学号进行排序
            function sortCells(type) {
                var tbs = document.getElementsByTagName("table")[0];
                var arr = [];
                var arr2 = [];
                for (var i = 1; i < tbs.rows.length; i++) {
                    var text = tbs.rows[i].cells[type].innerText;
                    arr.push(text);
                    arr2[text] = i;
                }
                if (type == 0) {
                    arr.sort(function(a, b) {
                        return a - b
                    });
                } else {
                    arr.sort();
                }
                var temp = "";
                for (var j = 1; j < tbs.rows.length; j++) {
                    temp = tbs.rows[j].cells[0].innerText;
                    tbs.rows[j].cells[0].innerText = tbs.rows[arr2[arr[j - 1]]].cells[0].innerText;
                    tbs.rows[arr2[arr[j - 1]]].cells[0].innerText = temp;
                    temp = tbs.rows[j].cells[1].innerText;
                    tbs.rows[j].cells[1].innerText = tbs.rows[arr2[arr[j - 1]]].cells[1].innerText;
                    tbs.rows[arr2[arr[j - 1]]].cells[1].innerText = temp;
                    temp = tbs.rows[j].cells[2].innerText;
                    tbs.rows[j].cells[2].innerText = tbs.rows[arr2[arr[j - 1]]].cells[2].innerText;
                    tbs.rows[arr2[arr[j - 1]]].cells[2].innerText = temp;
                    //        console.log(arr2);
                    for (var i = 1; i < tbs.rows.length; i++) {
                        var text = tbs.rows[i].cells[type].innerText;
                        arr2[text] = i;
                    }
                }
            }
        </script>
    </body>
    
    </html>
    

    实现效果
    在这里插入图片描述

    更多相关内容
  • PHP+Csv(Excel)通用成绩查询系统手机版继承原来(asp/php+txt/excel windows/Linux等五大系列超过12个不同版本)的通用易用优点,同样通用于几乎所有工资等查询,成绩查询,物业查询,收电费查询,录取查询,证书查询...
  • 今日5G热点1、2021年建5G基站60万个2、三大运营商2020年成绩单3、中国电信发布新一代5G全网通云手机4、中国铁塔获GIC Private Limited增持6500万股5、中...

    今日5G热点

    1、2021年建5G基站60万个

    2、三大运营商2020年成绩单

    3、中国电信发布新一代5G全网通云手机

    4、中国铁塔获GIC Private Limited增持6500万股

    5、中兴遭减持

    6、阿里巴巴成立一锤定音科技公司 

    7、大唐高鸿与斑马智行携手创建车路协同创新中心

    8、韩国今年将开始划拨5G专网频谱

    工信部

    一、2021年建5G基站60万个

    1月26日,国新办举行2020年工业和信息化发展情况发布会,工业和信息化部新闻发言人、信息通信管理局局长赵志国透露,2021年计划新建5G基站60万个,在实现地级以上城市深度覆盖的基础上,加速向有条件的县镇延伸。

    赵志国介绍,2020年新建5G基站超过60万个,实现所有地级以上城市5G网络全覆盖;5G终端连接数突破2亿;5G+工业互联网项目超过1100个,5G+远程会诊在19个省份的60多家医院上线使用,5G+自动驾驶、5G+智慧电网、5G+远程教育等新模式新业态不断涌现。“

    总体而言,5G赋能实体、造福社会、服务人民的重要作用不断彰显,正日益成为支撑经济高质量发展的重要驱动力量。”

    三大运营商

    一、三大运营商2020年成绩单

    三大运营商近日陆续公布了2020年12月的运营数据。

    最受关注的5G用户方面,中国移动达1.65亿,中国电信达8650万,两家累计已超2.5亿。而中国联通仍旧未公布自家的5G用户情况。

    从移动用户、4G用户、5G用户、宽带用户等多个指标来看,中国移动在三大运营商中继续保持一家独大的地位。形势严峻的要数中国联通,其2020年移动用户流失超千万,同时在宽带业务上也与中国移动和中国电信的差距越来越大。

    二、中国电信发布新一代5G全网通云手机

    1月26日,中国电信发布了电信自主品牌5G全网通云手机—天翼1号2021。

    在5G云网融合战略下,中国电信2020年率先商用5G云手机,并在新一代的天翼1号2021上实现了体验升级,真正做到云端双生,软硬一体。

    用户除了拥有天翼1号2021本机外,还可享有运行在云端的第二台手机,云手机采用安卓系统,可随需装载各类应用,并可使用与本地手机不同的应用账号登录同一APP,实现手机能力的无缝拓展,1台手机变2台。

    企业

    一、中国铁塔获GIC Private Limited增持6500万股

    获悉,根据联交所最新权益披露资料显示,2021年1月20日,中国铁塔(00788.HK)获GIC Private Limited在场内以每股均价1.2525港元增持6500万股,涉资约8141.25万港元。

    增持后,GIC Private Limited最新持股数目为3,319,648,000股,持股比例由6.97%升至7.11%。

    二、中兴遭减持

    中兴通讯公布,2021年1月25日收到控股股东中兴新《告知函》,其自去年6月22日至今日期间,中兴新通过证券交易所的大宗交易方式,共计减持公司7169.13万股A股,佔公司总股本的1.55%。

    三、阿里巴巴成立一锤定音科技公司 

    企查查显示,1月25日浙江一锤定音科技有限公司成立。

    注册资本1000万元人民币,法定代表人为陈慧明,经营范围包含贸易经纪;寄卖服务;商务代理代办服务;不动产登记代理服务;艺术品代理;二手车鉴定评估;资产评估;土地调查评估服务等。企天眼查股权穿透显示,该公司由阿里巴巴(中国)网络技术有限公司(简称阿里巴巴)全资持股。

    四、大唐高鸿与斑马智行携手创建车路协同创新中心

    近日,在斑马智行首届技术节上,斑马发布了跑在云上的“汽车”——CloudCar和承载CloudCar的首个智能座舱操作系统。同期,大唐高鸿与斑马智行宣布组建车路协同联合创新中心。

    此次合作,双方将依托联合创新中心,围绕未来城市智慧交通场景展开研究,并在车路协同商业运营模式等领域展开深入探索和通力合作。

    全球

    一、韩国今年将开始划拨5G专网频谱

    1月26日,韩联社报道,韩国信息通信技术部本周二表示,今年将投资1655亿韩元(1.5亿美元)用于开发融合5G的新业务技术,例如无人驾驶汽车和虚拟现实(VR)服务,从而进一步推动韩国对5G网络的使用。

    韩国信息通信技术部表示,计划通过投资884亿韩元用于开发自动驾驶汽车的基础设施以及450亿韩元用于VR和AR服务来加快5G应用服务发展。剩余的资金将用于为智能工厂、智慧城市和数字医疗服务开发相关5G技术。

    编辑:陈静岚

    审核:李子

    新闻/投稿热线:13662444857(微信同号)


    我叫“5G产业圈”

    聚焦5G应用产业生态的头部媒体

    长按扫码关注

    最新5G资讯都在这里!

    展开全文
  • 原标题:如何用微信免费查询自己的成绩?——易查分快速帮您实现如何用微信免费查询自己的成绩?接下来小编就为大家介绍一个,既可以保护学生隐私安全,又可以让学生和家长了解自己在班里的排名的小技巧可以用微信...

    原标题:如何用微信免费查询自己的成绩?——易查分快速帮您实现

    如何用微信免费查询自己的成绩?接下来小编就为大家介绍一个,既可以保护学生隐私安全,又可以让学生和家长了解自己在班里的排名的小技巧可以用微信免费查询自己的成绩。

    可能有很多教学多年的老教师就很苦恼了,本来就不太擅长使用电脑来办公,现在只会一些简单的办公软件,比如Word和PowerPoint之类的,那么如何才能用微信免费查询自己的成绩,让学生通过微信来查自己的考试分数呢?

    别担心别担心

    ebf31cbb6af6b2801a90b2a3cd075966.png

    小编为大家介绍的这个方法可以用微信免费查询自己的成绩,只需要你会使用简单的Excel基础操作,就可以用微信免费查询自己的成绩了,快来看看具体的操作步骤吧。

    1.将学生考试成绩录入到Excel中

    这里以Excel2010为例,用其他软件的表格工具也是可以的

    f8e381974a30009ab953b70694767d81.png

    2.点击“新建查询”

    6f2ec9e969544cb4d9c3450b1aae0505.png

    3.输入查询名称

    因为学生的考试比较多,三次月考加期中考试和期末考试,这就五次考试了,所以为了方便学生和家长们的使用,要将查询名称区分清楚。

    4a9dfe90d394340685657309cb1d1b86.png

    4.设置查询内容

    其实就是将学生成绩的电子表格文件上传

    点击下图框选的蓝色按钮,即可将学生成绩上传

    ab185c66bbcdac2062e8ce78175d1161.png

    f8c66569220dd303abbefa601c84eab4.png

    5.设置查询条件

    这里的操作可选择的幅度比较大,比如你希望学生通过输入自己的名字就可以查考试成绩,完全没有问题,如果考虑到保护学生隐私,让学生给自己的成绩查询设置一个密码也是可以的。

    b0203725a73497f58cff8ec7fdf362ab.png

    6.完成查询设置,将查询通道发给学生

    9c4280e3a1d101a1a409a6adcd87c0cc.png

    结果展示:

    由于从网上查分和从手机上查分,展示的页面几乎是一样的,我们就以大家常用的手机查分页面为例,截图来为大家详细展示。

    16f886b388bd1b62faa699e21964a8af.png

    5a88f1ec67a98806ba0a93ec1422e93b.png

    对上述过程有任何疑问,可以给我们在下方评论留言,小编会为大家详细讲解。返回搜狐,查看更多

    责任编辑:

    展开全文
  • 原标题:最新Android手机性能榜单:骁龙845+8G的它只排第三最近一段时间,各大手机厂商纷纷推出了自家的旗舰机型,尤其是小米8,vivo NEX和OPPO ... 注:-本文图表中的安兔兔跑分(v7版)均为平均跑分成绩,并非最高...

    原标题:最新Android手机性能榜单:骁龙845+8G的它只排第三

    最近一段时间,各大手机厂商纷纷推出了自家的旗舰机型,尤其是小米8,vivo NEX和OPPO Find X等几款机型,让人眼前一亮。

    这些机型硬件配置抢眼,性能强劲,那么跑分到底谁最强呢?今天,安兔兔公布了新一期的6月安兔兔Android手机性能榜单,为大家揭晓答案。

    e9f90f366061e8b91f021a66a88604d2.png

    注:

    -本文图表中的安兔兔跑分(v7版)均为平均跑分成绩,并非最高分;

    -数据收集时间为,2018年6月1日至6月30日;

    -单一机型数据统计量>1000条。

    bb43a723756aedc87eec40161cd54148.png

    在新一期安兔兔Android手机性能榜单中,黑鲨游戏手机,平均跑分达到了287759,再一次高居榜首;一加手机6,平均跑分为282275,退居第三。

    值得一提的是,vivo NEX旗舰版和小米8首度上榜,凭借高通骁龙845的硬件优势,直接挺进前五,分别排名第二和第四。

    需要指出的是,目前小米8的平均跑分是273221,单次跑分最高分则超过了30万。

    与vivo NEX旗舰版和小米8一样,索尼Xperia XZ2也是首次上榜,同样搭载高通骁龙845移动平台,暂居第九。

    坚果R1、三星Galaxy S9+、小米MIX 2S、三星Galaxy S9以及红魔电竞游戏手机再次位居前十。

    另外,由于OPPO Find X暂未上市,数据量不达标,所以无缘本期榜单。返回搜狐,查看更多

    责任编辑:

    展开全文
  • 系统共提供三类用户权限:1、超级管理员,具有最高权限,可创建/编辑/删除课程信息、用户信息、学校信息、学校类型信息、公告信息、系统配置信息、考试信息,查询成绩信息等,但不能上传成绩信息,成绩信息只能由...
  • 允中 发自 凹非寺量子位 出品 | 公众号 QbitAI阿里巴巴在哪些领域进行了AI布局,最新的成绩如何呢?在今天的云栖大会·北京峰会上,阿里巴巴集团资深副总裁、阿里云总裁胡晓明给出了答案。胡晓明表示,场景驱动、...
  • PHP excel通用成绩查询系统是个极为简单却非常通用、非常方便的成绩查询系统,通用于几乎所有Excel二维数据表查询。只需修改 查询条件和顶部、底部文字(非常简单),即可用于几乎所有工资等查询,成绩查询,物业...
  • 来源|深燃作者|黎明编辑 | 魏佳又到了电商“三巨头”扳手腕、秀肌肉的时刻。2020年三季度财报季来临,阿里、拼多多、京东陆续发布财报,分别向资本市场交上了自己的答卷,这是一次集中检验...
  • 这是个极为简单却非常通用、非常方便的成绩查询系统,通用于几乎所有Excel二维数据表查询。只需修改 查询条件和顶部、底部文字(非常简单),即可用于几乎所有工资等查询,成绩查询,物业查询,收电费查询,录取...
  • 原标题:安兔兔公布10月安卓手机性能排行榜 第一名是它们【手机中国新闻】哪款手机性能更好?可能关注手机的朋友心里大概会有一个排行榜,但是无法验证。11月4日,安兔兔根据后台统计到的数据,公布了10月份安卓...
  • 原标题:9月安卓机性能榜单出炉:你的手机上榜了吗?跑分平台安兔兔今日发布了2020年9月Android手机性能榜单。...其中,iQOO 5 Pro以平均66.4万的跑分成绩位居榜单第一,iQOO 5则以66.2万分排第二。从第三至第十名...
  • 系统共提供三类用户权限:1、超级管理员,具有最高权限,可创建/编辑/删除课程信息、用户信息、学校信息、学校类型信息、公告信息、系统配置信息、考试信息,查询成绩信息等,但不能上传成绩信息,成绩信息只能由...
  • 考生可通过“内蒙古招生考试信息网”(https://www.nm.zsks.cn/)查询本人成绩,也可使用手机编辑短信“gkcf考生号”发送至短信服务平台10628833获取高考成绩。内蒙古高考2021年6月23日公布考生成绩,公布各科类最低...
  • 原标题:手机真能取代电脑吗?谈手机/PC系统的大一统用手机办公到底靠不靠谱?随着移动互联网的发展,手机已经成为了很多人使用最频繁的电子产品。不过在大多数场合下,手机只能用于娱乐或者简单处理一些信息文稿,...
  • 系统共提供三类用户权限:1、超级管理员,具有最高权限,可创建/编辑/删除课程信息、用户信息、学校信息、学校类型信息、公告信息、系统配置信息、考试信息,查询成绩信息等,但不能上传成绩信息,成绩信息只能由...
  • 在购买手机时,消费者首先考虑的往往是价格,其次则是外观性能之类。如今市面上的手机种类繁多,各个价位段的机型数不胜数,从几百元的产品到四五千元的,让消费者很难选择到最适合自己的那款。其实现在大多数的手机...
  • 安卓手机性能测试工具科普Android用户们总是热衷于手机性能的测试和比较,这当然是作为开放平台的优良传统,除了自身的成就感,了解自己手机的性能到底如何也具有很高的现实意义,但仅通过安兔兔、鲁大师什么的显然...
  • 原标题:国产“最流畅”手机诞生,华为无缘前三,但鸿蒙OS有望超车!一款手机好不好用,直接参考这款手机的流畅度即可,毕竟流畅度是衡量手机实际使用体验的一项重要标准。所以一直以来,手机的流畅度表现也得到了很...
  • 手机抢答器正在替代传统抢答器

    千次阅读 2019-05-15 16:03:39
    随着智能手机的普及,很多传统产品均向手机方向发展了。就拿知识竞赛来说,传统做法是购买抢答器设备和相关竞赛软件,现在完全可以利用手机做抢答器了,直接通过手机扫码登录到竞赛软件,然后在手机上直接抢答、答题...
  • 原标题:2019年9月Android手机性能榜榜单统计的时间为9月1日-9月30日,榜单内成绩为统计到的平均成绩而非最高成绩,且单一机型数据统计量>1000条,数据均基于安兔兔V8版本计算。 本月拿下性能桂冠的是vivo NEX 3 ...
  • 原标题:七款2018年安卓旗舰手机剖析,绕过手机上的坑,做一个精明消费者2018年不少安卓旗舰手机发布,当中有不少创新产品,但同时也伴随着一些坑,希望看完这篇文章后,你可以绕过某些手机上的坑,做一个精明消费者...
  • 原标题:2018年Android手机性能排行 你的排第几【手机中国新闻】安兔兔是大家最常用来跑分的测试软件,其每月都会发布手机性能榜单,包括Android手机性能榜和iOS设备性能榜等等。就在今天下午,安兔兔官方公布了2018...
  • 两岁不到实现多个领先iQOO手机频繁出现在各大榜单上面,我们透过安兔兔公布的2020年9月份Android旗舰手机性能排行榜就能看到,iQOO 5系列两款旗舰机型,位居性能榜前一二的位置,并且在《王者荣耀》KPL赛事之中,也...
  • 5G时代的到来,引发了一波换机潮,也让中国手机...从小米2020年发布的各手机产品销售成绩来看,小米的表现其实可圈可点。例如,小米10系列1分钟销售额破2亿、小米10至尊版首销10分钟销售额破4亿元。因此,小米仅排...
  • lets-chat:让我们聊天

    2021-07-05 01:29:25
    通过搜索获得更好的成绩单 更好的错误处理 表情自动完成 访问控制 手机客户端 入门 安装和 克隆仓库 git clone https://github.com/sdelements/lets-chat.git cd lets-chat 安装节点依赖 npm install 创建一个...
  • openshift-lets-chat

    2021-06-24 12:12:34
    通过搜索获得更好的成绩单 更好的错误处理 表情自动完成 访问控制 手机客户端 入门 安装和 克隆仓库 git clone https://github.com/sdelements/lets-chat.git cd lets-chat 安装节点依赖 npm install 创建一个...
  • 广州大学MFC实验报告——学生成绩管理系统

    千次阅读 多人点赞 2019-06-08 10:33:38
    登录界面源程序 不要小看这几行QQ/手机/邮箱,输入密码,它是用以下代码实现,在鼠标单击该编辑框其则会清空,方便使用者进行登录操作。 初始化登录框的默认文本和设置标题 BOOL CwujiekdDlg::OnInitDialog() { ...
  • 原标题:华为鸿蒙系统开始公测,流畅度媲美EMUI11,4款手机优先体验2020年下半年以来,有关华为鸿蒙OS手机版即将上线的消息便层出不穷。一年一度的开发者大会中,余承东透露的有关华为鸿蒙OS 2.0的进展,更是让一众...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,580
精华内容 1,832
关键字:

手机怎么编辑成绩单