diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/.gitignore" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/.gitignore"
new file mode 100644
index 0000000000000000000000000000000000000000..13566b81b018ad684f3a35fee301741b2734c8f4
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/.gitignore"	
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250.iml" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250.iml"
new file mode 100644
index 0000000000000000000000000000000000000000..d6ebd4805981b8400db3e3291c74a743fef9a824
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250.iml"	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/misc.xml" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/misc.xml"
new file mode 100644
index 0000000000000000000000000000000000000000..4444b225ec4692b35c8243a8ba6202e06da2f002
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/misc.xml"	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_22" default="true" project-jdk-name="openjdk-22" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/modules.xml" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/modules.xml"
new file mode 100644
index 0000000000000000000000000000000000000000..20519c1044700732dca280f60ef908a415a61fbe
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/.idea/modules.xml"	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/20241125 综合案例-学生统计表.iml" filepath="$PROJECT_DIR$/.idea/20241125 综合案例-学生统计表.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/01.html" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9887c0fa85ff041050dd07b11c13e9f147ff9328
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/01.html"	
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<script>
+    const data = new Date()
+    console.log(data.toLocaleString())
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/css/index.css" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/css/index.css"
new file mode 100644
index 0000000000000000000000000000000000000000..15f6a7431d8a087c98dfb2966c6d84a2765ad9c0
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/css/index.css"	
@@ -0,0 +1,115 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  text-decoration: none;
+  color: #721c24;
+}
+
+h1 {
+  text-align: center;
+  color: #333;
+  margin: 20px 0;
+
+}
+
+.title {
+  width: 933px;
+  height: 50px;
+  line-height: 50px;
+  padding-right: 15px;
+  border: 1px solid #ebebeb;
+  margin: 10px auto;
+  background-color: #f2f2f2;
+  text-align: right;
+}
+
+.title span {
+  display: inline-block;
+  vertical-align: middle;
+  height: 20px;
+  margin: -3px 5px 0;
+  text-align: center;
+  line-height: 20px;
+  color: #f26934;
+  font-weight: 700;
+}
+
+table {
+  margin: 0 auto;
+  width: 950px;
+  border-collapse: collapse;
+  color: #3c3637;
+}
+
+th {
+  padding: 10px;
+  background: #f2f2f2;
+  font-size: 18px;
+  text-align: left;
+}
+
+td,
+th {
+  border: 1px solid #ebebeb;
+  padding: 15px;
+}
+
+td {
+
+  color: #666;
+  font-size: 16px;
+
+}
+
+tbody tr {
+  background: #fff;
+}
+
+tbody tr:hover {
+  background: #fbfafa;
+}
+
+tbody a {
+  display: inline-block;
+  width: 80px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  color: #fff;
+  background-color: #f26934;
+}
+
+.info {
+  width: 900px;
+  margin: 50px auto;
+  text-align: center;
+}
+
+.info input,
+.info select {
+  width: 100px;
+  height: 30px;
+  outline: none;
+  border: 1px solid #ebebeb;
+  padding-left: 5px;
+  box-sizing: border-box;
+  margin-right: 10px;
+}
+
+.info button {
+  width: 70px;
+  height: 30px;
+  background-color: #5dbfd8;
+  outline: none;
+  border: 0;
+  color: #fff;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.info button:hover {
+  background-color: #52abc1;
+}
\ No newline at end of file
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.css" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..1802c2de24ba33c0e25a2c8b7dff3fa93445edb3
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.css"	
@@ -0,0 +1,23 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3873122 */
+  src: url('iconfont.woff2?t=1675070457031') format('woff2'),
+       url('iconfont.woff?t=1675070457031') format('woff'),
+       url('iconfont.ttf?t=1675070457031') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-shanchu:before {
+  content: "\e718";
+}
+
+.icon-tianjia:before {
+  content: "\e6de";
+}
+
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.ttf" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..978d156764de22c6e963066d227697ef2eb3b7c4
Binary files /dev/null and "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.ttf" differ
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.woff" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..245803ee03a4b2912429c2ec656c235fd0718778
Binary files /dev/null and "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.woff" differ
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.woff2" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..1f5c13a14971fffe970a081b8e91db71583d9dbf
Binary files /dev/null and "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/iconfont/iconfont.woff2" differ
diff --git "a/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/\345\255\246\347\224\237\345\260\261\344\270\232\347\273\237\350\256\241\350\241\250\346\241\210\344\276\213.html" "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/\345\255\246\347\224\237\345\260\261\344\270\232\347\273\237\350\256\241\350\241\250\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3a194866f4be5fe727905479cc1b99855f8c348c
--- /dev/null
+++ "b/\345\275\255\346\260\270\347\233\233/20241125 \347\273\274\345\220\210\346\241\210\344\276\213-\345\255\246\347\224\237\347\273\237\350\256\241\350\241\250/\345\255\246\347\224\237\345\260\261\344\270\232\347\273\237\350\256\241\350\241\250\346\241\210\344\276\213.html"	
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>学生就业统计表</title>
+    <link rel="stylesheet" href="./iconfont/iconfont.css">
+    <link rel="stylesheet" href="css/index.css"/>
+</head>
+
+<body>
+<h1>学生就业统计表</h1>
+<form class="info" autocomplete="off">
+    <input type="text" class="uname" name="uname" placeholder="姓名"/>
+    <input type="text" class="age" name="age" placeholder="年龄"/>
+    <input type="text" class="salary" name="salary" placeholder="薪资"/>
+    <select name="gender" class="gender">
+        <option value="男">男</option>
+        <option value="女">女</option>
+    </select>
+    <select name="city" class="city">
+        <option value="北京">北京</option>
+        <option value="上海">上海</option>
+        <option value="广州">广州</option>
+        <option value="深圳">深圳</option>
+        <option value="曹县">曹县</option>
+    </select>
+    <button class="add">
+        <i class="iconfont icon-tianjia"></i>添加
+    </button>
+</form>
+
+<div class="title">共有数据<span>0</span>条</div>
+<table>
+    <thead>
+    <tr>
+        <th>ID</th>
+        <th>姓名</th>
+        <th>年龄</th>
+        <th>性别</th>
+        <th>薪资</th>
+        <th>就业城市</th>
+        <th>录入时间</th>
+        <th>操作</th>
+    </tr>
+    </thead>
+    <tbody>
+    <!-- <tr>
+      <td>1</td>
+      <td>迪丽热巴</td>
+      <td>23</td>
+      <td>女</td>
+      <td>12000</td>
+      <td>北京</td>
+      <td>2099/9/9 08:08:08</td>
+      <td>
+        <a href="javascript:">
+          <i class="iconfont icon-shanchu"></i>
+          删除
+        </a>
+      </td>
+    </tr> -->
+    </tbody>
+</table>
+<script>
+    const data = localStorage.getItem('stuData')
+    // 参考数据
+    const initData = data ? JSON.parse(data) : [
+        {
+            stuId: 1,
+            uname: '迪丽热巴',
+            age: 22,
+            salary: '12000',
+            gender: '女',
+            city: '北京',
+            time: '2099/9/9 08:08:08'
+        }
+    ]
+
+    function fn() {
+        const newdata = initData.map(function (item, i) {
+            const date = new Date(item.time)
+            return `<tr>
+                <td>${item.stuId}</td>
+                <td>${item.uname}</td>
+                <td>${item.age}</td>
+                <td>${item.salary}</td>
+                <td>${item.gender}</td>
+                <td>${item.city}</td>
+                <td>${date.toLocaleString()}</td>
+                <td><a data-id="${i}">删除</a></td>
+            </tr>`
+        })
+        document.querySelector('tbody').innerHTML = newdata.join('')
+    }
+
+    fn()
+    // console.log(from)
+    const add = document.querySelector('.info')
+    add.addEventListener('submit', function (e) {
+        e.preventDefault()
+        const stui = initData.length ? initData[initData.length - 1].stuId + 1 : 1
+        const time = new Date()
+        const stu = {stuId: stui, time: time}
+        const arr = document.querySelectorAll('form [name]')
+        for (let i = 0; i < arr.length; i++) {
+            if (!arr[i].value) {
+                alert(`不许为空`)
+                break;
+            }
+            const item = arr[i]
+            stu[item.name] = item.value
+        }
+
+        console.log(stu)
+        initData.push(stu)
+        console.log(initData)
+        localStorage.setItem('stuData', JSON.stringify(initData))
+        this.reset()
+        fn()
+    })
+    const del = document.querySelector('table')
+    del.addEventListener('click', function (e) {
+        console.log(e.target.tagName)
+        if (e.target.tagName === 'A') {
+            const a = confirm('确定要删除吗')
+            console.log(a)
+            if (a == true) {
+                initData.splice(e.target.dataset.id, 1)
+                const b = e.target.dataset.id
+                console.log(b)
+                localStorage.setItem('stuData', JSON.stringify(initData))
+                fn()
+            }
+        }
+
+    })
+</script>
+</body>
+
+</html>
\ No newline at end of file