【实战演练】Python+Django网站开发系列10-django成绩录入页开发

这是django开发学生选课系统的最后一篇了,上一篇结束,咱们已经知道如何选课(向数据库里面写数据)。前端

这一篇须要讲解老师门户的成绩录入,至关于对已经存在score表的具备sno(学号)与cno(课程号)的记录,可是还未有或者已有cscore(成绩)的数据,能够按需进行修改。至于其余页面,基本上都是向数据库里面作查询而已,就再也不一一展开叙述了。数据库


需求分析:
django

1)老师点击按钮以后,能够弹层。后端

2)弹层后,会自动展现当前已有的分数,能够对其修改。session

3)修改的分数,会进行是否在0~100分之间的判断,不在有效范围内会报错。ide


一、编写弹层JS函数

与上一篇同样,须要将录入的内容,经过.post函数返回到后端业务逻辑处理。
post

最大的区别,是onshow处,使用ui

edit_score_js(cscore,sno,cno) {
    d = dialog({
            width: ,
            title: ,
            quickClose: ,
            content: +
                +
                +
                +
                +
                +
                +
                +
                +
                ,
            ok: () {
                ($().val() <|| $().val() >){
                    alert()
                }{
                    $.post(,{
                    :$().val(),
                    :sno,
                    :cno,
                },(res) {
                    (res.result){
                        alert();
                    }
                },)
                window.location.reload();
                }
            },
            cancelValue: ,
            cancel: () {
                console.log()
                },
            onshow: () {
                $().val(cscore)
            }
        });
        d.show();
}

获取了页面里面的成绩,而后在弹层的content里面展现。blog


二、编写后端业务逻辑

(==)
(request):
    username = request.session.get()
    data = teacher.objects.filter(=username).values()
    data
    render_to_response(())

(request):
    = request.session.get()
    cno = request.POST.get()
    sno = request.POST.get()
    scored = request.POST.get()
    score.objects.filter(=cno=sno).update(=scored)
    JsonResponse({:})


三、前端内容与绑定按钮

CSS与JS引用略,而后将按钮onclick绑定函数。

成绩录入课程号课程名学生姓名成绩编辑{% for i in data %}
                 {{ i.course__cno }}{{ i.course__cname }}{{ i.course__score__sno__sname }}{{ i.course__score__cscore }}{% endfor %}

最终效果:点击修改按钮弹层,而且弹层内会显示当前分数。

1001.png

输入超过0~100的分数,会报错提示

1002.png

输入0~100之内分数,修改为功。

1003.png

相关文章
相关标签/搜索