• Flask的Jinjia模板渲染

    请添加图片描述

    1、 项目要求

    创建一个Python项目，命名为jinjia2-学号（jinjia2-12344），在项目下创建目录templates。

    设计网页，命名：index-学号.html(index-12344.html)，创建Python模块文件，命名为test-学号.py(例如：test-12344.py)

    接受业务逻辑后台传递的参数，具体实现的功能如下：

    网页模仿如下结构，设计表格，传递相关信息（姓名，性别，年龄，家庭住址，个人简介），并判断年龄是否大于18岁。

    业务逻辑的后台部分，渲染前端网页，并传入上面的参数值。

    要求上传代码和运行结果的截图，并上传项目的压缩文件。

    2、 注意

    提前下好 PyCharm虚拟环境中的flask框架
    在项目下创建目录templates。
    （文件格式如下）

    在这里插入图片描述

    3、代码展示

    1. tese-132.py（运行的主文件）
    import random

from flask import Flask,render_template
app = Flask(__name__,template_folder="templates")

@app.route('/')
def hello_world():
    return render_template('index-132.html')

@app.route('/user/')
def user(userNamre):
    return render_template('user.html',name=userNamre)

@app.route('/userInfo')
def userInfo():
    name = "武师叔"
    sex = "男"
    age = random.randint(10,22)
    address = "辽宁省葫芦岛市"
    summmary = "做一个有趣不甘平凡的人！"
    return render_template('userInfo.html',name=name,age=age,sex = sex,address = address,summmary = summmary)

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

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    1. index-132.html （首页渲染的HTML）
    DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
    <h1>Templateh1>
    <p>this is the first pagep>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    1. userInfo.html （结果展示渲染的HTML）
    DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body background="https://static001.geekbang.org/infoq/3b/3be584f439a06d63a13c28524a1c9894.png">
<center>
    <img class="logo-img" width="162" height="162" src="https://static001.geekbang.org/infoq/5b/5be4fa0b6b34007c865a0317586baf3c.gif">
    <p>这是武师叔的个人简介p>
    <p>name:{{ name }}p>
    <p>sex:{{ sex }}p>
    {% if age > 18 %}
    <b><p>师叔永远18岁!p>b>
    {% else %}
    <b><p>师叔还是未成年哦!p>b>
    {% endif %}
    <p>age:{{ age }}p>
    <p>address:{{ address }}p>
    <p>summmary:{{ summmary }}p>
center>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24

    4、 结果展示

    动图刷新效果见封面（首图）
    在这里插入图片描述

  • 相关阅读:
    RabbitMQ学习笔记之交换机
    2022年中国征信行业覆盖人群、参与者数量及征信业务查询量统计[图]
    win&linux下gradel安装
    我的创作纪念日
    [附源码]计算机毕业设计面向高校活动聚AppSpringboot程序
    【C语言】文件操作
    Dubbo线程池
    QMC5883L-磁力计椭球拟合校准
    python--scrapy 保存数据到 mongodb
    AgileConfig 1.8.0 已适配 .NET8
  • 原文地址：https://blog.csdn.net/wushibo123/article/details/126721886