(5)Flask项目会员登录页
2024-08-30 07:43:49
一、添加登录和登出的路由
修改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> 会员登录</h3>
</div>
<div class="panel-body">
<form role="form">
<fieldset>
<div class="form-group">
<label for="input_contact"><span class="glyphicon glyphicon-user"></span> 账号</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> 密码</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/
尝试点击一下导航中的登录和退出按钮,都会跳转到登录页。
【结束】
最新文章
- Jquery-获取父级元素parent
- ZOJ 3903 Ant ZOJ Monthly, October 2015 - A
- Java JDK 动态代理使用及实现原理分析
- Creating a Unique File Name
- HDOJ 1050 Moving Tables
- 标准C++ 字符串处理增强函数
- (转载)mysql中limit用法
- 解读 《2014 最流行编程语言》 by Code Eval
- Android中绘制圆角矩形图片及任意形状图片
- APUE学习--网络编程(3)
- 代码块(Block)回调一般阐述
- (16)IO流之输入字节流FileInputStream和输出字节流FielOutputStream
- nginx 安装和配置
- yii学习笔记--配置文件的配置
- [C# 基础知识系列]专题七: 泛型深入理解(一) (转载)
- imooc-free
- 文档的js
- C#匿名对象在其它方法体内怎么取到相应的值(不想建立对应的类并转化的情况下)?
- CSS3完善和模式
- Nginx实践01-ngnix编译安装-测试
热门文章
- django的缓存实例应用
- Eureka 中服务下线的几种方式
- 运维笔试Python编程题
- Please umount the filesystem and rectify the problem(s)
- rocketmq那些事儿之本地调试环境搭建
- BZOJ-1975: 魔法猪学院 (K短路:A*+SPFA)
- zabbix-agent主动模式和proxy
- vue饿了么UI库-笔记
- django.db.models.fields.related_descriptors.RelatedObjectDoesNotExist: Course has no coursedetail.
- 讨论SQL语句中主副表之间的关系