用户管理系统之登陆.pdfVIP

⽤户管理系统之登陆 我就从按照作业的流程来梳理知识点 ⼀、登陆 2、路由系统：url(r^home/, views.home), 3、视图函数：通过render直接返回⼀个页⾯ def home(request): # models.classes.objects.all().delete() # models.manager.objects.filter(manager_name=root).update(manager_pwd=root) return render(request,home.html) 4、我们在来看返回的home.html页⾯的代码 !DOCTYPE html html lang=en head meta charset=UTF-8 titleTitle/title link rel=stylesheet href=/static/css/css1.css style .modal{ position: fixed; left: 50%; top: 50%; width: 300px; height: 200px; margin-left: -150px; margin-top: -100px; z-index: 101; background-color: rebeccapurple; } .shade{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: green; {# opacity: 0.8;#} z-index: 100; } .hide{ display: none; } /style /head body input type=button value=注册 id=register input type=button value=登陆 id=login div class=hide modal id=login_form form action=/app1/form_login/ method=post plabel for=username⽤户名/label:input type=text placeholder=⽤户名 name=user_name id=username/p plabel for=userpwd密码/label:input type=password placeholder=密 码 name=user_pwd id=userpwd/p pspan id=error/span/p input type=submit value=form提交 input type=button value=ajax提交 id=ajax_login input type=reset value=重置 input type=button value=取消 id=del_login_form /form /div div class=hide shade id=shade /div div class=hide modal id=modal /div script src=/static/jq/jquery-3.3.1.js/script script $(function () { bind_login_func(); del_login_form(); bind_ajax_login(); }); {# 这个函数页⾯⼀加载完成就会执⾏#} function bind_login_func() { $(#login).bind(click,function () { $(#error).html() $(#login_form).removeClass(hide); $(#shade).removeClass(hide); }) } function del_login_form() { $(#del_login_form).bind(click,function () { $(#login_form).addClass(hide); $(#shade).addClass(hide); }) } function bind_ajax_login() { $(#ajax_login).bind(click,function () { var user_name = $(:text).val(); var user_pwd = $(:password).val();