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. spring security OAuth2.0之客户端Client的实现

    项目代码:https://github.com/hankuikuide/microservice-spring-security-oauth2 网上多数的项目客户端都是采用纯js写,或用postman ...

  2. 梯度下降算法(Gradient descent)GD

    1.我们之前已经定义了代价函数J,可以将代价函数J最小化的方法,梯度下降是最常用的算法,它不仅仅用在线性回归上,还被应用在机器学习的众多领域中,在后续的课程中,我们将使用梯度下降算法最小化其他函数,而 ...

  3. myeclipse2014下卸载，安装maven插件。

    转自:https://blog.csdn.net/gaoshang10/article/details/21177893 一.卸载方法: 点击Help->About Myeclipse Ente ...

  4. linux NFS 实例

    为了证明是 Allentunsgroup 组起的作用而非用户 [root@NFS_Client ~]# useradd scott1 [root@NFS_Client ~]# passwd scott ...

  5. tee 多重定向

    1.命令功能 tee读取标准输入的数据,并将内容输出成文件. 2.语法格式 tee  option  file tee  [-ai]  文件 参数说明 参数 参数说明 -a 追加到文件后面,非覆盖 - ...

  6. 洛谷 P2704 [NOI2001]炮兵阵地 （状态压缩DP+优化）

    题目描述 司令部的将军们打算在NM的网格地图上部署他们的炮兵部队.一个NM的地图由N行M列组成,地图的每一格可能是山地(用"H" 表示),也可能是平原(用"P" ...

  7. GUI学习之十四——QKeySequenceEdit学习总结

    我们在前面总结了3种文本输入控件,这里有一种新的:QKeySequenceEdit,用作对快捷键的采集.结合其内部的API可以实现对自定义快捷键的设置.这节内容大致看一下就好了,我也不知道实际作用有哪 ...

  8. Flask【第7篇】：Flask中的wtforms使用

    flask中的wtforms使用 一.简单介绍flask中的wtforms WTForms是一个支持多个web框架的form组件,主要用于对用户请求数据进行验证. 安装: pip3 install w ...

  9. easyuUI实现客户分页显示逻辑分析

    页面 前端 前端easyUI,自带分页功能,添加pagination属性 前端会传给后端两个属性: page:当前页码 rows:每页显示记录数 后端 接收page和rows参数 根据参数分页查询 获 ...

  10. Navicat 出现的[Err] 1146 - Table 'performance_schema.session_status' doesn't exist已解决

    [Err] 1146 - Table 'performance_schema.session_status' doesn't exist已解决   刚刚接触MySQL,就往数据库添加数据,就遇到这个问 ...