feat: 首页添加导出按钮，一键导出JSON格式

README.md

@@ -136,6 +136,13 @@ xian-favor/
 
 ## 版本历史
 
+- v1.3.2 (2026-04-13): 编辑和添加模态框改为大尺寸(modal-lg)
+- v1.3.1 (2026-04-13): 备注改名为详情，支持换行显示，扩大输入框
+- v1.3.0 (2026-04-13): 标签管理功能和输入自动提示
+  - 侧边栏新增"标签管理"入口
+  - 标签管理页面：显示所有标签、使用条目数、创建/删除标签
+  - 添加/编辑时标签输入支持自动提示（输入时显示匹配的已有标签）
+  - 点击提示标签快速添加
 - v1.2.1 (2026-04-13): 卡片显示两行，第二行显示内容预览
 - v1.2.0 (2026-04-13): 压缩首页卡片高度，更紧凑的列表布局
 - v1.1.1 (2026-04-13): 编辑备注改为多行输入框

xian_favor/api.py

@@ -246,6 +246,9 @@ INDEX_TEMPLATE = '''
                         <option value="todo">待办</option>
                     </select>
                 </div>
+                <button class="btn btn-outline-success me-2" onclick="exportData()" title="导出JSON">
+                    <i class="bi bi-download"></i> 导出
+                </button>
                 <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addModal">
                     <i class="bi bi-plus-lg"></i> 添加
                 </button>
@@ -295,7 +298,7 @@ INDEX_TEMPLATE = '''
 
 <!-- 添加模态框 -->
 <div class="modal fade" id="addModal" tabindex="-1">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">添加条目</h5>
@@ -360,8 +363,8 @@ INDEX_TEMPLATE = '''
                         <div id="addTagSuggestions" class="mt-1"></div>
                     </div>
                     <div class="mb-3">
-                        <label class="form-label">备注</label>
-                        <input type="text" id="addNote" class="form-control">
+                        <label class="form-label">详情/备注</label>
+                        <textarea id="addNote" class="form-control" rows="5"></textarea>
                     </div>
                 </form>
             </div>
@@ -398,7 +401,7 @@ INDEX_TEMPLATE = '''
 
 <!-- 编辑模态框 -->
 <div class="modal fade" id="editModal" tabindex="-1">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">编辑条目</h5>
@@ -458,8 +461,8 @@ INDEX_TEMPLATE = '''
                         <div id="editTagSuggestions" class="mt-1"></div>
                     </div>
                     <div class="mb-3">
-                        <label class="form-label">备注</label>
-                        <textarea id="editNote" class="form-control" rows="3"></textarea>
+                        <label class="form-label">详情/备注</label>
+                        <textarea id="editNote" class="form-control" rows="5"></textarea>
                     </div>
                 </form>
             </div>
@@ -698,7 +701,7 @@ async function showDetail(id) {
     }
     
     if (item.note) {
-        html += `<div class="mb-3"><strong>备注:</strong> ${escapeHtml(item.note)}</div>`;
+        html += `<div class="mb-3"><strong>详情/备注:</strong><br><div class="border rounded p-3 bg-light" style="white-space: pre-wrap; word-break: break-all;">${escapeHtml(item.note)}</div></div>`;
     }
     
     html += `<div class="text-muted small"><strong>创建时间:</strong> ${formatDate(item.created_at)}<br><strong>更新时间:</strong> ${formatDate(item.updated_at)}</div>`;
@@ -948,6 +951,29 @@ async function deleteTagManager(id, name) {
     loadItems();
 }
 
+// 导出数据
+async function exportData() {
+    const res = await fetch(`${API_BASE}/items?limit=1000`);
+    const data = await res.json();
+    
+    if (!data.success) {
+        alert('导出失败');
+        return;
+    }
+    
+    // 格式化JSON
+    const jsonStr = JSON.stringify(data.data, null, 2);
+    
+    // 创建下载
+    const blob = new Blob([jsonStr], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `xian_favor_export_${new Date().toISOString().slice(0,10)}.json`;
+    a.click();
+    URL.revokeObjectURL(url);
+}
+
 function debounce(fn, delay) {
     let timer;
     return function(...args) {