Django提交表单或刷新页面后create_job页面未跳转渲染是什么原因？

核心问题1：前端Tab默认隐藏 #

你使用了Bootstrap的pills tab组件，当前步骤对应的#pills-info容器仅设置了fade类，缺少show active默认激活属性，页面加载/刷新后该区块处于隐藏状态，是页面无法正常渲染的最直接原因。

核心问题2：视图表单实例化逻辑缺陷 #

POST请求处理阶段，你重新实例化表单时没有绑定已有的create_job实例，会导致两个问题：

• 修改已有的创建中任务时，表单数据无法正确同步到原有实例
• 表单校验失败返回页面时，无法保留用户已输入的内容，也可能引发渲染异常

修复步骤 #

• 前端HTML修改：将tab容器的类属性补充show active
  原代码：

  <div class="tab-pane fade" id="pills-info" role="tabpanel" aria-labelledby="pills-info-tab">
  

  修改后：

  <div class="tab-pane fade show active" id="pills-info" role="tabpanel" aria-labelledby="pills-info-tab">
  

  如果后续有多个步骤的tab，可新增current_step变量传到模板，动态给对应步骤的tab添加激活类。

• 后端视图修改：POST请求实例化表单时传入原有实例
  原代码：

  step1_form = forms.JobCreateStep1Form(request.POST, request.FILES)
  

  修改后：

  step1_form = forms.JobCreateStep1Form(request.POST, request.FILES, instance=create_job)
  

可选优化 #

如果不存在处于CREATING_STATUS的任务时create_job为None，Django ModelForm天然支持instance为None的新建场景，无需额外处理。如果你需要强制用户只能从空白表单新建任务，可在获取create_job后新增逻辑，判断如果存在未完成的创建中任务，先调整状态或者提示用户。

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