本文介绍如何在基于 josephspurrier/gowebapp 的 Go MVC 项目中，将控制器从 REST 服务获取的结构化数据（如 []model.Info）安全、清晰地传递至 .tmpl 模板并渲染为 HTML 表格（如 DataTable），涵盖数据绑定、模板遍历与属性访问等关键步骤。

本文介绍如何在基于 josephspurrier/gowebapp 的 go mvc 项目中，将控制器从 rest 服务获取的结构化数据（如 `[]model.info`）安全、清晰地传递至 `.tmpl` 模板并渲染为 html 表格（如 datatable），涵盖数据绑定、模板遍历与属性访问等关键步骤。

要在 Go Web 应用中正确显示控制器获取的数据，核心在于将数据显式注入模板上下文，而非仅调用 v.Render(w)。当前控制器代码中，infos 变量被声明但未传入视图，因此模板无法访问它。

✅ 正确做法：通过 v.Vars 传递数据

修改控制器逻辑，将 infos 切片赋值给视图变量（key 名需与模板中引用一致）：

func InfoGET(w http.ResponseWriter, r *http.Request) {
    var infos []model.Info
    infos, err := ws.GetAllInfos("tho")
    if err != nil {
        log.Println("Failed to fetch infos:", err)
        http.Error(w, "Internal Server Error", http.StatusInternalServerError)
        return
    }

    v := view.New(r)
    v.Name = "infos/info"
    v.Vars["infos"] = infos // ? 关键：将数据注入模板上下文
    v.Render(w)
}

⚠️ 注意：务必检查 err 并做适当错误处理（如返回 HTTP 错误），避免空数据静默渲染。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

? 模板中遍历与渲染（template/infos/info.tmpl）

在 .tmpl 文件中，使用 Go 模板语法遍历 infos 并输出表格内容。以下是一个简洁、可扩展的 HTML 表格示例（兼容后续集成 DataTables JS 库）：

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
<head>
  <title>Info List</title>
  <!-- 可选：引入 DataTables CSS -->
  <link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css">
</head>
<body>
  <h2>Information Records</h2>
  <table id="infoTable" class="display">
    <thead>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Description</th>
        <th>Created At</th>
      </tr>
    </thead>
    <tbody>
      {{range $info := .infos}}
      <tr>
        <td>{{.ID}}</td>
        <td>{{.Name}}</td>
        <td>{{.Description}}</td>
        <td>{{.CreatedAt | printf "%s"}}</td>
      </tr>
      {{else}}
      <tr><td colspan="4">No data available.</td></tr>
      {{end}}
    </tbody>
  </table>

  <!-- 可选：初始化 DataTables -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
  <script>$(document).ready(function() { $('#infoTable').DataTable(); });</script>
</body>
</html>

• {{range $info := .infos}}：遍历 .infos（即控制器传入的切片），$info 是当前项的别名（可省略，直接用 . 访问字段）。
• {{.FieldName}}：访问结构体字段（如 model.Info 的 ID, Name 等），要求字段首字母大写（导出字段）。
• {{else}} 分支：当 infos 为空切片时显示友好提示，提升用户体验。
• 时间格式化示例 {{.CreatedAt | printf "%s"}} 假设 CreatedAt 是 time.Time 类型；实际中建议在控制器中预格式化为字符串，或自定义模板函数。

? 验证与调试建议

• 确保 model.Info 结构体字段均为导出字段（首字母大写），否则模板无法访问；
• 在模板中临时添加 {{printf "%#v" .infos}} 查看原始数据结构，辅助调试；
• 使用浏览器开发者工具检查网络响应与 HTML 源码，确认数据是否已注入 DOM。

通过以上步骤，你即可实现 Go 控制器 → 模板变量 → HTML 渲染的完整链路，并为后续集成前端表格库（如 DataTables、Bootstrap Table）打下坚实基础。