你好！我来帮你梳理下这个问题的核心和可行的解决思路：

核心问题拆解 #

你现在的困境本质是：HTTP是无状态的请求-响应模型，纯后端（Flask）没办法直接通知浏览器只更新页面的某一部分——浏览器只会处理服务器返回的完整响应（要么是整页HTML，要么是重定向指令）。所以你提到的「不用JavaScript实现局部刷新」，从HTTP的基础逻辑来说是做不到的，这是前端和后端交互的核心限制。

现有方案的问题分析 #

1. 重定向回/model/<model_id>：这是最标准的Post/Redirect/Get（PRG）模式，虽然会整页刷新，但胜在逻辑简单、兼容性好，而且能避免用户重复提交表单（刷新页面时不会重复发送POST请求）。
2. 返回"",402：这种方式服务器没有返回任何页面内容，浏览器自然不会更新页面上的classes数据，因为这些数据是主路由渲染时生成的，和这个子路由完全无关。

可行的解决思路 #

1. 优化整页刷新的体验（纯后端，无需JS） #

如果不想引入JS，只能在PRG模式的基础上优化体验：

• 添加操作反馈：可以在重定向时通过Flash消息给用户明确的成功提示，避免用户疑惑操作是否生效：

  from flask import flash
  
  @app.route("/add_class/<model_id>",methods=["POST","GET"])
  @login_required
  def add_class(model_id):
      # ... 你的数据库操作代码 ...
      con.commit()
      # 添加Flash消息
      flash(f"新类「{default_name}」已成功创建！", "success")
      return redirect(f"/model/{model_id}")
  

  然后在train.html的合适位置（比如页面顶部）渲染Flash消息：

  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% for category, message in messages %}
        <div class="alert alert-{{ category }} mt-3">
          {{ message }}
        </div>
      {% endfor %}
    {% endif %}
  {% endwith %}
  

• 优化缓存逻辑：给主路由添加缓存禁止头，确保每次重定向都拉取最新的数据库数据，避免浏览器缓存旧内容：

  from flask import make_response
  
  @app.route("/model/<model_id>",methods=["POST","GET"])
  @login_required
  def view_model(model_id):
      # ... 你的数据查询和渲染代码 ...
      response = make_response(render_template(
          "train.html", 
          categories=CATEGORIES, 
          model_id=model_id, 
          model=model, 
          classes=classes, 
          images=images, 
          istrained=istrained, 
          test_image=test_image
      ))
      # 禁止浏览器缓存页面
      response.headers["Cache-Control"] = "no-cache, no-store, must-revalidate"
      response.headers["Pragma"] = "no-cache"
      response.headers["Expires"] = "0"
      return response
  

2. 用少量JavaScript实现局部刷新（推荐） #

如果能接受引入少量JS，这是实现真正局部更新的最优解，逻辑是：用AJAX发送添加请求，服务器返回新类的JSON数据，前端直接把新类插入到页面的classes列表中，不用整页刷新。

第一步：修改add_class路由，返回JSON数据

from flask import jsonify

@app.route("/add_class/<model_id>",methods=["POST"]) # 只接受POST请求
@login_required
def add_class(model_id):
    with sqlite3.connect("database.db") as con:
        con.row_factory = sqlite3.Row
        db = con.cursor()
        result = db.execute("SELECT MAX(class_number) FROM classes WHERE model_id = ?", (model_id,)).fetchone()
        max_num = result[0] if result and result[0] is not None else 0
        default_num = int(max_num +1)
        default_name = "Class " + str(max_num + 1)
        # 插入新类
        db.execute("INSERT INTO classes (model_id,class_name,class_number) VALUES(?,?,?)", 
                  (model_id,default_name,default_num))
        con.commit()
        # 返回新类的JSON数据，供前端使用
        return jsonify({
            "status": "success",
            "class_number": default_num,
            "class_name": default_name
        })

第二步：在train.html中添加JS代码

假设你页面上的添加按钮和类列表容器是这样的：

<!-- 添加类的按钮 -->
<button id="addClassBtn" data-model-id="{{ model_id }}">添加新类</button>
<!-- 展示classes的容器 -->
<div id="classesContainer">
  {% for cls in classes %}
    <div class="class-item">
      {{ cls.class_number }} - {{ cls.class_name }}
    </div>
  {% endfor %}
</div>

添加对应的JS代码（放在页面底部或单独的JS文件中）：

// 绑定添加按钮的点击事件
document.getElementById('addClassBtn').addEventListener('click', async function() {
  const modelId = this.dataset.modelId;
  try {
    // 发送AJAX请求
    const response = await fetch(`/add_class/${modelId}`, {
      method: 'POST',
      headers: {
        'X-Requested-With': 'XMLHttpRequest', // 标记为AJAX请求
        'Content-Type': 'application/json'
      }
    });
    const data = await response.json();
    if (data.status === 'success') {
      // 把新类插入到页面的类列表中
      const container = document.getElementById('classesContainer');
      const newClassItem = document.createElement('div');
      newClassItem.className = 'class-item';
      newClassItem.textContent = `${data.class_number} - ${data.class_name}`;
      container.appendChild(newClassItem);
      // 可选：添加成功提示
      alert('新类添加成功！');
    }
  } catch (error) {
    console.error('添加类失败：', error);
    alert('添加类失败，请重试');
  }
});

这种方式既能实现局部更新，又能保持后端逻辑的清晰，而且JS代码量很小，是现在Web开发中处理这类需求的标准方式。

总结 #

• 纯后端无JS的情况下，只能用PRG模式（重定向），但可以通过Flash消息、缓存优化来提升用户体验；
• 要实现真正的局部刷新，必须引入少量JavaScript，这是前端和后端交互的必然要求，也是现代Web应用的常规做法。

如果还有具体的细节想调整，比如Flash消息的样式、AJAX请求的错误处理，都可以再细化！