chengmaandClaude Opus 5
799ee33045
可运行的骨架：四个页面能打开、数据库自动建表、给 Client 的三个接口
按契约响应。业务逻辑留 35 处 TODO(骨架)，每处标明要点和文档章节。
结构（对应 docs/admin/02-architecture.md §2/§3）
- handler/web + handler/api 分开：页面要 CSRF、出错渲染错误页；
接口要认证、出错返回 JSON。混在一起迟早写错
- service 不认识 *gin.Context，方便不起服务器直接单测
- 只有 repository 能写 SQL
- 模板用 {{define "目录/名字"}}，一次全部 ParseFS 进来不冲突
- 模板和静态资源用 //go:embed 打进二进制
已实测（Go 1.23.0，本机验证）
- go build / go vet / gofmt 全部通过
- 单文件产物 34MB，无需 cgo
- 四个页面 + 静态资源均 200，/ 正确 302 到 /shopee
- 建表 7 张 + 索引 10 个，user_version=1，二次启动不重复建表
- claim 带 X-Client-Id 返回 204（无任务可领），
缺 X-Client-Id 返回 400 + 契约格式的 JSON 错误体
依赖版本被 Go 1.23.0 卡死，已钉住并写进文档
- gin v1.11.0 （v1.12.0 起要求 Go >= 1.25.0）
- modernc.org/sqlite v1.38.0（v1.40.0 起要求 >= 1.24.0，v1.48.0 起 >= 1.25.0）
- excelize v2.9.1 （尚未入 go.mod，写导入功能时再加）
直接 go get 不带版本会拉到最新版并报 requires go >= 1.25.0，
所以文档里的命令一律带版本号。要升依赖就得先升 Go。
一处主动调整：迁移语句从「一个字符串装多条 SQL」改成 [][]string 逐条执行。
database/sql 的 Exec 对一次多条语句的支持因驱动而异，拆开最稳妥，
报错还能精确到第几条。
说明：Gitea 尚未配置，本次无对应工单号。
admin/testdata/ 只有 README，脱敏小样本需人工制作。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
66 lines
2.3 KiB
HTML
66 lines
2.3 KiB
HTML
{{define "shopee/list"}}
|
|
{{template "header" .}}
|
|
|
|
{{/* ── 第一段：顶部工具条 ────────────────────────────── */}}
|
|
<div class="toolbar">
|
|
<form class="inline" method="post" action="/shopee/import" enctype="multipart/form-data">
|
|
<input type="file" name="file" accept=".xlsx" required>
|
|
<button type="submit">导入 Excel</button>
|
|
</form>
|
|
|
|
<form class="inline" method="post" action="/shopee/collect">
|
|
<button type="submit" data-need-checked>批量采集</button>
|
|
</form>
|
|
|
|
<form class="inline grow" method="get" action="/shopee">
|
|
<label for="q">商品 ID</label>
|
|
<input id="q" type="text" name="goods_id" value="{{.Keyword}}" placeholder="商品 ID">
|
|
<button type="submit">搜索</button>
|
|
</form>
|
|
|
|
<form class="inline" method="post" action="/shopee/delete"
|
|
data-confirm-delete>
|
|
<button type="submit" class="danger" data-need-checked>删除</button>
|
|
</form>
|
|
</div>
|
|
|
|
{{/* ── 第二段：带勾选的表格 ──────────────────────────── */}}
|
|
<div class="table-wrap">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th class="col-check"><input type="checkbox" data-check-all></th>
|
|
<th>商品 ID</th>
|
|
<th>商品名称</th>
|
|
<th>颜色</th>
|
|
<th>尺码</th>
|
|
<th>建议</th>
|
|
<th>PDD 链接</th>
|
|
<th>采集状态</th>
|
|
<th>更新时间</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .Rows}}
|
|
{{/* TODO(骨架): 行渲染。解析失败的行整行标黄（class="row-warn"），
|
|
PDD 链接为空的显示"未填写"并标红。双击行打开编辑弹窗。 */}}
|
|
{{else}}
|
|
<tr class="empty">
|
|
<td colspan="9">
|
|
还没有数据，点左上角「导入 Excel」开始。<br>
|
|
<small>样本文件不在仓库里，需向项目负责人索取，放到 raw_data/ 下。</small>
|
|
</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
{{/* TODO(骨架): 编辑弹窗 templates/shopee/edit_modal.html
|
|
这是 PDD 链接唯一的录入口，采集按钮也只出现在这里——
|
|
不要放到表格每一行，一个商品有 N 个 SKU 行，
|
|
放行上就是 N 个按钮干同一件事，还会建出 N 个重复任务。 */}}
|
|
|
|
{{template "footer" .}}
|
|
{{end}}
|