From e04d6a3a3b5ed7f00c4e453f89142041cbbde09b Mon Sep 17 00:00:00 2001
From: yuxing <yuxing.yang1@outlook.com>
Date: Wed, 7 May 2025 17:00:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AD=A6=E7=94=9F=E5=90=8D?=
 =?UTF-8?q?=E5=8D=95=E8=BD=BD=E5=85=A5=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 课堂点名小程序/课堂随机点名v1.7.html | 450 ++++++++++++++++-----------
 1 file changed, 264 insertions(+), 186 deletions(-)

diff --git a/课堂点名小程序/课堂随机点名v1.7.html b/课堂点名小程序/课堂随机点名v1.7.html
index 6485503..4f7e90e 100644
--- a/课堂点名小程序/课堂随机点名v1.7.html
+++ b/课堂点名小程序/课堂随机点名v1.7.html
@@ -76,7 +76,7 @@
             background: #3498db;
             color: white;
             cursor: pointer;
-            transition: transform 0.2s;
+            transition: transform 0.2s, background-color 0.2s;
             box-shadow: 0 4px 6px rgba(0,0,0,0.1);
         }
 
@@ -84,6 +84,17 @@
             transform: translateY(-2px);
             background: #2980b9;
         }
+        button:disabled {
+            background: #bdc3c7 !important; /* Ensure high specificity for disabled background */
+            cursor: not-allowed;
+            transform: none;
+            box-shadow: none;
+        }
+        button:disabled:hover {
+            background: #bdc3c7 !important; /* Keep disabled background on hover */
+            transform: none;
+        }
+
 
         #speedControl {
             width: 200px;
