Flask学习_2_模板

from flask import Flask, render_template
from models import User
app = Flask(__name__)

'''
模板的简单使用
条件语句
循环语句
模板的继承
'''

# 传递参数
@app.route('/')
def hello_world():
    content = 12345
    return render_template('index.html', content=content)

# 通过类来传递参数
@app.route('/user')
def user_index():
    user = User(1, 'ahisfu')
    return render_template('user_index.html', user=user)

# 参数传递与模板中的条件语句
@app.route('/query_user/<user_id>')
def query_user(user_id):
    user = None
    if int(user_id) == 1:
        user = User(1, 'aaaaaaaa')

    return render_template('user_id.html', user=user)

# 循环
@app.route('/users')
def users_list():
    users = []
    for i in range(0, 11):
        user = User(i, 'user'+str(i))
        users.append(user)
    return render_template('user_list.html', users=users)


# 继承:能够提高代码的复用
@app.route('/one')
def one():
    return render_template('base_one.html')

@app.route('/two')
def two():
    return render_template('base_two.html')


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

 

models.py

class User(object):
    def __init__(self, user_id, user_name):
        self.user_id = user_id
        self.user_name = user_name

 

以下为用到的html

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>{{ content }}</h1>
</body>
</html>

 

user_index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>hello  {{ user.user_name }}</h1>
</body>
</html>

 

user_id.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% if user %}
    hello  {{ user.user_name }}
{% else %}
    无此用户
{% endif %}
</body>
</html>

 

user_list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% for i in users %}
{{ i.user_id }}--{{ i.user_name }}<br>
{% endfor %}
</body>
</html>

 

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <h1>头部</h1>
</div>

{% block content %}
{% endblock %}
<div>
    <H1>底部</H1>
</div>
</body>
</html>

 

base_one.html

{% extends'base.html' %}
{% block content %}
    <h2>one</h2>
{% endblock %}

 

base_two.html

{% extends 'base.html' %}
{% block content %}
    <h2>two</h2>
{% endblock %}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值