[Flask]经过render_form快捷渲染表单

时间 2020-05-05

标签 flask 经过 render form 快捷渲染表单栏目 Python 繁體版

原文原文链接

依赖:css

Bootstrap-Flaskhtml

实例化方式与flask_bootstrap相同.sql

关于render_form():flask

Bootstrap-Flask内置了两个用于渲染WTForms表单类的宏,render_form()宏会自动渲染错误消息,渲染表单的验证状态样式.bootstrap

Bootstrap-Flask提供的表单渲染宏经过其内置的bootstrap/form.html模板导入,render_form()宏,使用起来很是简单.使用一行代码就能够渲染整个表单,并且会自动帮咱们渲染CSRF令牌字段form.csrf_token.app

post.htmlpost

<!DOCTYPE html> {%extends 'base.html'%} {%from 'bootstrap/form.html' import render_form%} <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> {{bootstrap.load_css()}} </head> <body> {%block content%} <div class="hello-form"> <--{{form.csrf_token}}--> #使用render_form就不用本身写这一句了

{{render_form(form)}} </div> {%endblock%} {{bootstrap.load_js()}} </body> </html>

render_form()会自动为你建立一个<form>标签,而后在标签内依次渲染包括CSRF令牌在内的全部字段.除了渲染表单字段,它还会根据表单的验证状态来渲染表单状态和错误消息.ui

base.htmlurl

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <title>{%block tile%}Say Hello!{%endblock%}</title> {{bootstrap.load_css()}} </head> <body> <main class="container"> <header> <h1 class="text-center display-4"> <small style="font-size:24x" class="text-muted">Hello world</small> </h1> </header> {%block content%}{%endblock%} <footer class="text-center"> {%block footer%} <p><a id="bottom" href="#" title="Go Top">&uarr;</a></p> {%endblock%} </footer> </main> </body> {{bootstrap.load_js()}} </html>

app.pyspa

from flask import Flask,render_template,url_for,flash from flask_sqlalchemy import SQLAlchemy from flask_wtf import FlaskForm from wtforms import StringField,SelectField,SubmitField from wtforms.validators import DataRequired from flask_bootstrap import Bootstrap import os basedir = os.path.abspath(os.path.dirname(__file__)) app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI']='sqlite:///'+os.path.join(basedir,'data.sqlite') app.config['SQLALCHEMY_TRACK_MODIFICATIONS']=False app.config['SECRET_KEY']='secret key' db = SQLAlchemy(app) bootstrap=Bootstrap(app) class Post(db.Model): id = db.Column(db.Integer,primary_key=True) title = db.Column(db.String(255)) category = db.Column(db.String(64)) def __repr__(self): return '<Post.>%s'%self.title #定义表单类 class PostForm(FlaskForm): title = StringField('姓名',validators=[DataRequired()]) category=SelectField('维护状态',choices=[('未维护','未维护'),('维护中','维护中'),('已维护','已维护')]) submit = SubmitField('提交') @app.route('/post/<int:post_id>',methods=['GET','POST']) def show_post(post_id): form = PostForm() return render_template('post.html',form=form)

效果:

下拉列表:

1. Flask入门表单Flask-wtf form原生 Bootstrap渲染(七)
2. Flask快速入门(5) — 模板渲染
3. 页面的表单渲染
4. python flask 模板渲染
5. Flask中的渲染变量
6. flask渲染模板文件
7. Flask------渲染HTTML页面
8. 列表渲染
9. 渲染表格
10. 表格渲染
更多相关文章...
• Eclipse 快捷键 - Eclipse 教程
• jQuery Mobile 表单 - jQuery Mobile 教程
• IntelliJ IDEA 代码格式化配置和快捷键
• TiDB 在摩拜单车在线数据业务的应用和实践