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. 剑指offer-动态规划-贪心算法--剪绳子-python

    题目描述 给你一根长度为n的绳子,请把绳子剪成m段(m.n都是整数,n>1并且m>1),每段绳子的长度记为k[0],k[1],...,k[m].请问k[0]xk[1]x...xk[m]可能 ...

  2. html5移动端Meta的设置

    强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览 1 <meta name="viewport" content=&quo ...

  3. tab栏切换效果运用案例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. 40. Combination Sum II (JAVA)

    Given a collection of candidate numbers (candidates) and a target number (target), find all unique c ...

  5. 对数据集做标准化处理的几种方法——基于R语言

    数据集——iris(R语言自带鸢尾花包) 一.scale函数 scale函数默认的是对制定数据做均值为0,标准差为1的标准化.它的两个参数center和scale: 1)center和scale默认为 ...

  6. nice - 改变执行程序的优先级

    总览 (SYNOPSIS) nice [OPTION]... [COMMAND [ARG]...] 描述 (DESCRIPTION) 以 调整过的 调度优先级 运行 COMMAND. 如果 没给出 C ...

  7. [ZJOI2006]物流运输（动态规划，最短路）

    [ZJOI2006]物流运输 题目描述 物流公司要把一批货物从码头A运到码头B.由于货物量比较大,需要n天才能运完.货物运输过程中一般要转停好几个码头.物流公司通常会设计一条固定的运输路线,以便对整个 ...

  8. element隐藏组件滚动条scrollbar使用

    可使用 组件 <el-scrollbar></el-scrollbar> 设置 组件的样式 为 高度100% <el-scrollbar style="heig ...

  9. linux 时区问题

    1.java项目发现 服务器时间不正确,修改了服务器时间之后依然没解决. 2.java虚拟机的时区也需要设置:

  10. 手动创建一个Spring Boot 2.x项目

    spring boot 2.1.9版本quick start参考文档地址:https://docs.spring.io/spring-boot/docs/2.1.9.RELEASE/reference ...