中的页面名称（不含站点后缀） block head_extra ← <head> 内额外内容（如页面专属 CSS、meta） block breadcrumb ← 整个面包屑区域（默认使用 breadcrumb 宏渲染） block breadcrumb_title ← 仅覆盖面包屑末级文字（与 block breadcrumb 二选一） block content ← <main> 内的主体内容 block modals ← 弹窗/抽屉（渲染在 .layout 内、<main> 之外） block extra_scripts ← 页面专属 <script src> 标签（main</script>.js 之后加载） block page_scripts ← 页面专属内联 <script>（最后执行） ============================================================ #} {# breadcrumb 宏可在子模板中按需导入： {% from "components/breadcrumb.html" import breadcrumb %} #} <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="noindex, nofollow"> <title> {%- block title %}智算中心管理门户{% endblock %}

{# ============================================================ 基础布局模板 base.html 所有业务页面通过 {% extends "base.html" %} 继承此模板。可覆盖的 block 列表（按页面自上而下顺序）: block title ← 中的页面名称（不含站点后缀） block head_extra ← <head> 内额外内容（如页面专属 CSS、meta） block breadcrumb ← 整个面包屑区域（默认使用 breadcrumb 宏渲染） block breadcrumb_title ← 仅覆盖面包屑末级文字（与 block breadcrumb 二选一） block content ← <main> 内的主体内容 block modals ← 弹窗/抽屉（渲染在 .layout 内、<main> 之外） block extra_scripts ← 页面专属 <script src> 标签（main</script>.js 之后加载） block page_scripts ← 页面专属内联 <script>（最后执行） ============================================================ #} {# breadcrumb 宏可在子模板中按需导入： {% from "components/breadcrumb.html" import breadcrumb %} #} <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="noindex, nofollow"> <title> {%- block title %}智算中心管理门户{% endblock %} — 智算中心管理门户 {# ── 核心样式（离线本地化，禁止引用外部 CDN） ── #} {# ── 侧边栏新增样式（头像、外部链接标签、分割线等） ── #} {# ── 页面专属 head 内容 ── #} {% block head_extra %}{% endblock %}

{# ── 侧边栏（独立组件，自动处理 active 高亮） ── #} {% include "components/sidebar.html" %} {# ── 主内容区域 ── #}

{# ── 面包屑导航 ── 子模板只需覆盖 block breadcrumb_title 提供当前页名称即可。如需多级路径，可整体替换 block breadcrumb_nav。 #} {% block breadcrumb_nav %} {% endblock %} {# ── 页面主体内容 ── #} {% block content %}{% endblock %}

{# ── 弹窗层（Modal / Drawer，渲染在 .layout 内但在

之外） ── #} {% block modals %}{% endblock %}

{# /.layout #} {# ── 全局基础脚本 ── #} {# ── 服务端注入当前用户信息（只读，供所有页面 JS 使用） ── #} {# ── 页面专属外部脚本（如 partitions.js、nodes.js） ── #} {% block extra_scripts %}{% endblock %} {# ── 全局共享函数（所有页面均可调用） ── #} {# ── 页面专属内联脚本（最后执行，可安全依赖 DOM 和全局函数） ── #} {% block page_scripts %}{% endblock %}