From 4291fc1f87e0583aa7a4fb6d39de5d434fb8e344 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E7=8E=89=E6=9D=AD?= <2150097635@example.com>
Date: Sun, 14 Apr 2024 23:41:52 +0800
Subject: [PATCH] ,

---
 .../20240407_\345\244\215\344\271\240.md"     |   0
 .../20240409_\345\244\215\344\271\240.md"     | 153 ++++++++++++++++++
 2 files changed, 153 insertions(+)
 rename "\351\273\204\347\216\211\346\235\255/20240407_\345\244\215\344\271\240" => "\351\273\204\347\216\211\346\235\255/20240407_\345\244\215\344\271\240.md" (100%)
 create mode 100644 "\351\273\204\347\216\211\346\235\255/20240409_\345\244\215\344\271\240.md"
diff --git "a/\351\273\204\347\216\211\346\235\255/20240407_\345\244\215\344\271\240" "b/\351\273\204\347\216\211\346\235\255/20240407_\345\244\215\344\271\240.md"
similarity index 100%
rename from "\351\273\204\347\216\211\346\235\255/20240407_\345\244\215\344\271\240"
rename to "\351\273\204\347\216\211\346\235\255/20240407_\345\244\215\344\271\240.md"
diff --git "a/\351\273\204\347\216\211\346\235\255/20240409_\345\244\215\344\271\240.md" "b/\351\273\204\347\216\211\346\235\255/20240409_\345\244\215\344\271\240.md"
new file mode 100644
index 0000000..e520f3f
--- /dev/null
+++ "b/\351\273\204\347\216\211\346\235\255/20240409_\345\244\215\344\271\240.md"
@@ -0,0 +1,153 @@
+```js
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>CRUD Demo</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background-color: #f4f4f4;
+      margin: 0;
+      padding: 0;
+    }
+
+    .container {
+      max-width: 800px;
+      margin: 20px auto;
+      padding: 20px;
+      background-color: #fff;
+      border-radius: 5px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    }
+
+    h1 {
+      text-align: center;
+      color: #333;
+    }
+
+    button {
+      padding: 5px 10px;
+      background-color: #007bff;
+      color: #fff;
+      border: none;
+      border-radius: 3px;
+      cursor: pointer;
+    }
+
+    button:hover {
+      background-color: #0056b3;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="container">
+    <h1>CRUD Demo</h1>
+    <button id="createBtn" onclick="btnAdd()">创建</button>
+    <input type="text" id="searchInput" placeholder="Search by name">
+    <button id="searchBtn" onclick="btnFind()">查找</button>
+    <table id="dataTable" border="1" cellspacing="0" cellpadding="5" width="100%">
+      <thead>
+        <tr>
+          <th>ID</th>
+          <th>导演演</th>
+          <th>主演</th>
+          <th>评分</th>
+          <th>标签</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody id="dataBody">
+        <!-- Data will be populated here -->
+      </tbody>
+    </table>
+  </div>
+
+
+  <script src="./statics/js/jquery-3.7.1.min.js"></script>
+  <script src="./statics/js/axios.min.js"></script>
+  <script src="./statics/js/index.js"></script>
+</body>
+
+</html>
+```
+
+```js
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Edit Data</title>
+<style>
+    body {
+        font-family: Arial, sans-serif;
+        background-color: #f4f4f4;
+        margin: 0;
+        padding: 0;
+    }
+    .container {
+        max-width: 800px;
+        margin: 20px auto;
+        padding: 20px;
+        background-color: #fff;
+        border-radius: 5px;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    }
+    h1 {
+        text-align: center;
+        color: #333;
+    }
+    input {
+        width: 100%;
+        padding: 5px;
+        margin-bottom: 10px;
+    }
+    button {
+        padding: 5px 10px;
+        background-color: #007bff;
+        color: #fff;
+        border: none;
+        border-radius: 3px;
+        cursor: pointer;
+    }
+    button:hover {
+        background-color: #0056b3;
+    }
+</style>
+</head>
+<body>
+<div class="container">
+    <h1>Edit Data</h1>
+    <input type="text" id="nameInput" placeholder="Name">
+    <input type="email" id="emailInput" placeholder="Email">
+    <button id="saveBtn">Save</button>
+</div>
+
+<script>
+    const urlParams = new URLSearchParams(window.location.search);
+    const id = urlParams.get('id');
+
+    // Assuming data is fetched based on ID from a database
+    const data = { id: 1, name: 'Alice', email: 'alice@example.com' };
+
+    document.getElementById('nameInput').value = data.name;
+    document.getElementById('emailInput').value = data.email;
+
+    document.getElementById('saveBtn').addEventListener('click', () => {
+        const newName = document.getElementById('nameInput').value;
+        const newEmail = document.getElementById('emailInput').value;
+        // Implement save functionality here
+        alert(`Save data with Name: ${newName} and Email: ${newEmail}`);
+        // Redirect back to main page after saving
+        window.location.href = 'index.html';
+    });
+</script>
+</body>
+</html>
+
+```
+
-- 
Gitee

