app #2 piano-sheet: 钢琴谱管理 / 阅读，piano.famzheng.me

后端 axum + sqlite，图片直接 BLOB 存进 pages 表（单张 ≤ 10MB / 单谱 ≤ 64 页），5 个 endpoint：multipart upload、列表、详情、单页图片（带 immutable cache header）+ healthz。前端 vue3 + pinia + vue-router，3 个视图：列表（卡片网格 + 首页缩略）、上传（拖拽 + 顺序预览）、阅读（全屏，左右点按 / 键盘 / 拖拽进度条翻页，2.5s 自动隐藏 chrome）。视图状态走 URL（reader 的当前页是 ?page=N）。部署：cube-piano-sheet ns + 10Gi PVC + traefik ingress + 一条 buffering middleware 把 body 上限抬到 700MB。镜像 < 20MB（scratch + musl 静态）。
2026-05-05 09:29:02 +01:00
parent e81f44662a
commit 28713e489f
23 changed files with 2616 additions and 0 deletions
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no">
+  <meta name="theme-color" content="#0a0e1a">
+  <title>Piano Sheet</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>