砍材农夫砍材农夫
  • 微信记账小程序
  • java
  • redis
  • mysql
  • 场景类
  • 框架类
  • vuepress搭建
  • hexo搭建
  • 云图
  • llm wiki

    • 基于karpathy
    • gradle
  • 常用工具

    • git
    • gradle
    • Zadig
    • it-tools
    • 开源推荐
    • curl
  • 大前端

    • nodejs
    • npm
    • webpack
    • 微信
    • 正则
    • uniapp
    • app
  • java

    • java基础
    • jdk体系
    • jvm
    • spring
    • spring_cloud
    • spring_boot
    • 分库分表
    • zookeeper
  • python

    • python基础
    • python高级
    • python框架
  • 算法

    • 算法
  • 网关

    • spring_cloud_gateway
    • openresty
  • 高可用

    • 秒杀
    • 分布式
    • 缓存一致
  • MQ

    • MQ
    • rabbitMQ
    • rocketMQ
    • kafka
  • 其它

    • 设计模式
    • 领域驱动(ddd)
  • 关系型数据库

    • mysql5.0
    • mysql8.0
  • 非关系型数据库

    • redis
    • mongoDB
  • 分布式/其他

    • ShardingSphere
    • 区块链
  • 向量数据库

    • M3E
    • OPEN AI
  • Jmeter
  • fiddler
  • wireshark
  • AI入门
  • AI大模型
  • AI插件
  • AI集成框架
  • 相关算法
  • AI训练师
  • 量化交易
  • gitee
  • github
  • infoq
  • osc
  • 砍材工具
  • 关于
  • 相关运营
  • docker
  • k8s
  • devops
  • nginx
  • 元宇宙
  • 区块链
  • 物联网
  • linux
  • webrtc
  • web3.0
  • gitee
  • github
  • infoq
  • osc
  • 砍材工具
  • 关于
  • 中考
  • 投资
  • 保险
  • 思
  • 微信记账小程序
  • java
  • redis
  • mysql
  • 场景类
  • 框架类
  • vuepress搭建
  • hexo搭建
  • 云图
  • llm wiki

    • 基于karpathy
    • gradle
  • 常用工具

    • git
    • gradle
    • Zadig
    • it-tools
    • 开源推荐
    • curl
  • 大前端

    • nodejs
    • npm
    • webpack
    • 微信
    • 正则
    • uniapp
    • app
  • java

    • java基础
    • jdk体系
    • jvm
    • spring
    • spring_cloud
    • spring_boot
    • 分库分表
    • zookeeper
  • python

    • python基础
    • python高级
    • python框架
  • 算法

    • 算法
  • 网关

    • spring_cloud_gateway
    • openresty
  • 高可用

    • 秒杀
    • 分布式
    • 缓存一致
  • MQ

    • MQ
    • rabbitMQ
    • rocketMQ
    • kafka
  • 其它

    • 设计模式
    • 领域驱动(ddd)
  • 关系型数据库

    • mysql5.0
    • mysql8.0
  • 非关系型数据库

    • redis
    • mongoDB
  • 分布式/其他

    • ShardingSphere
    • 区块链
  • 向量数据库

    • M3E
    • OPEN AI
  • Jmeter
  • fiddler
  • wireshark
  • AI入门
  • AI大模型
  • AI插件
  • AI集成框架
  • 相关算法
  • AI训练师
  • 量化交易
  • gitee
  • github
  • infoq
  • osc
  • 砍材工具
  • 关于
  • 相关运营
  • docker
  • k8s
  • devops
  • nginx
  • 元宇宙
  • 区块链
  • 物联网
  • linux
  • webrtc
  • web3.0
  • gitee
  • github
  • infoq
  • osc
  • 砍材工具
  • 关于
  • 中考
  • 投资
  • 保险
  • 思
  • 主流应用框架
  • Flask

    • flask demo搭建
    • flask 实现完整接口
    • flask 模板实现
    • flask 会话session实现
    • flask 认证验签
  • FastAPI

    • 依赖包安装
  • Django

    • 依赖包安装
  • python基于框架flask模板template实现
    • flask入门
    • 项目demo
    • 项目结构
    • 部分代码说明
      • 统一入口
      • templates
      • 加载注入
    • 验证结果

python基于框架flask模板template实现

flask入门

官网[https://flask.palletsprojects.com/zh-cn/stable/quickstart/]

项目demo

python-flask[https://gitee.com/kcnf-python/python-flask]

项目结构

img

部分代码说明

统一入口

#!/usr/bin/env python
# -*- coding: utf-8 -*-
"""
统一入口:创建应用并启动服务器
"""
from app import create_app

# 创建 Flask 应用实例(声明式注册所有蓝图)
app = create_app()

if __name__ == '__main__':
    # 获取主机和端口(可从环境变量读取,默认 0.0.0.0:5000)
    host = '0.0.0.0'
    port = 5000
    debug = app.config.get('DEBUG', False)
    app.run(host=host, port=port, debug=debug)

templates

更多实现参考上面源码

{% extends "base.html" %}

{% block title %}用户信息{% endblock %}

{% block content %}
<h1>用户信息</h1>
<div class="user-card">
    <p><strong>姓名:</strong> {{ user.name }}</p>
    <p><strong>邮箱:</strong> {{ user.email }}</p>
    <p><strong>年龄:</strong> {{ user.age }}</p>
</div>

<h2>爱好列表</h2>
<ul>
    {% for hobby in user.hobbies %}
    <li>{{ hobby }}</li>
    {% endfor %}
</ul>

{% if user.age >= 18 %}
    <p style="color: green;">成年人</p>
{% else %}
    <p style="color: red;">未成年人</p>
{% endif %}
{% endblock %}

加载注入

重点引入render_template,代码实现

from flask import Blueprint, jsonify, request, render_template


# 模拟用户数据
fake_user = {
    "name": "张三",
    "email": "zhangsan@example.com",
    "age": 25,
    "hobbies": ["阅读", "编程", "游泳"]
}

@bp.route('/profile')
def profile():
    return render_template('user.html', user=fake_user)

验证结果

imgimg

最近更新: 2026/5/6 10:11
Contributors: kcnf
Prev
flask 实现完整接口
Next
flask 会话session实现