feat(web): 添加动态模板和表单编辑功能

- 新增 dynamic.go 文件处理 HTML 模板请求 - 实现模板函数 intVal用于字符串到整数转换 - 添加 edit.html 模板支持产品数据编辑- 创建 forms.go 处理表单提交和数据更新 - 新增静态文件服务支持 /static/ 路径访问 - 添加 products.html 模板显示产品列表 - 实现 JSON 数据接口 /json 返回产品列表 - 添加 Bootstrap 样式支持改善界面显示- 实现产品编辑链接和表单提交功能 - 添加输入验证和错误处理机制
2025-10-25 22:01:00 +08:00
parent f413315fae
commit 24f394e79f
9 changed files with 235 additions and 0 deletions
--- a/24-httpserver/httpserver/templates/products.html
+++ b/24-httpserver/httpserver/templates/products.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Pro Go</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="/static/bootstrap.min.css" rel="stylesheet"/>
+</head>
+<body>
+<div class="m-1 p-2 bg-primary text-white h2 text-center">
+  Products
+</div>
+<table class="table table-sm table-bordered table-striped">
+  <thead>
+  <tr>
+    <th>Index</th>
+    <th>Name</th>
+    <th>Category</th>
+    <th class="text-end">Price</th>
+    <th class="text-center">Description</th>
+  </tr>
+  </thead>
+  <tbody>
+  {{ range $index,$product := .Data }}
+  <tr>
+    <td>{{ $index }}</td>
+    <td>{{ $product.Name }}</td>
+    <td>{{ $product.Category }}</td>
+    <td class="text-end">{{ printf "$%.2f" $product.Price }}</td>
+    <th class="text-center"><a href="edit.html/index{{ $index }}">Edit</a></th>
+  </tr>
+  {{ end }}
+  </tbody>
+</table>
+
+</body>
+</html>