下拉按钮触发Spring Boot Controller实现CSV/Excel导出需求

你当前的代码存在几个小问题，导致点击导出选项无法正确触发对应的Controller方法，我来帮你一步步修正：

问题分析 #

1. 标签使用错误：<a>标签不支持type="submit"属性，这个属性是给<button>或<input>表单控件用的，所以点击<a>不会触发表单提交。
2. 请求方式不匹配：你的表单用的是method="POST"，但Controller方法定义的是@GetMapping，两者请求方式不一致。
3. 表单结构不合理：两个导出选项共用一个表单，但<a>无法提交表单，导致action参数根本传不到后端。

解决方案 #

方案1：直接使用带参数的<a>标签（最简单） #

既然你的Controller是@GetMapping，那直接在<a>的href里带上对应的参数即可，不需要表单：

<div class="row col-xs-2" style="position:relative;top:10px;">
  <button type="button" class="btn btn-primary normal-btn dropdown-toggle" data-toggle="dropdown">
    Export <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li>
      <a th:href="@{/coaExport(action='csv')}" class="dropdown-item">Export to .CSV</a>
    </li>
    <li>
      <a th:href="@{/coaExport(action='excel')}" class="dropdown-item">Export to Excel</a>
    </li>
  </ul>
</div>

点击每个链接时，会直接发送GET请求到对应的Controller方法，参数action会被正确识别，触发对应的导出逻辑。

方案2：使用表单+按钮（适合POST请求场景） #

如果你因为数据量或安全需求需要用POST请求，可以把<a>改成<button>，每个选项单独用一个表单：

<div class="row col-xs-2" style="position:relative;top:10px;">
  <button type="button" class="btn btn-primary normal-btn dropdown-toggle" data-toggle="dropdown">
    Export <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li>
      <form th:action="@{/coaExport}" method="POST">
        <input type="hidden" name="action" value="csv">
        <button type="submit" class="dropdown-item btn-link" style="border:none; background:none; padding:0; cursor:pointer;">Export to .CSV</button>
      </form>
    </li>
    <li>
      <form th:action="@{/coaExport}" method="POST">
        <input type="hidden" name="action" value="excel">
        <button type="submit" class="dropdown-item btn-link" style="border:none; background:none; padding:0; cursor:pointer;">Export to Excel</button>
      </form>
    </li>
  </ul>
</div>

同时需要把Controller的@GetMapping改成@PostMapping：

@PostMapping(value="/coaExport", params="action=csv")
public void exportCOACSV(HttpServletRequest request, HttpServletResponse response) throws IOException {
    System.out.println("Export CSV");
    // 补充CSV导出逻辑：设置响应头
    response.setContentType("text/csv");
    response.setHeader("Content-Disposition", "attachment; filename=coa.csv");
    // 写入CSV数据到response.getOutputStream()
}

@PostMapping(value="/coaExport", params="action=excel")
public void exportCOAExcel(HttpServletRequest request, HttpServletResponse response) throws IOException {
    System.out.println("Export Excel.");
    // 补充Excel导出逻辑：设置响应头
    response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
    response.setHeader("Content-Disposition", "attachment; filename=coa.xlsx");
    // 写入Excel数据到response.getOutputStream()
}

补充：文件下载的关键细节 #

不管用哪种方案，在Controller里必须设置正确的响应头，告诉浏览器这是一个下载文件：

• CSV文件：Content-Type设为text/csv，Content-Disposition指定文件名
• Excel文件（xlsx格式）：Content-Type设为application/vnd.openxmlformats-officedocument.spreadsheetml.sheet，指定对应文件名

这样浏览器才会触发下载弹窗，而不是直接在页面显示文件内容。

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