模型建立一一对多模型：

  1. 多表添加外键，建立两张表之间的关系
  2. 一表关联多表的属性，可以方便快速访问多表的数据
  3. 模板一层循环渲染一表数据，二层循环渲染多表的数据
  4. 代码展示： 
    from  flask import Flask

# Flask参数，可以配置静态文件路由，及文件夹
    
from flask import render_template
    
from flask.ext.sqlalchemy import SQLAlchemy

app = Flask(__name__)
    
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://root:mysql@127.0.0.1:3306/test2'
    
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True

db = SQLAlchemy(app)

class Author(db.Model):
    
    __tablename__ = 'author'
    
    id = db.Column(db.Integer, primary_key=True)
    
    name = db.Column(db.String(32), unique=True)
    
    au_book = db.relationship('Books', backref='author')

    def __repr__(self):
    
        return ("Author:%s")%self.name

class Books(db.Model):
    
    __tablename__ = 'books'
    
    id = db.Column(db.Integer,primary_key=True)
    
    name = db.Column(db.String(64),unique=True)
    
    author_id = db.Column(db.Integer,db.ForeignKey('author.id'))

    def __str__(self):
    
        return ("Books:%s")%self.name

@app.route("/books")
    
def index():
    
    authors = Author.query.all()

    return render_template('books.html',authors=authors)

if __name__ == "__main__":

    app.run(debug=True)
  5. 模板代码显示： 
    <!DOCTYPE html>
    
<html lang="en">
    
<head>
    
    <meta charset="UTF-8">
    
    <title>图书管理</title>
    
</head>
    
<body>
    
<h1>图书管理系统</h1>
    
<br>
    
<ul>
    
    {% for author in authors %}
    
        <li>{{ author.name }}</li>
    
        <ul>
    
        {% for book in author.au_book %}
    
            <li>{{ book.name }}</li>
    
            {% endfor%}
    
        </ul>
    
    {% endfor %}
    
</ul>
    
</body>
    
</html>
  6. 渲染表单数据 
    class AddBookForm(FlaskForm):
    
    author = StringField('作者',validators=[InputRequired('请输入作者')])
    
    book = StringField('书籍',validators=[InputRequired('请输入书名')])
    
    submit = SubmitField('添加')

@app.route("/books")
    
def index():
    
    book_author_form = AddBookForm()
    
    authors = Author.query.all()

    return render_template('books.html',authors=authors,form=book_author_form)
  7. 模板中渲染表单数据 
    <form action="post">
    
    {{ form.csrf_token() }}<br>
    
    {{ form.author.label }}{{ form.author }}<br>
    
    {{ form.book.label }}{{ form.book }}<br>
    
    {{ form.submit }}
    
</form>

    　　

Flask--（一对多）模型渲染表单数据的更多相关文章

  1. flask 在模板中渲染表单

    在模板中渲染表单 为了能够在模板中渲染表单,我们需要把表单类实例传入模板.首先在视图函数里实例化表单类LoginForm,然后再render_template()函数中使用关键脑子参数form将表单实 ...

  2. [Flask]通过render_form快捷渲染表单

    依赖: Bootstrap-Flask 实例化方式与flask_bootstrap相同. 关于render_form(): Bootstrap-Flask内置了两个用于渲染WTForms表单类的宏,r ...

  3. flask 处理表单数据

    处理表单数据 表单数据的处理涉及很多内容,从获取数据到保存数据大致有以下步骤: 1.  解析请求,获取表单数据 2.  对数据进行必要的转换,比如讲勾选框的值转换成python的布尔值 3.  验证数 ...

  4. 【flask】处理表单数据

     表单数据的处理涉及很多内容,除去表单提交不说,从获取数据到保存数据大致会经历以下步骤: 解析请求,获取表单数据. 对数据进行必要的转换,比如将勾选框的植转换为Python的布尔值. 验证数据是否符合 ...

  5. json数据渲染表单元素出现的问题

    解析页面表单元素 parseForm: function () { var data = {}; $(this).find('input').each(function () { switch ($( ...

  6. flask用宏渲染表单模板时，表单提交后，如果form.validate_on_submit()返回的是false的可能原因

    flask用宏渲染表单模板时,表单提交后,提交的内容符合DataRequired()校验, 但是form.validate_on_submit()返回的是False, 原因可能是表单模板中的<f ...

  7. flask 使用宏渲染表单（包含错误信息）

    在模板中渲染表单时,有大量的工作: 1.调用字段属性,获取<input>定义 2.调用对应的label属性,获取<label>定义 3.渲染错误消息 为了避免为每一个字段重复这 ...

  8. 【ASP.NET Web API教程】5.2 发送HTML表单数据：URL编码的表单数据

    原文:[ASP.NET Web API教程]5.2 发送HTML表单数据:URL编码的表单数据 注:本文是[ASP.NET Web API系列教程]的一部分,如果您是第一次看本系列教程,请先看前面的内 ...

  9. Flask - WTF和WTForms创建表单

    目录 Flask - WTF和WTForms创建表单 一. Flask-WTF 1.创建基础表单 2.CSRF保护 3.验证表单 4.文件上传 5.验证码 二. WTForms 1. field字段 ...

随机推荐

  1. three.js 创建点 线 面

    <html> <head> <title>My first three.js app</title> <style> body { marg ...

  2. 『TensorFlow』卷积层、池化层详解

    一.前向计算和反向传播数学过程讲解

  3. 【原创】一篇学会vue路由配置 、 动态路由 、多层路由（实例）

    先来看看效果图: 为了方便讲解,我没有使用vue脚手架,如果需要的,可以留言跟我要.不多说开工: 首先,html先组上 <div id="app"> <div&g ...

  4. MAC 下 Excel打开UTF-8格式的文件乱码

    为了识别 Unicode 文件,Microsoft 建议所有的 Unicode 文件应该以 ZERO WIDTH NOBREAK SPACE字符开头.这作为一个”特征符”或”字节顺序标记(byte-o ...

  5. JavaScript（ES6）学习笔记-Set和Map数据结构（一）

    一.Set 1.ES6 提供了新的数据结构 Set.它类似于数组,但是成员的值都是唯一的,没有重复的值. Set 本身是一个构造函数,用来生成 Set 数据结构. , , , , ']); s; // ...

  6. let，const 声明的变量不会绑定给window对象 而var会

    先来看一道题 let id = 2; let json = { id: 1, show:function(){ setTimeout(function(){ console.log(this.id); ...

  7. Python—列表操作

    列表 列表的使用: 列表是可变数据类型,因此列表的方法,都是直接修改列表原始值 list = ["panda","chimpanzee","zebra ...

  8. windows线程池

    #define _WIN32_DCOM #include <SDKDDKVer.h> #include <direct.h> #include <thr/threads. ...

  9. JS-使用indexof来统计字符出现次数

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. Opencv undefined reference to `cv::imread() Ubuntu编译

    Ubuntu下编译一个C++文件,C++源程序中使用了opencv,opencv的安装没有问题,但是在编译的过程中出现如下错误: undefined reference to `cv::imread( ...