Flask Academy · 课时

使用块定义基础模板

创建包含可重写块区域的布局

使用块定义基础模板 是 CoddyKit 上的免费 Flask Academy 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 Flask Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Flask Academy 课程共包含 4 节课。

本课时的部分内容尚未翻译，以英文显示。

Layouts Repeat Everywhere

Every page on your site shares the same header, nav, and footer. Copying that HTML into each template is a maintenance trap. A base template fixes it. 🧩

One Skeleton, Many Pages

A base template holds the full HTML skeleton once. Child pages reuse it and only fill in the parts that differ, so shared markup lives in a single file.

Blocks Mark the Holes

Inside the base, a block marks a region that child pages can override. Everything outside a block is fixed and shared by every page.

Declare a Block

You open a region with a named block tag and close it with endblock. Anything between them is the default content for that slot.

<title>{% block title %}My Site{% endblock %}</title>

A Real Base Skeleton

This base.html wraps the doctype, head, and body once. The title and content blocks are the only parts pages will customize.

<!DOCTYPE html>
<html>
<head>
  <title>{% block title %}Site{% endblock %}</title>
</head>
<body>
  {% block content %}{% endblock %}
</body>
</html>

Name Your Blocks Clearly

Give each block a descriptive name like content, title, or sidebar. Child pages reference blocks by that exact name when they override them.

Blocks Can Hold Defaults

Content between the block tags is a default. If a child page does not override the block, the visitor sees this fallback text instead.

{% block footer %}&copy; CoddyKit{% endblock %}

Where the Base File Lives

Keep the layout in your templates folder, usually named base.html. Child templates point back to it by this path when they extend it.

Plan Blocks Before Coding

Think about which page areas actually change: title, main body, maybe a sidebar. Each changing area becomes one block in your base layout.

Blocks Can Nest

A block may sit inside another block, like a head block holding a styles block. Nesting lets pages tweak fine details without redefining the whole region.

Less Markup to Maintain

With a base template, updating the nav once changes every page at once. That single source of truth is the whole point of a shared layout. ✨

Quick Check

What is the purpose of a block tag in a base template?

Recap: Base Templates

A base template holds shared markup once and exposes named blocks as customizable slots. Next you will extend this base from child pages. 🎯

常见问题解答

「使用块定义基础模板」课时是免费的吗？

是的 — 「使用块定义基础模板」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Flask Academy 课程的其余内容，请升级到 CoddyKit PRO。 Flask Academy 课程共包含 4 节课。

「使用块定义基础模板」这节课中我会学到什么？

创建包含可重写块区域的布局你通过在浏览器中直接运行的动手代码来练习 Flask Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Flask Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Flask Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「使用块定义基础模板」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Flask Academy 课中编写并运行代码吗？

能。每节 Flask Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 Flask Academy