《每天5分钟用Flask搭建一个管理系统》第4章：模板渲染
第4章：模板渲染
4.1 模板的概念和使用
模板是一种用于生成输出的方法，它允许您将Python代码和HTML标记混合在一起，从而创建动态网页。
示例代码：基本模板
<!-- templates/home.html -->
<!DOCTYPE html>
<html>
<head><title>{{ title }}</title>
</head>
<body><h1>{{ header }}</h1><p>{{ content }}</p>
</body>
</html>
在Flask中，您可以使用render_template函数来渲染模板。
示例代码：渲染模板
from flask import render_template@app.route('/')
def home():title = "Home Page"header = "Welcome to My Website"content = "This is the home page."return render_template('home.html', title=title, header=header, content=content)
4.2 Jinja2模板引擎介绍
Jinja2是Flask的默认模板引擎，它提供了强大的模板语言功能。
示例代码：使用Jinja2模板语法
<!-- templates/about.html -->
{% if user %}<p>Welcome, {{ user.username }}!</p>
{% else %}<p>Welcome, guest!</p>
{% endif %}
4.3 模板继承和包含
模板继承允许您定义一个基础模板，其他模板可以继承这个模板并扩展它。
示例代码：基础模板
<!-- templates/base.html -->
<!DOCTYPE html>
<html>
<head><title>{% block title %}My Website{% endblock %}</title>
</head>
<body><header>{% block header %}Default Header{% endblock %}</header><main>{% block content %}{% endblock %}</main><footer>{% block footer %}Default Footer{% endblock %}</footer>
</body>
</html>
示例代码：继承基础模板
<!-- templates/about.html -->
{% extends 'base.html' %}
{% block header %}About Us{% endblock %}
{% block content %}<p>This is the about page.</p>
{% endblock %}
模板包含允许您在模板中包含其他模板片段。
示例代码：模板包含
<!-- templates/sidebar.html -->
<div class="sidebar"><h3>Sidebar</h3><ul><li><a href="/">Home</a></li><li><a href="/about">About</a></li></ul>
</div><!-- templates/base.html -->
...
<body>{% include 'sidebar.html' %}<main>{% block content %}{% endblock %}</main>
...
4.4 模板变量和过滤器
模板变量用于在模板中传递数据，而过滤器则用于修改变量的显示方式。
示例代码：使用模板变量
<!-- templates/user_profile.html -->
<p>Username: {{ user.username }}</p>
<p>Member since: {{ user.member_since|date('Y-m-d') }}</p>
示例代码：自定义过滤器
from flask import Flaskapp = Flask(__name)@app.template_filter()
def capitalize_sentence(s):return s[0].upper() + s[1:].lower()# 在模板中使用自定义过滤器
<p>{{ user.bio|capitalize_sentence }}</p>
4.5 总结
本章介绍了模板渲染的概念和Jinja2模板引擎的使用，包括模板继承、包含以及变量和过滤器的使用。
相关文章：
《每天5分钟用Flask搭建一个管理系统》第4章：模板渲染
第4章：模板渲染 4.1 模板的概念和使用 模板是一种用于生成输出的方法，它允许您将Python代码和HTML标记混合在一起，从而创建动态网页。 示例代码：基本模板 <!-- templates/home.html --> <!DOCTYPE html> <html…...
逆向学习汇编篇：指令的操作
本节课在线学习视频（网盘地址，保存后即可免费观看）： https://pan.quark.cn/s/660c759dea95 在逆向工程中，深入理解汇编语言的指令操作是至关重要的。汇编指令是计算机硬件与软件之间的桥梁，它们直…...
VB.net实战(VSTO)：VSTOwpf体验框架打包教程
如果是考虑到Wps用户较多，就不建议采用侧边栏的形式 只是个体验框架，界面未作美化，office的用户可以用任意一种窗体，喜欢那个界面就写那个界面，wps的侧边栏只能弹出一部分，每次需要的手动拖动。 打包了案例…...
Jquery 获得Form下的所有text、checkbox等表单的值
Jquery使用表单我主要是想获得某一个表单下的所有text获得checkbox的值: 可以这样写: var parameter{}; $("input[typetext]",document.forms[0]).each(function(){ alert(this.name); }); 获得所有名为hobby的选中的checkbox的值和form2下的所有text的值 function s…...
stl之string
构造函数 void test1() {string s1;//不传参cout << s1 << endl;string s2("123456");cout << s2 << endl;string s3(s2);cout << s3 << endl;string s4(s2, 1, 5);cout << s4 << endl;string s5("123456&quo…...
Vue3学习笔记＜-＞nginx部署vue项目
安装nginx vue项目通常部署到nginx上，所以先安装一个nginx。为了方便安装的是windows版nginx，解压就能用。 项目参考上一篇文章《Vue3学习笔记＜-＞创建第一个vue项目》《Vue3学习笔记＜-＞创建第一个vue项目》…...
使用 WebGL 创建 3D 对象
WebGL Demohttps://mdn.github.io/dom-examples/webgl-examples/tutorial/sample5/index.html 现在让我们给之前的正方形添加五个面从而可以创建一个三维的立方体。最简单的方式就是通过调用方法 gl.drawElements() 使用顶点数组列表来替换之前的通过方法gl.drawArrays() 直接…...
百度地图3d区域掩膜，最常见通用的大屏地图展现形式
需求及效果 原本项目使用的是百度地图3.0,也就是2d版本的那个地图，客户不满意觉得不够好看，让把地图改成3d的，但是我们因为另外的系统用的都是百度地图，为了保持统一只能用百度地图做 经过3天的努力，最后我终于把这个…...
小区物业管理收费系统源码小程序
便捷、透明、智能化的新体验 一款基于FastAdminUniApp开发的一款物业收费管理小程序。包含房产管理、收费标准、家属管理、抄表管理、在线缴费、业主公告、统计报表、业主投票、可视化大屏等功能。为物业量身打造的小区收费管理系统，贴合物业工作场景，轻…...
C++实现一个简单的Qt信号槽机制
昨天写这个文章《深入探讨C的高级反射机制（2）：写个能用的反射库》的时候就在想，是不是也能在这套反射逻辑的基础上，实现一个类似Qt的信号槽机制？ Qt信号槽机制简介 所谓的Qt的信号槽（Signals …...
微信小程序常用的传值
1.通过 URL 传参 在页面跳转时，可以在 URL 中携带参数进行传递，然后在目标页面的 onLoad 生命周期中获取参数。 // 在页面 A 中跳转到页面 B 并传递参数 wx.navigateTo({url: /pages/detail/index?id123 });// 在页面 B 的 onLoad 生命周期中获取参数…...
SQL面试真题解答 数据统计分析，求“同比、环比”等（SQL窗口函数使用）
SQL面试真题解答 数据统计分析，求“同比、环比”等（SQL窗口函数使用） 环比、环比增长率、同比、同比增长率，根据百度百科上的 说明： 环比增长率 环比增长率，一般是指和上期相比较的增长率。 环比增长率&a…...
【递归、搜索与回溯】floodfill算法二
floodfill算法二 1.被围绕的区域2.太平洋大西洋水流问题3.扫雷游戏4.衣橱整理 点赞👍👍收藏🌟🌟关注💖💖 你的支持是对我最大的鼓励，我们一起努力吧!😃😃 1.被围绕的区域…...
Dataease安装，配置Jenkins自动部署
Dataease安装，配置Jenkins自动部署 一.安装Dataease 安装前准备：1.Ubuntu20.04 LTS国内源安装指定版本Docker 2.docker-compose安装 下载离线安装的安装包，下载地址：https://community.fit2cloud.com/#/download/dataease/v1-…...
关于IDEA启动报错 【JAVA_HOME does not point to a valid JM installation】
希望文章能给到你启发和灵感～ 感谢支持和关注～ 阅读指南 一、基础环境说明1.1 硬件环境1.2 软件环境 二、起因 一、基础环境说明 考虑环境因素不同，大家适当的对比自己的软硬件环境情况分析～ 1.1 硬件环境 MacOS Monterey 版本 1…...
设置小蓝熊的CPU亲和性、CPU优先级再设置法环的CPU亲和性
# 适用于Windows系统 # 时间 : 2024-06-28 # 作者 : 三巧(https://blog.csdn.net/qq_39124701) # 文件名 : 设置小蓝熊的CPU亲和性、CPU优先级再设置法环的CPU亲和性.ps1 # 使用方法: 打开记事本，将所有代码复制到记事本中，保存文件时候修改文件后…...
Oracle中的序列（Sequence）是一种数据库对象
Oracle中的序列（Sequence）是一种数据库对象，用于生成数字序列，通常用于为主键列生成唯一、连续的数值。以下是一些使用序列的案例： 1. **为主键生成唯一值**： 在Oracle中，序列最常用的场景是…...
热点观察 | 《姜饼人王国》新作来袭、《Monopoly GO!》荣登5月全球畅销榜榜首
本周出海热点： 1. 中国品牌借欧洲杯打响知名度 2. 米哈游玩家切割二次元 3. 6月27日，Steam游戏《六月衷曲》上线TapTap 4. 《Monopoly GO!》荣登5月全球畅销榜榜首 5. 《地下城与勇士》拿下本周亚洲T1市场畅销榜冠军 6. 《姜饼人王国》新作强势登顶…...
智能网络构建：探索大模型在网络领域的应用
网络领域以其高度复杂性和快速迭代为特点，完成从网络设计、配置、诊断到安全的网络任务需要广泛的专业知识。这些任务的固有复杂性，加上网络技术和协议不断变化的格局，为传统基于机器学习的方法带来了显著的障碍。这些方法在泛化和自动化网络…...
C++编程逻辑讲解step by step：定义一个Person类,它的每个对象表示一个人。
题目 定义一个Person类,它的每个对象表示一个人。数据成员必须包含姓名、出生年份、死亡年份，一个构造函数，一析构函数，读取数据的成员函数，一个print()成员函数显示所有数据。 #include <iostream> using namespace std;…...
React 第五十五节 Router 中 useAsyncError的使用详解
前言 useAsyncError 是 React Router v6.4 引入的一个钩子，用于处理异步操作（如数据加载）中的错误。下面我将详细解释其用途并提供代码示例。 一、useAsyncError 用途 处理异步错误：捕获在 loader 或 action 中发生的异步错误替…...
云计算——弹性云计算器（ECS）
弹性云服务器：ECS 概述 云计算重构了ICT系统，云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台，包含如下主要概念。 ECS（Elastic Cloud Server）：即弹性云服务器，是云计算…...
【Oracle APEX开发小技巧12】
有如下需求： 有一个问题反馈页面，要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据，方便管理员及时处理反馈。 我的方法：直接将逻辑写在SQL中，这样可以直接在页面展示 完整代码： SELECTSF.FE…...
【WiFi帧结构】
文章目录 帧结构MAC头部管理帧 帧结构 Wi-Fi的帧分为三部分组成：MAC头部frame bodyFCS，其中MAC是固定格式的，frame body是可变长度。 MAC头部有frame control，duration，address1，address2，addre…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...
PL0语法，分析器实现！
简介 PL/0 是一种简单的编程语言，通常用于教学编译原理。它的语法结构清晰，功能包括常量定义、变量声明、过程（子程序）定义以及基本的控制结构（如条件语句和循环语句）。 PL/0 语法规范 PL/0 是一种教学用的小型编程语言，由 Niklaus Wirth 设计，用于展示编译原理的核…...
Go 语言并发编程基础：无缓冲与有缓冲通道
在上一章节中，我们了解了 Channel 的基本用法。本章将重点分析 Go 中通道的两种类型 —— 无缓冲通道与有缓冲通道，它们在并发编程中各具特点和应用场景。 一、通道的基本分类 类型定义形式特点无缓冲通道make(chan T)发送和接收都必须准备好࿰…...
排序算法总结（C++）
目录 一、稳定性二、排序算法选择、冒泡、插入排序归并排序随机快速排序堆排序基数排序计数排序 三、总结 一、稳定性 排序算法的稳定性是指：同样大小的样本 **（同样大小的数据）**在排序之后不会改变原始的相对次序。 稳定性对基础类型对象…...
通过 Ansible 在 Windows 2022 上安装 IIS Web 服务器
拓扑结构 这是一个用于通过 Ansible 部署 IIS Web 服务器的实验室拓扑。 前提条件： 在被管理的节点上安装WinRm 准备一张自签名的证书 开放防火墙入站tcp 5985 5986端口 准备自签名证书 PS C:\Users\azureuser> $cert New-SelfSignedCertificate -DnsName &…...
深度学习之模型压缩三驾马车：模型剪枝、模型量化、知识蒸馏
一、引言 在深度学习中，我们训练出的神经网络往往非常庞大（比如像 ResNet、YOLOv8、Vision Transformer），虽然精度很高，但“太重”了，运行起来很慢，占用内存大，不适合部署到手机、摄…...