(5)Flask项目会员登录页

一、添加登录和登出的路由

修改app/home/views.py内容，增加登录("/login/")和登出("/logout/")的路由：

 # coding:utf8
 from . import home
 from flask import render_template, redirect, url_for

 @home.route("/")
 def index():
     return render_template("home/index.html")

 @home.route("/login/")
 def login():
     return render_template("home/login.html")

 @home.route("/logout/")
 def logout():
     return redirect(url_for("home.login"))

二、创建登录页

创建app/templates/home/login.html文件，内容：

 {% extends "home/home.html" %}

 {% block content %}
 <div class="row">
     <div class="col-md-4 col-md-offset-4">
         <div class="panel panel-primary">
             <div class="panel-heading">
                 <h3 class="panel-title"><span class="glyphicon glyphicon-log-in"></span>&nbsp;会员登录</h3>
             </div>
             <div class="panel-body">
                 <form role="form">
                     <fieldset>
                         <div class="form-group">
                             <label for="input_contact"><span class="glyphicon glyphicon-user"></span>&nbsp;账号</label>
                             <input id="input_contact" class="form-control input-lg" placeholder="用户名/邮箱/手机号码"
                                    name="contact" type="text" autofocus>
                         </div>
                         <div class="col-md-12" id="error_contact"></div>
                         <div class="form-group">
                             <label for="input_password"><span class="glyphicon glyphicon-lock"></span>&nbsp;密码</label>
                             <input id="input_password" class="form-control input-lg" placeholder="密码" name="password"
                                    type="password" value="">
                         </div>
                         <div class="col-md-12" id="error_password"></div>
                         <a href="user.html" class="btn btn-lg btn-success btn-block">登录</a>
                     </fieldset>
                 </form>
             </div>
         </div>
     </div>
 </div>
 {% endblock %}

三、修改首页导航链接

修改app/templates/home/home.html页面导航中的登录和退出链接的URL：

四、运行查看效果

运行manage.py，并在浏览器访问http://127.0.0.1:5000/login/

尝试点击一下导航中的登录和退出按钮，都会跳转到登录页。

【结束】