flask表单处理_html表单的提交方法

flask表单处理_html表单的提交方法这里介绍一下Flask表单提交相关的方法,还是以代码实例为主。首先,Flask模板中表单提交代码与我们一般写的H5表单无异,当然,Flask也提供了表单类,Flask-WTF扩展。这里只介绍常规的表单提交方法。首先是模板类:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"&g…


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

这里介绍一下Flask表单提交相关的方法,还是以代码实例为主。

首先,Flask模板中表单提交代码与我们一般写的H5表单无异,当然,Flask也提供了表单类,Flask-WTF扩展。这里只介绍常规的表单提交方法。

首先是模板类:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>from_test</title>
</head>
<body>
{% if name %}
    {
  
  { name }}
{% else %}
<form method="post" action="login">
    Name:<input type="text" name="name"/>
    PassWord:<input type="password" name="password"/>
    <input type="submit" value="Submit"/>
</form>
{% endif %}
</body>
</html>

处理程序:

from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
    return render_template('test1.html')

@app.route('/login', methods=['post'])
def login():
    name = request.form.get('name')
    password = request.form.get('password')
    if name == 'admin' and password == '123':
        return render_template('test1.html', name=name)
    return render_template('test1.html')

if __name__ == '__main__':
    app.run(debug=True)
当验证成功后,页面显示登录者的名字信息。验证失败则继续显示登录页面。

但以上程序有一个问题,当提交信息后,地址栏显示信息如下:

flask表单处理_html表单的提交方法

如果此时点击刷新按钮,那么会出现以下提示:

flask表单处理_html表单的提交方法

这不太友好,要解决这个问题可以使用重定向,Flask提供了redirect函数,用法如下:

@app.route('/login', methods=['get', 'post'])
def login():
    name = request.form.get('name')
    password = request.form.get('password')
    if name == 'admin' and password == '123':
        return redirect(url_for('login'))
    return render_template('test1.html')

当我们登录成功后,此时用户刷新页面也没有任何问题,但是名字没有传递到页面。那么这时就要和会话session一块儿使用来保证重定向后信息不被丢失。

用法如下:

@app.route('/login', methods=['get', 'post'])
def login():
    name = request.form.get('name')
    password = request.form.get('password')
    if name == 'admin' and password == '123':
        session['name'] = name
        return redirect(url_for('login'))
    return render_template('test1.html', name=session.get('name'))
我这边用的是python2.7,在直接使用时出现一些错误提示:
the session is unavailable because no secret key was set. Set the secret_key on the application to something unique and secret

提示比较明显,没有设置密钥导致了session不可用,为了安全起见,也应该设置一个密钥,Flask提供了密钥设置的方法:app.config[‘SECRET_KEY’]
设置密钥可以有效防止跨站请求伪造的攻击。

解决办法是在代码中加入:

app.config['SECRET_KEY'] = 'myproject'app.secret_key = 'myproject'
当然,通常不同的程序使用不同的密钥,并且密钥应该保存在环境变量中,而不是这样直接写。

在进行表单提交操作时,如果我们写错了用户名或者密码,页面往往会给出提示,Flask提供了很方便的操作,即使用Flash消息。

这里做一个简单的用户不存在提示(只是演示Flash用法,用户名密码分开提示是不安全的)

@app.route('/login', methods=['get', 'post'])
def login():
    name = request.form.get('name')
    password = request.form.get('password')
    if name == 'admin' and password == '123':
        session['name'] = name
        return redirect(url_for('login'))
    if name != 'admin':
        flash('no this name')
    return render_template('test1.html', name=session.get('name'))

页面模板中消息提示的代码:

{% for message in get_flashed_messages() %}
    {
  
  { message  }}
{% endfor %}
现在应该是可以了,这里我本人使用的是python2.7,如果消息提示为中文,可能此时会遇到一个编码错误,信息:
UnicodeDecodeError: ‘ascii’ codec can’t decode byte 0xe4 in position 0: ordinal not in range(128)

原因是读取消息时,python的str默认是ascii编码,和unicode编码冲突,解决方案是加入如下代码:

import sys
reload(sys)
sys.setdefaultencoding('utf8')

大功告成!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/188667.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 高德地图-设置点标注的文本标签「建议收藏」

    高德地图-设置点标注的文本标签「建议收藏」1、问题背景   高德地图中,设置选中位置,并自定义图标和文字提示2、实现源码 高德地图-设置点标注的文本标签 varmap=newAMap.Map(“container”,{ resizeEnable:true, center:[115.397428,41.90

    2022年5月22日
  • Linux 解压zip命令「建议收藏」

    Linux 解压zip命令「建议收藏」linux自带的unzip命令可以解压windows下的zip格式的压缩文件。unzip命令  语法:unzip[选项]压缩文件名.zip  各选项的含义分别为:  -x文件列表解压缩文件,但不包括指定的file文件。  -v查看压缩文件目录,但不解压。  -t测试文件有无损坏,但不解压。  -d目录把压缩文件解到指定目录下。  -z只显示压缩文件

    2022年5月23日
  • Vue电商后台管理系统(1)

    Vue电商后台管理系统(1)Vue电商后台管理系统(1)登录在components文件夹下创建登录组件,Login.vue,并快速生成template、script和style骨架。配置路由,进入router文件夹,导入Login组件,创建路由并重定向首页为登录界面,进入首页时会自动跳转至登录页面,配置如下:绘制页面:<template><divclass=”login_container”><divclass=”login_box”><!–

    2022年5月9日
  • intrllijidea 永久激活码_在线激活

    (intrllijidea 永久激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlMLZPB5EL5Q-eyJsaWN…

    2022年3月21日
  • JAVA8 Stream接口,map操作,filter操作,flatMap操作

    JAVA8 Stream接口,map操作,filter操作,flatMap操作这篇,我们来看Stream的一些中间操作,关于中间操作的一些介绍,可以看《JAVA8stream接口中间操作和终端操作》1,filter操作,我们先看方法的定义Stream<T>filter(Predicate<?superT>predicate);这个方法,传入一个Predicate的函数接口,关于Predicate函数接口定义,可以查看《JAV…

    2022年5月4日
  • 用递归实现数组求和的函数_JAVA数组递归排序

    用递归实现数组求和的函数_JAVA数组递归排序题目:给定一个len长度的数组,用递归的方法求数组和C代码实现:#include#includeintgetSum(inta[],intlen){ if(len==0)//要考虑空数组的情况 { return0; } else { intn=len-1; if(n==0) { returna[n

    2022年10月2日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号