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

修改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/

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

【结束】

最新文章

  1. Jquery-获取父级元素parent
  2. ZOJ 3903 Ant ZOJ Monthly, October 2015 - A
  3. Java JDK 动态代理使用及实现原理分析
  4. Creating a Unique File Name
  5. HDOJ 1050 Moving Tables
  6. 标准C++ 字符串处理增强函数
  7. (转载)mysql中limit用法
  8. 解读 《2014 最流行编程语言》 by Code Eval
  9. Android中绘制圆角矩形图片及任意形状图片
  10. APUE学习--网络编程(3)
  11. 代码块(Block)回调一般阐述
  12. (16)IO流之输入字节流FileInputStream和输出字节流FielOutputStream
  13. nginx 安装和配置
  14. yii学习笔记--配置文件的配置
  15. [C# 基础知识系列]专题七: 泛型深入理解(一) (转载)
  16. imooc-free
  17. 文档的js
  18. C#匿名对象在其它方法体内怎么取到相应的值(不想建立对应的类并转化的情况下)?
  19. CSS3完善和模式
  20. Nginx实践01-ngnix编译安装-测试

热门文章

  1. django的缓存实例应用
  2. Eureka 中服务下线的几种方式
  3. 运维笔试Python编程题
  4. Please umount the filesystem and rectify the problem(s)
  5. rocketmq那些事儿之本地调试环境搭建
  6. BZOJ-1975: 魔法猪学院 (K短路:A*+SPFA)
  7. zabbix-agent主动模式和proxy
  8. vue饿了么UI库-笔记
  9. django.db.models.fields.related_descriptors.RelatedObjectDoesNotExist: Course has no coursedetail.
  10. 讨论SQL语句中主副表之间的关系