@@ -110,12 +121,10 @@
 
         .export-btn {
             background: #27ae60 !important;
-            margin-top: 10px;
         }
 
         .clear-btn {
             background: #e74c3c !important;
-            margin-top: 10px;
         }
 
         .mark-absent-btn {
@@ -137,183 +146,229 @@
     <div class="container">
         <h1 id="title">课堂点名小程序</h1>
         <div id="counter">已点名: 0/0 人</div>
-        <div id="display">点击开始</div>
+        <div id="display">请先加载学生名单</div>
         <div class="controls">
+            <div>
+                <label for="fileInput" style="font-size: 1em; color: #555;">加载学生名单 (UTF-8 .txt文件):</label><br>
+                <input type="file" id="fileInput" accept=".txt" style="margin: 5px 0 15px 0; padding: 5px; border-radius: 5px; border: 1px solid #ccc;">
+                <p style="font-size: 0.8em; color: #666; margin-top: -10px; margin-bottom: 10px;">
+                    格式: 每行一人, 学号,姓名,拼音 (例如: <code>1001,张三,Zhang San</code>)<br>
+                    或 学号,姓名 (例如: <code>1002,李四</code>)。以 <code>#</code> 开头的行为注释。
+                </p>
+            </div>
             <input type="range" id="speedControl" min="1" max="10" value="5">
             <div class="button-group">
-                <button onclick="toggleRoll()">开始点名</button>
-                <button onclick="markAbsent()" class="mark-absent-btn">标记未到场</button>
+                <button id="rollButton" onclick="toggleRoll()">开始点名</button>
+                <button id="markAbsentButton" onclick="markAbsent()" class="mark-absent-btn">标记未到场</button>
             </div>
-            <button class="export-btn" onclick="exportAbsentList()">导出未到场名单</button>
+            <button id="exportButton" class="export-btn" onclick="exportAbsentList()">导出未到场名单</button>
             <button class="clear-btn" onclick="clearStorage()">清空考勤数据</button>
         </div>
     </div>
 
-    <script> //学生名单由此输入
-        let names = [
-    { id: "3216217112", name: "戴旭斌", pinyin: "Dài Xùbīn" },
-    { id: "3225201002", name: "张翔", pinyin: "Zhāng Xiáng" },
-    { id: "3225303021", name: "沈镐棚", pinyin: "Shěn Gàopéng" },
-    { id: "3226217001*", name: "艾力坎木·麦麦提", pinyin: "Àilǐkǎnmù·Màimàití" },
-    { id: "3226217002", name: "王诚嘉仪", pinyin: "Wáng Chéngjiāyí" },
-    { id: "3226217003", name: "陈亭文", pinyin: "Chén Tíngwén" },
-    { id: "3226217004", name: "周慧琳", pinyin: "Zhōu Huìlín" },
-    { id: "3226217005", name: "蔡启轩", pinyin: "Cài Qǐxuān" },
-    { id: "3226217007", name: "蔡慧敏", pinyin: "Cài Huìmǐn" },
-    { id: "3226217008", name: "林淑雯", pinyin: "Lín Shùwén" },
-    { id: "3226217011", name: "林莹", pinyin: "Lín Yíng" },
-    { id: "3226217012", name: "王钦昊", pinyin: "Wáng Qínhào" },
-    { id: "3226217013", name: "刘恒", pinyin: "Liú Héng" },
-    { id: "3226217015", name: "连征宇", pinyin: "Lián Zhēngyǔ" },
-    { id: "3226217017", name: "陈王斌", pinyin: "Chén Wángbīn" },
-    { id: "3226217019", name: "张旺", pinyin: "Zhāng Wàng" },
-    { id: "3226217020", name: "陈锦杨", pinyin: "Chén Jǐnyáng" },
-    { id: "3226217021", name: "张柏宗", pinyin: "Zhāng Bǎizōng" },
-    { id: "3226217024", name: "许昊", pinyin: "Xǔ Hào" },
-    { id: "3226217025", name: "高健", pinyin: "Gāo Jiàn" },
-    { id: "3226217026", name: "陈鸿铭", pinyin: "Chén Hóngmíng" },
-    { id: "3226217027", name: "艾志龙", pinyin: "Ài Zhìlóng" },
-    { id: "3226217029", name: "吴文翔", pinyin: "Wú Wénxiáng" },
-    { id: "3226217030", name: "邱炜彬", pinyin: "Qiū Wěibīn" },
-    { id: "3226217031", name: "童伟烽", pinyin: "Tóng Wěifēng" },
-    { id: "3226217032", name: "杨家蓥", pinyin: "Yáng Jiāyíng" },
-    { id: "3226217033", name: "范龙翔", pinyin: "Fàn Lóngxiáng" },
-    { id: "3226217034", name: "柳晓鑫", pinyin: "Liǔ Xiǎoxīn" },
-    { id: "3226217035", name: "韩俊阳", pinyin: "Hán Jùnyáng" },
-    { id: "3226217038", name: "谢楸荣", pinyin: "Xiè Qiūróng" },
-    { id: "3226217040", name: "杨嘉正", pinyin: "Yáng Jiāzhèng" },
-    { id: "3226217042", name: "何世杰", pinyin: "Hé Shìjié" },
-    { id: "3226217043", name: "范志强", pinyin: "Fàn Zhìqiáng" },
-    { id: "3226217044", name: "沈金豪", pinyin: "Shěn Jīnháo" },
-    { id: "3225602050", name: "张智翔", pinyin: "Zhāng Zhìxiáng" },
-    { id: "3226217045*", name: "肖凯提·吾布力", pinyin: "Xiào Kǎidī·Wūbùlì" },
-    { id: "3226217046", name: "张成鑫", pinyin: "Zhāng Chéngxīn" },
-    { id: "3226217047", name: "余晨湘", pinyin: "Yú Chénxiāng" },
-    { id: "3226217048", name: "夏仲晨", pinyin: "Xià Zhòngchén" },
-    { id: "3226217050", name: "夏敏鑫", pinyin: "Xià Mǐnxīn" },
-    { id: "3226217054", name: "杨珮孺", pinyin: "Yáng Pèirú" },
-    { id: "3226217055", name: "杨光辉", pinyin: "Yáng Guānghuī" },
-    { id: "3226217057", name: "郑泽煜", pinyin: "Zhèng Zéyù" },
-    { id: "3226217058", name: "林怡恒", pinyin: "Lín Yíhén" },
-    { id: "3226217059", name: "杨益坤", pinyin: "Yáng Yìkūn" },
-    { id: "3226217062", name: "陈申恒", pinyin: "Chén Shēnhéng" },
-    { id: "3226217063", name: "林弘毅", pinyin: "Lín Hóngyì" },
-    { id: "3226217065", name: "赵子睿", pinyin: "Zhào Zǐruì" },
-    { id: "3226217068", name: "王哲", pinyin: "Wáng Zhé" },
-    { id: "3226217069", name: "卢榕平", pinyin: "Lú Róngpíng" },
-    { id: "3226217070", name: "林德尧", pinyin: "Lín Déyáo" },
-    { id: "3226217074", name: "邱林冰", pinyin: "Qiū Lín Bīng" },
-    { id: "3226217078", name: "陈斌", pinyin: "Chén Bīn" },
-    { id: "3226217079", name: "林忠阳", pinyin: "Lín Zhōngyáng" },
-    { id: "3226217080", name: "徐桓煊", pinyin: "Xú Huánxuān" },
-    { id: "3226217081", name: "许益忠", pinyin: "Xǔ Yìzhōng" },
-    { id: "3226217082", name: "陈其锋", pinyin: "Chén Qífēng" },
-    { id: "3226217084", name: "林成烁", pinyin: "Lín Chéngshuò" },
-    { id: "3226217087", name: "叶宇晨", pinyin: "Yè Yǔchén" },
-    { id: "3226217089", name: "罗举汉", pinyin: "Luó Jǔhàn" },
-    { id: "3226217090", name: "雷贺棋", pinyin: "Léi Hèqí" },
-    { id: "3226217095", name: "陈佳垚", pinyin: "Chén Jiāyáo" },
-    { id: "3226217097", name: "李诗燕", pinyin: "Lǐ Shīyàn" },
-    { id: "3226217099", name: "叶荫华", pinyin: "Yè Yīnhuá" },
-    { id: "3226217103", name: "寿高弘", pinyin: "Shòu Gāohóng" },
-    { id: "3226217105", name: "杨俊龙", pinyin: "Yáng Jùnlóng" },
-    { id: "3226217109", name: "郑力天", pinyin: "Zhèng Lìtiān" },
-    { id: "3226217110", name: "杨松涛", pinyin: "Yáng Sōngtāo" },
-    { id: "3226217111", name: "王俊仁", pinyin: "Wáng Jùnrén" },
-    { id: "3226217113", name: "钟梓健", pinyin: "Zhōng Zǐjiàn" },
-    { id: "3196202063*", name: "闫丁", pinyin: "Yán Dīng" },
-    { id: "3226217114", name: "周兴城", pinyin: "Zhōu Xīngchéng" },
-    { id: "3226217117", name: "李庚儒", pinyin: "Lǐ Gēngrú" },
-    { id: "3226217119", name: "杨锦", pinyin: "Yáng Jǐn" },
-    { id: "3226217121", name: "林志", pinyin: "Lín Zhì" },
-    { id: "3226217122", name: "郑如龙", pinyin: "Zhèng Rúlóng" },
-    { id: "3226217123", name: "林雨盛", pinyin: "Lín Yǔshèng" },
-    { id: "3226217127", name: "肖镇国", pinyin: "Xiào Zhènguó" },
-    { id: "3226217129", name: "陈佳玮", pinyin: "Chén Jiāwěi" },
-    { id: "3226217130", name: "陈昊", pinyin: "Chén Hào" },
-    { id: "3226217131", name: "余少宇", pinyin: "Yú Shǎoyǔ" },
-    { id: "3226217134", name: "何恒康", pinyin: "Hé Héngkāng" },
-    { id: "3226217135", name: "李雨蝶", pinyin: "Lǐ Yǔdié" },
-    { id: "3226217138", name: "李蓥", pinyin: "Lǐ Yíng" },
-    { id: "3226217142", name: "缪宇昕", pinyin: "Miù Yǔxīn" },
-    { id: "3226217145", name: "刘智洋", pinyin: "Liú Zhìyáng" },
-    { id: "3226217146", name: "周祺政", pinyin: "Zhōu Qízhèng" },
-    { id: "3226217147", name: "杨振邦", pinyin: "Yáng Zhènbāng" },
-    { id: "3226217148", name: "黄以平", pinyin: "Huáng Yǐpíng" },
-    { id: "3226217149", name: "李麒炫", pinyin: "Lǐ Qíxuàn" },
-    { id: "3226217150", name: "李明坤", pinyin: "Lǐ Míngkūn" },
-    { id: "3226217151", name: "许书杰", pinyin: "Xǔ Shūjié" },
-    { id: "3226217152", name: "郑文斌", pinyin: "Zhèng Wénbīn" },
-    { id: "3226217153", name: "黄朝阳", pinyin: "Huáng Zhāoyáng" },
-    { id: "3226217155", name: "余浩扬", pinyin: "Yú Hàoyáng" },
-    { id: "3226217157", name: "周炫", pinyin: "Zhōu Xuàn" },
-    { id: "3226217158", name: "吴荆", pinyin: "Wú Jīng" },
-    { id: "3226217159", name: "赖兴翀", pinyin: "Lài Xīngchōng" },
-    { id: "3226217160", name: "刘城滨", pinyin: "Liú Chéngbīn" },
-    { id: "3226217161", name: "陈豪", pinyin: "Chén Háo" },
-    { id: "3226217162", name: "郭霄楗", pinyin: "Guō Xiāojiàn" },
-    { id: "3226217164", name: "林城超", pinyin: "Lín Chéngchāo" },
-    { id: "3226217166", name: "朱晓阳", pinyin: "Zhū Xiǎoyáng" },
-    { id: "3226217169", name: "叶斌杰", pinyin: "Yè Bīnjié" },
-    { id: "3226217172", name: "李兴奕", pinyin: "Lǐ Xīngyì" },
-    { id: "3226217173", name: "林泽棋", pinyin: "Lín Zéqí" },
-    { id: "3226217174", name: "柯沁阳", pinyin: "Kē Qìnyáng" },
-    { id: "3227623034", name: "林迪文", pinyin: "Lín Díwén" }
-];
-
+    <script>
+        let names = []; // Student list will be loaded from file or localStorage
         let isRolling = false;
         let intervalId;
         let currentStudent = null;
         const display = document.getElementById('display');
         const speedControl = document.getElementById('speedControl');
-        let calledStudents = []; // 新增已点名学生数组
+        let calledStudents = []; 
 
-        // 更新计数器显示
-        function updateCounter() {
-            const counter = document.getElementById('counter');
-            const totalStudents = names.filter(student => !student.absent).length;
-            counter.textContent = `已点名: ${calledStudents.length}/${totalStudents} 人`;
+        const rollButton = document.getElementById('rollButton');
+        const markAbsentButton = document.getElementById('markAbsentButton');
+        const exportButton = document.getElementById('exportButton');
+
+        function setControlsEnabled(enabled) {
+            rollButton.disabled = !enabled;
+            markAbsentButton.disabled = !enabled;
+            exportButton.disabled = !enabled;
+            
+            if (!enabled) {
+                display.textContent = "请先加载学生名单";
+                 if (isRolling) stopRoll(); // Stop rolling if controls are disabled
+            } else if (names.length > 0 && (display.textContent === "请先加载学生名单" || display.textContent === "所有学生均已点过")) {
+                display.textContent = "点击开始";
+            }
+        }
+
+        function updateCounter() {
+            const counter = document.getElementById('counter');
+            const totalAvailableStudents = names.filter(student => !student.absent).length;
+            counter.textContent = `已点名: ${calledStudents.length}/${totalAvailableStudents} 人 (总人数: ${names.length})`;
         }
 
-        // 初始化加载本地存储数据
         document.addEventListener('DOMContentLoaded', () => {
-            const savedData = localStorage.getItem('attendanceData');
-            if (savedData) {
-                names = JSON.parse(savedData);
-            }
-            
             const customTitle = prompt("请输入课堂名称：") || "杨老师的课堂";
             document.getElementById('title').textContent = `${customTitle}点名系统`;
             
-            // 初始化计数器
+            const savedAttendanceData = localStorage.getItem('attendanceData');
+            if (savedAttendanceData) {
+                try {
+                    const parsedNames = JSON.parse(savedAttendanceData);
+                    if (Array.isArray(parsedNames)) {
+                         names = parsedNames;
+                    } else {
+                        names = [];
+                        console.warn("localStorage 'attendanceData' was not an array.");
+                    }
+                } catch (e) {
+                    console.error("Error parsing 'attendanceData' from localStorage:", e);
+                    names = [];
+                }
+            }
+
+            const savedCalledStudents = localStorage.getItem('calledStudentsData');
+            if (savedCalledStudents) {
+                try {
+                    const parsedCalled = JSON.parse(savedCalledStudents);
+                    if (Array.isArray(parsedCalled)) {
+                        // Filter calledStudents to ensure they are still in the current names list (if names loaded)
+                        const currentIds = new Set(names.map(s => s.id));
+                        calledStudents = parsedCalled.filter(id => currentIds.has(id));
+                    } else {
+                        calledStudents = [];
+                         console.warn("localStorage 'calledStudentsData' was not an array.");
+                    }
+                } catch (e) {
+                    console.error("Error parsing 'calledStudentsData' from localStorage:", e);
+                    calledStudents = [];
+                }
+            }
+            
+            document.getElementById('fileInput').addEventListener('change', handleFileSelect);
+            
             updateCounter();
+            setControlsEnabled(names.length > 0);
         });
 
+        function handleFileSelect(event) {
+            const file = event.target.files[0];
+            if (file) {
+                if (file.type === "text/plain" || file.name.endsWith(".txt")) {
+                    const reader = new FileReader();
+                    reader.onload = (e) => {
+                        const fileContent = e.target.result;
+                        const newStudentsFromFile = parseStudentFile(fileContent);
+
+                        if (newStudentsFromFile.length > 0) {
+                            // Try to get existing absent statuses from localStorage for merging
+                            const existingAttendanceData = JSON.parse(localStorage.getItem('attendanceData') || '[]');
+                            const attendanceMap = new Map();
+                            if (Array.isArray(existingAttendanceData)) {
+                                existingAttendanceData.forEach(s => {
+                                    if (s.absent) { // Only map students marked absent
+                                        attendanceMap.set(s.id, true);
+                                    }
+                                });
+                            }
+
+                            // Create the new 'names' array from the file, merging absence status
+                            names = newStudentsFromFile.map(student => ({
+                                ...student,
+                                absent: attendanceMap.get(student.id) || false // Default to not absent
+                            }));
+                            
+                            calledStudents = []; // Reset called students when a new list is loaded
+                            localStorage.setItem('attendanceData', JSON.stringify(names)); // Save new master list
+                            localStorage.removeItem('calledStudentsData'); // Clear old called students list
+
+                            alert(`${names.length}名学生已从文件加载。\n已尝试合并之前记录的缺勤状态。\n已点名计数已重置。`);
+                            currentStudent = null; // Reset current student selection
+                            updateCounter();
+                            setControlsEnabled(true);
+                        } else {
+                            alert("文件为空或格式无法解析。\n请确保文件为UTF-8编码，每行格式为：\n学号,姓名,拼音 (可选)\n或 学号,姓名\n以 # 开头的行为注释。");
+                             // Reset file input if parsing fails or empty so user can re-select
+                            document.getElementById('fileInput').value = null;
+                        }
+                    };
+                    reader.onerror = () => {
+                        alert("读取文件失败！");
+                        setControlsEnabled(names.length > 0); 
+                    };
+                    reader.readAsText(file, 'UTF-8');
+                } else {
+                    alert("请选择一个 .txt 文件。");
+                    document.getElementById('fileInput').value = null; // Reset if wrong file type
+                }
+            }
+        }
+
+        function parseStudentFile(content) {
+            const lines = content.split(/\r?\n/);
+            const students = [];
+            const ids = new Set(); // To check for duplicate IDs
+            lines.forEach((line, index) => {
+                line = line.trim();
+                if (line && !line.startsWith("#")) { 
+                    const parts = line.split(',');
+                    if (parts.length >= 2) {
+                        const id = parts[0].trim();
+                        const name = parts[1].trim();
+                        if (id && name) { // Ensure ID and Name are not empty
+                           if (ids.has(id)) {
+                                console.warn(`Skipping line ${index + 1} due to duplicate ID: ${id}`);
+                                alert(`警告: 文件中发现重复学号 "${id}" (行 ${index + 1})，该重复条目已被忽略。`);
+                           } else {
+                                students.push({ 
+                                    id: id, 
+                                    name: name, 
+                                    pinyin: (parts[2] || "").trim()
+                                });
+                                ids.add(id);
+                           }
+                        } else {
+                             console.warn(`Skipping line ${index + 1} due to empty ID or Name: ${line}`);
+                        }
+                    } else if (line) { // Non-empty line that doesn't have enough parts
+                        console.warn(`Skipping line ${index + 1} due to incorrect format (not enough parts): ${line}`);
+                    }
+                }
+            });
+            return students;
+        }
+
         function toggleRoll() {
+            if (names.length === 0) {
+                alert("请先加载学生名单。");
+                return;
+            }
             !isRolling ? startRoll() : stopRoll();
         }
 
         function startRoll() {
-            // 修改可用学生过滤条件，排除已点名和未到场的
             const availableStudents = names.filter(student => 
                 !student.absent && !calledStudents.includes(student.id)
             );
 
             if (availableStudents.length === 0) {
-                alert("所有学生都已点名完毕！");
+                 isRolling = false; 
+                 rollButton.textContent = "开始点名";
+                if (names.length === 0) { 
+                     display.textContent = "请先加载学生名单";
+                     alert("没有学生名单可供点名。");
+                } else if (names.filter(student => !student.absent).length === 0) {
+                    display.textContent = "均已标记未到";
+                    alert("所有学生均已标记为未到场！无法开始点名。");
+                } else {
+                    display.textContent = "所有学生均已点过";
+                    alert("所有可点名学生都已点名完毕！");
+                }
                 return;
             }
 
             isRolling = true;
-            document.querySelector('button').textContent = "暂停点名";
-            const speed = 100 - (speedControl.value * 8);
+            rollButton.textContent = "暂停点名";
+            const speedValue = parseInt(speedControl.value, 10);
+            const speed = Math.max(20, 100 - (speedValue * 8)); 
             
             intervalId = setInterval(() => {
                 currentStudent = availableStudents[Math.floor(Math.random() * availableStudents.length)];
                 display.innerHTML = `
                     <span class="student-id">${currentStudent.id}</span>
                     <span>${currentStudent.name}</span>
-                    <span class="pinyin">(${currentStudent.pinyin})</span>
+                    <span class="pinyin">(${(currentStudent.pinyin || '')})</span>
                 `;
             }, speed);
         }
@@ -321,75 +376,98 @@
         function stopRoll() {
             isRolling = false;
             clearInterval(intervalId);
-            document.querySelector('button').textContent = "开始点名";
-            display.classList.add('highlight');
-            setTimeout(() => display.classList.remove('highlight'), 2000);
+            rollButton.textContent = "开始点名";
             
-            // 新增：将当前学生加入已点名列表
-            if (currentStudent && !calledStudents.includes(currentStudent.id)) {
-                calledStudents.push(currentStudent.id);
-                // 更新计数器
-                updateCounter();
-            }
-        }
-
-        // 新增：补上缺失的标记未到场功能
-        function markAbsent() {
-            if (!currentStudent) {
-                alert('请先开始点名！');
-                return;
-            }
-            const targetStudent = names.find(s => s.id === currentStudent.id);
-            if (targetStudent && !targetStudent.absent) {
-                targetStudent.absent = true;
-                localStorage.setItem('attendanceData', JSON.stringify(names));
-                alert(`已标记 ${targetStudent.name} 为未到场`);
-                // 更新计数器
-                updateCounter();
-                // 如果正在点名则立即更新名单
-                if (isRolling) {
-                    clearInterval(intervalId);
-                    startRoll();
+            if (currentStudent) {
+                display.classList.add('highlight');
+                setTimeout(() => display.classList.remove('highlight'), 2000);
+                
+                if (!calledStudents.includes(currentStudent.id)) {
+                    calledStudents.push(currentStudent.id);
+                    localStorage.setItem('calledStudentsData', JSON.stringify(calledStudents));
+                    updateCounter();
+                }
+            } else {
+                const availableForRoll = names.filter(s => !s.absent && !calledStudents.includes(s.id)).length;
+                if (names.length > 0 && availableForRoll === 0 && names.filter(s => !s.absent).length > 0) {
+                     display.textContent = "所有学生均已点过";
+                } else if (names.length > 0) {
+                    // display.textContent = "点击开始"; 
+                } else {
+                    display.textContent = "请先加载学生名单";
                 }
             }
         }
 
-        // 在清空存储时重置已点名单
-        function clearStorage() {
-            if (confirm('确定要清空所有考勤数据吗？此操作不可恢复！')) {
-                names.forEach(student => delete student.absent);
-                calledStudents = []; // 清空已点名单
-                localStorage.removeItem('attendanceData');
-                alert('考勤数据已重置！');
-                currentStudent = null;
-                display.textContent = "点击开始";
-                // 更新计数器
+        function markAbsent() {
+            if (!currentStudent) {
+                alert('请先通过“开始点名”选中一位学生。');
+                return;
+            }
+            const targetStudent = names.find(s => s.id === currentStudent.id);
+            if (targetStudent) {
+                if (targetStudent.absent) {
+                    alert(`${targetStudent.name} (${targetStudent.id}) 已被标记为未到场。`);
+                    return;
+                }
+                targetStudent.absent = true;
+                localStorage.setItem('attendanceData', JSON.stringify(names));
+                alert(`已标记 ${targetStudent.name} (${targetStudent.id}) 为未到场`);
+                
                 updateCounter();
+                
+                if (isRolling) {
+                    clearInterval(intervalId);
+                    startRoll(); 
+                }
+            } else {
+                alert(`错误：无法在名单中找到学生 ${currentStudent.name} (${currentStudent.id})。`);
+            }
+        }
+
+        function clearStorage() {
+            if (confirm('确定要清空所有考勤数据和已加载的学生名单吗？\n此操作不可恢复，您需要重新加载学生名单文件。')) {
+                names = []; // Clear the student list from memory
+                calledStudents = []; // Reset called list
+                currentStudent = null; // Reset current selection
+
+                localStorage.removeItem('attendanceData'); // Remove student list from storage
+                localStorage.removeItem('calledStudentsData'); // Clear called students from storage
+                
+                alert('所有考勤数据和学生名单已清空！');
+                
+                display.textContent = "请先加载学生名单";
+                document.getElementById('fileInput').value = null; // Reset file input
+                
+                updateCounter(); // Update counter to reflect 0 students
+                setControlsEnabled(false); // Disable control buttons
             }
         }
 
-        // 新增：补上导出未到场名单功能
         function exportAbsentList() {
             const absentStudents = names.filter(student => student.absent);
             if (absentStudents.length === 0) {
-                alert("当前没有未到场学生");
+                alert("当前没有记录未到场学生。");
                 return;
             }
             
-            // 生成CSV格式内容（带BOM头解决中文乱码）
-            const csvContent = [
-                "\uFEFF学号,姓名",
-                ...absentStudents.map(s => `${s.id},${s.name}`)
-            ].join('\r\n');
+            const csvHeader = "\uFEFF学号,姓名,拼音"; // UTF-8 BOM for Excel
+            const csvRows = absentStudents.map(s => `${s.id},${s.name},${s.pinyin || ''}`);
+            const csvContent = [csvHeader, ...csvRows].join('\r\n');
         
-            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8' });
+            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
             const url = URL.createObjectURL(blob);
             
             const link = document.createElement('a');
             link.href = url;
-            link.download = '未到场名单.csv';
-            link.style.display = 'none';
+
+            const titleElement = document.getElementById('title');
+            const classroomName = titleElement ? titleElement.textContent.replace(/点名系统|小程序/gi, "").trim() : "课堂";
+            const date = new Date();
+            const dateString = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
+            link.download = `${classroomName}_未到场名单_${dateString}.csv`;
             
+            link.style.display = 'none';
             document.body.appendChild(link);
             link.click();
             document.body.removeChild(link);
@@ -404,4 +482,4 @@
         });
     </script>
 </body>
-</html>
+</html>
\ No newline at end of file