MVC流程

原本的请求响应

结构：

视图：

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/books/")
def book_list():
    return render_template('book_list.html')

if __name__ == '__main__':
    app.run(debug=True)

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书列表</title>
</head>
<body>
    <h1>图书列表</h1>
    <ul>
        <li>标题: </li>
        <li>定价: </li>
        <li>作者: </li>
        <li>出版社: </li>
    </ul>
</body>
</html>

请求

MVC过程：

新建一个文件夹用于存放处理逻辑

写一个简单的初始化逻辑

class Book:

    def __init__(self, title, price, auther, publisher):
        self.title = title
        self.price = price
        self.auther = auther
        self.publisher = publisher

    def __str__(self):
        return f'<Book {self.title}>'

视图函数调用，并传给html，第一个book为html里面的位置参数，第二个book为真实数据

from flask import Flask, render_template
from modles.book import Book

app = Flask(__name__)

@app.route("/books/")
def book_list():
    book = Book('xx课程', 100, 'xx作者', 'xxx出版社', )
    return render_template('book_list.html', book=book)

if __name__ == '__main__':
    app.run(debug=True)

render_template()支持传入参数

html渲染，janja2接收参数：{{ 位置参数 }}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书列表</title>
</head>
<body>
    <h1>图书列表</h1>
    <ul>
        <li>标题: {{ book.title }}</li>
        <li>定价: {{ book.price }}</li>
        <li>作者: {{ book.auther }}</li>
        <li>出版社: {{ book.publisher }}</li>
    </ul>
</body>
</html>

访问

渲染列表

from flask import Flask, render_template
from modles.book import Book

app = Flask(__name__)

@app.route("/books/")
def book_list():
    books = [
        Book('1.1', '1.2', '1.3', '1.4'),
        Book('2.1', '2.2', '2.3', '2.4'),
        Book('3.1', '3.2', '3.3', '3.4'),
        Book('4.1', '4.2', '4.3', '4.4')
    ]
    return render_template('book_list.html', books=books)

if __name__ == '__main__':
    app.run(debug=True)

html里面用for循环渲染

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书列表</title>
</head>
<body>
    <h1>图书列表</h1>
        <table border="1" cellpadding="5">
            <tr>
                <td>书名</td>
                <td>定价</td>
                <td>作者</td>
                <td>出版社</td>
            </tr>
            {% for book in books %}
            <tr>
                <td>{{ book.title }}</td>
                <td>{{ book.price }}</td>
                <td>{{ book.auther }}</td>
                <td>{{ book.publisher }}</td>
            </tr>
            {% endfor %}
        </table>
</body>
</html>

访问

测开之路一百二十四：flask之MVC响应过程的更多相关文章

  1. 测开之路一百五十四：ajax+json前后台数据交互

    在实际工作中,前后端数据交互大部分都是用的json格式,后端把数据处理完后,把json传给前端,前端再解析 项目结构 models里面加入把数据转为字典的方法 from datetime import ...

  2. 测开之路一百二十九：jinja2模板语法

    flask用的是jinja2模板,有自己特定的语法 形参: 在html里面留占位参数: {{ 参数名 }},后端传值时,参数名=参数值 <!DOCTYPE html><html la ...

  3. 测开之路一百二十八：flask之重定向和404

    a.b两个视图,分别返回a的页面和b的页面 重定向:redirect 重定向到路由:请求/a/时,重定向到/b/ 重定向到视图函数:url_for(“函数名“),访问/a/时,重定向到函数b() 主动 ...

  4. 测开之路一百二十六：flask之获取request请求数据

    可以根据flask的request对象获取所有的请求信息 path = request.path # 获取请求地址method = request.method # 获取请求方法ip = reques ...

  5. 测开之路一百二十五：flask之urlencode参数传递和解析

    当get请求传参时,用?分隔参数和域名,用&分隔参数,如果参数里面本身就有&符号就会识别不出来,还是会当成分隔符,所以这些数据在传输的时候,就需要转义,现在普遍是转成urlencode ...

  6. 测开之路一百二十七：flask之构造response对象

    可以使用flask.make_response构造自定义响应信息 构造一个响应信息为文本,状态码为404 响应 响应数据为json,状态码为200 返回html # coding:utf-8from ...

  7. 测开之路一百五十二：基于jquery的ajax实现之load、get、ajax

    ajax除了用原生的js实现之外,也可以使用jquery实现,而且用jquery更方便 看一个简单的示例,保留上一篇的content路由和html,实现上一篇一样的功能,点击获取内容,局部刷新 准备一 ...

  8. 测开之路一百二十三：快速搭建python虚拟环境

    前提:已装好python3.4+且环境可正常运行 一:手动搭建: 准备好一个工作目录 管理员运行cmd,进入到准备的目录里面 执行命令:python -m venv 虚拟环境名 激活虚拟环境(在ven ...

  9. 测开之路一百五十五：jquery-validation前台数据验证

    前面做的wtform验证是服务器端的验证,需要把数据传输到服务器,服务器验证后再吧结果传输到前端,网络慢的时候,用户体验不好,所以需要前端验证,且后端验证不能少 传统的js或者jquery如果要验证信 ...

随机推荐

  1. go & Windows Service

    相关库 https://godoc.org/golang.org/x/sys/windows/svc https://github.com/kardianos/service https://gith ...

  2. C++ 中头文件<bits/stdc++.h>的优缺点

    在编程竞赛中,我们常见一个头文件: #include <bits/stdc++.h> 发现它是部分C++中支持的一个几乎万能的头文件,包含所有的可用到的C++库函数,如<istrea ...

  3. Cross-Origin-Resource-Sharing-Solutions

    from:https://github.com/hijiangtao/hijiangtao.github.io/blob/master/_posts/2017-06-13-Cross-Origin-R ...

  4. SSM获取前台参数的方式

    1.直接把表单的参数写在Controller相应的方法的形参中,适用于get方式提交,不适用于post方式提交.若"Content-Type"="application/ ...

  5. 新建maven子模块 出现 Unable to read parent POM

    新建maven子模块 出现 Unable to read parent POM错误 于是把pom.xml文件中的 中文字符全部删除 包括 注释 最后成功建立

  6. Java Web学习总结（4）HttpServletResponse

    Web服务器收到客户端的http请求,会针对每一次请求,分别创建一个用于代表请求的request对象.和代表响应的response对象.获取网页提交过来的数据,只需要找request对象就行了.要向网 ...

  7. [转载]关于晶振ppm

    写得不错,小白的我学习了 原文地址:关于晶振ppm作者:thomaswangbj XXppm就是说频率的误差=(xx/百万)*振荡器的标称频率 eg1:120ppm,27M的晶振,频率的误差 = 12 ...

  8. vector auto

    #include <iostream>#include <vector>#include <string>using namespace std;using std ...

  9. python set 集合操作

    转自:https://www.cnblogs.com/alex3714/articles/5740985.html s = set([3,5,9,10]) #创建一个数值集合 t = set(&quo ...

  10. linux下vim如何清空一个文件？

    这是一个很巧妙的方法.如何来清空一个文件里的内容呢! 很简单,但确很实用: echo " " > filename(文件名称); 一句话就可以搞定.