前端：重构 Web UI 代码结构

- 添加 Import Map 支持 Lit 和本地模块的简洁导入 - 创建统一的 API 管理模块 (common/api.js) - 重命名 styles/ 为 common/ 目录 - 修复分页时列选择被重置的问题 - 将 app.js 重命名为 main.js - 所有导入路径使用 ~ 别名映射
2025-10-09 15:53:58 +08:00
parent 8019f2d794
commit 4aade1cff1
20 changed files with 1349 additions and 421 deletions
--- a/webui/static/index.html
+++ b/webui/static/index.html
@@ -11,6 +11,17 @@
            rel="stylesheet"
        />
        <link rel="stylesheet" href="/static/css/styles.css" />
+        
+        <!-- Import Map for Lit and local modules -->
+        <script type="importmap">
+        {
+            "imports": {
+                "lit": "https://cdn.jsdelivr.net/gh/lit/dist@3/core/lit-core.min.js",
+                "lit/": "https://cdn.jsdelivr.net/gh/lit/dist@3/",
+                "~/": "/static/js/"
+            }
+        }
+        </script>
    </head>
    <body>
        <!-- 应用容器 -->
@@ -20,6 +31,6 @@
        <srdb-modal-dialog></srdb-modal-dialog>

        <!-- 加载 Lit 组件 -->
-        <script type="module" src="/static/js/app.js"></script>
+        <script type="module" src="/static/js/main.js"></script>
    </body>
 </html>