如何在Django中从视图（CreateView等）生成HTML静态文件

核心思路 #

在页面结构发生变更（增/删/改）时，利用Django的模板渲染能力生成菜单HTML并保存为静态模板文件，后续base.html直接引入该文件，避免每次请求都动态生成菜单。

步骤1：编写菜单生成函数 #

创建工具函数，负责获取菜单数据、渲染模板并保存为HTML文件。假设你有Page模型存储页面信息（包含title、get_absolute_url()、parent、order字段）：

# myapp/utils.py
from django.template.loader import render_to_string
from django.conf import settings
import os
from .models import Page

def generate_menu_html():
    # 按二级结构整理菜单数据
    top_level_pages = Page.objects.filter(parent__isnull=True).order_by('order')
    menu_items = []
    for page in top_level_pages:
        sub_pages = Page.objects.filter(parent=page).order_by('order')
        menu_items.append({
            'title': page.title,
            'url': page.get_absolute_url(),
            'sub_pages': sub_pages
        })
    
    # 用模板渲染菜单HTML
    menu_html = render_to_string('menu/menu_template.html', {'menu_items': menu_items})
    
    # 保存到模板目录（方便base.html直接引入）
    save_dir = os.path.join(settings.BASE_DIR, 'templates', 'includes')
    os.makedirs(save_dir, exist_ok=True)
    save_path = os.path.join(save_dir, 'navbar_menu.html')
    
    with open(save_path, 'w', encoding='utf-8') as f:
        f.write(menu_html)

步骤2：编写菜单模板 #

创建菜单渲染模板templates/menu/menu_template.html，根据前端结构调整样式类名：

<ul class="top-nav-menu">
    {% for item in menu_items %}
        <li class="nav-item">
            <a href="{{ item.url }}">{{ item.title }}</a>
            {% if item.sub_pages %}
                <ul class="dropdown-menu">
                    {% for sub_item in item.sub_pages %}
                        <li><a href="{{ sub_item.get_absolute_url }}">{{ sub_item.title }}</a></li>
                    {% endfor %}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
</ul>

步骤3：在视图中触发菜单生成 #

在处理页面增/删/改的视图中，完成数据库操作后调用菜单生成函数：

CreateView

# myapp/views.py
from django.views.generic.edit import CreateView
from .models import Page
from .utils import generate_menu_html

class PageCreateView(CreateView):
    model = Page
    fields = ['title', 'parent', 'order']  # 根据模型字段调整
    
    def form_valid(self, form):
        response = super().form_valid(form)
        generate_menu_html()
        return response

UpdateView

class PageUpdateView(UpdateView):
    model = Page
    fields = ['title', 'parent', 'order']
    
    def form_valid(self, form):
        response = super().form_valid(form)
        generate_menu_html()
        return response

DeleteView

from django.urls import reverse_lazy

class PageDeleteView(DeleteView):
    model = Page
    success_url = reverse_lazy('page_list')  # 页面列表页URL
    
    def delete(self, request, *args, **kwargs):
        response = super().delete(request, *args, **kwargs)
        generate_menu_html()
        return response

步骤4：在base.html中引入静态菜单 #

通过Django模板标签直接引入生成好的菜单文件：

<!-- base.html -->
<nav class="top-navbar">
    {% include "includes/navbar_menu.html" %}
</nav>

初始化菜单 #

首次部署时，手动生成初始菜单：

1. 打开Django Shell：

python manage.py shell

2. 执行生成函数：

from myapp.utils import generate_menu_html
generate_menu_html()

注意事项 #

• 确保Django进程对目标保存目录有写入权限
• 若菜单数据来自多个模型，只需调整generate_menu_html中的数据获取逻辑
• 生产环境可结合部署脚本，在初始化时自动调用菜单生成函数

内容的提问来源于stack exchange，提问作者Michael Romanov