tianyun 2 jaren geleden
bovenliggende
commit
f627c89cb5
3 gewijzigde bestanden met toevoegingen van 54 en 6 verwijderingen
  1. 28 2
      simple-demo/excalidraw-versions.html
  2. 25 1
      simple-demo/excalidraw_all.html
  3. 1 3
      tmp.js

+ 28 - 2
simple-demo/excalidraw-versions.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>获取参数并异步请求数据</title>
+    <title>所有版本</title>
     <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
     <script>
         $(document).ready(function () {
@@ -25,15 +25,41 @@
                                 return;
                             }
                             const url = `https://excalidraw.tianyunperfect.cn/?a=${a}&title=${title}&version=${version}`;
-                            listHtml += `<li><a href="${url}" target="_blank">${title}_${version}</a></li>`;
+                            listHtml += `<li><a href="${url}" target="_blank">${title}_${version}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <button class="delete-btn" data-a="${a}" data-title="${title}" data-version="${version}">删除</button></li>`;
                         });
 
                         // 将list页面添加到DOM中
                         $('#list').html(listHtml);
+                        // 绑定删除按钮点击事件
+                        $('.delete-btn').click(function () {
+                            if (confirm('确认要删除吗?')) {
+                                const a = $(this).data('a');
+                                const title = $(this).data('title');
+                                const version = $(this).data('version');
+                                deleteData(a, title, version);
+                            }
+                        });
                     }
                 }
             });
         });
+
+        function deleteData(a, title, version) {
+            $.ajax({
+                url: `https://api.tianyunperfect.cn/excalidraw/delete_by_id?id=${a}&version=${version}`,
+                method: 'DELETE',
+                success: function (response) {
+                    if (response.code === 1) {
+                        window.location.reload(); // 刷新页面
+                    } else {
+                        alert(response.message);
+                    }
+                },
+                error: function () {
+                    alert('删除失败');
+                }
+            });
+        }
     </script>
 </head>
 <body>

+ 25 - 1
simple-demo/excalidraw_all.html

@@ -48,14 +48,38 @@
                         let title = data[i].name;
                         let version = data[i].version;
                         let url = 'https://excalidraw.tianyunperfect.cn/?a=' + a + '&title=' + title + '&version=' + version;
-                        listHtml += '<li><a href="' + url + '" target="_blank">' + title + '_' + version + '</a></li>';
+                        listHtml += '<li><a href="' + url + '" target="_blank">' + title + '_' + version + '</a>&nbsp;&nbsp;&nbsp;<button class="delete-btn" data-id="' + a + '" data-version="' + version + '">删除</button></li>';
                     }
                     $('#list').html(listHtml);
+
+                    $('.delete-btn').click(function() {
+                        if (confirm('确认要删除吗?')) {
+                            let id = $(this).data('id');
+                            let version = $(this).data('version');
+                            deleteData(id, version);
+                        }
+                    });
                 } else {
                     alert(result.message);
                 }
             });
         }
+        function deleteData(id, version) {
+            $.ajax({
+                url: 'https://api.tianyunperfect.cn/excalidraw/delete_by_id?id=' + id + '&version=' + version,
+                type: 'DELETE',
+                success: function(result) {
+                    if (result.code === 1) {
+                        loadList($('#name').val());
+                    } else {
+                        alert(result.message);
+                    }
+                },
+                error: function() {
+                    alert('删除失败');
+                }
+            });
+        }
     });
 </script>
 </body>

+ 1 - 3
tmp.js

@@ -1,3 +1 @@
-setInterval(()=>{
-    location.reload();
-},60000)
+123