☰

新东方作业检查器

检查学生在code.xdf.cn的作业完成情况并生成HTML表格 2025/3/4 23:22:37

// ==UserScript==
// @license MIT
// @name         新东方作业检查器
// @namespace    Violentmonkey Scripts
// @version      0.4
// @description  检查学生在code.xdf.cn的作业完成情况并生成HTML表格 2025/3/4 23:22:37
// @author       天津新东方编程杨敖儒GY
// @match        https://code.xdf.cn/oj/home
// @grant        GM_xmlhttpRequest
// @grant        unsafeWindow
// ==/UserScript==



(function() {
    'use strict';

    function createUI() {
        const div = document.createElement('div');
        div.style.position = 'absolute';
        div.style.top = '80px';
        div.style.right = '10px';
        div.style.width = '300px';
        div.style.minHeight = '200px';
        div.style.background = '#fff';
        div.style.padding = '10px';
        div.style.border = '1px solid #ccc';
        div.style.zIndex = '1000';
        div.style.cursor = 'move';
        div.style.boxSizing = 'border-box';

        div.innerHTML = `
            <h3 style="margin: 0; padding-bottom: 5px;">检查作业工具 by:GY</h3>
            <input type="file" id="fileInput" accept=".txt" style="width: 100%;"><br><br>
            <label>请输入题号数量：</label>
            <input type="number" id="problemCount" min="1" style="width: 100%;"><br><br>
            <button id="confirmCount">确认</button>
            <div id="problemInputs"></div>
            <button id="startCheck" style="display:none;">开始检查</button>
            <p id="status"></p>
        `;

        document.body.appendChild(div);

        const fileInput = document.getElementById('fileInput');
        const problemCountInput = document.getElementById('problemCount');
        const confirmButton = document.getElementById('confirmCount');
        const startButton = document.getElementById('startCheck');

        makeDraggable(div);

        confirmButton.addEventListener('click', showProblemInputs);
        startButton.addEventListener('click', startChecking);

        fileInput.addEventListener('change', () => {
            console.log('文件已上传，检查 problemCount 输入框状态：', {
                disabled: problemCountInput.disabled,
                readonly: problemCountInput.readOnly,
                display: problemCountInput.style.display
            });
            problemCountInput.focus();
        });
    }


    function makeDraggable(element) {
        let posX = 0, posY = 0, mouseX = 0, mouseY = 0;

        element.onmousedown = dragMouseDown;

        function dragMouseDown(e) {
            e = e || window.event;
            e.preventDefault();
            mouseX = e.clientX;
            mouseY = e.clientY;
            document.onmouseup = closeDragElement;
            document.onmousemove = elementDrag;
        }

        function elementDrag(e) {
            e = e || window.event;
            e.preventDefault();
            posX = mouseX - e.clientX;
            posY = mouseY - e.clientY;
            mouseX = e.clientX;
            mouseY = e.clientY;
            element.style.top = (element.offsetTop - posY) + 'px';
            element.style.left = (element.offsetLeft - posX) + 'px';
        }

        function closeDragElement() {
            document.onmouseup = null;
            document.onmousemove = null;
        }
    }

    function showProblemInputs() {
        const count = parseInt(document.getElementById('problemCount').value);
        if (!count || count <= 0) {
            alert('请输入有效的题号数量！');
            return;
        }

        const problemInputsDiv = document.getElementById('problemInputs');
        problemInputsDiv.innerHTML = '';
        for (let i = 0; i < count; i++) {
            const input = document.createElement('input');
            input.type = 'text';
            input.placeholder = `请输入第${i+1}题题号（如P1021）`;
            input.id = `problem_${i}`;
            input.style.width = '100%';
            input.style.marginBottom = '5px'; 
            input.disabled = false;
            problemInputsDiv.appendChild(input);
            problemInputsDiv.appendChild(document.createElement('br'));
        }
        document.getElementById('startCheck').style.display = 'block';

       
        const firstInput = document.getElementById('problem_0');
        if (firstInput) {
            console.log('题号输入框生成后状态：', {
                disabled: firstInput.disabled,
                readonly: firstInput.readOnly,
                display: firstInput.style.display
            });
            firstInput.focus(); 
        }
    }

    // 开始检查
    async function startChecking() {
        const fileInput = document.getElementById('fileInput');
        const problemCount = parseInt(document.getElementById('problemCount').value);
        const status = document.getElementById('status');

        if (!fileInput.files.length) {
            alert('请先选择包含学生URL的txt文件！');
            return;
        }

        const problemIds = [];
        for (let i = 0; i < problemCount; i++) {
            const pid = document.getElementById(`problem_${i}`).value.trim();
            if (!pid) {
                alert(`第${i+1}题题号不能为空！`);
                return;
            }
            problemIds.push(pid);
        }

        status.textContent = '正在读取文件...';
        const students = await readFile(fileInput.files[0]);
        if (!students.length) {
            alert('文件内容为空或格式错误！');
            return;
        }

        status.textContent = '正在检查作业完成情况...';
        const results = await checkProblems(students, problemIds);
        generateHTML(students, problemIds, results, fileInput.files[0].name);
        status.textContent = '检查完成，结果已生成！';
    }

    // 读取txt文件
    function readFile(file) {
        return new Promise((resolve) => {
            const reader = new FileReader();
            reader.onload = (e) => {
                const lines = e.target.result.split('\n').filter(line => line.trim());
                const students = lines.map(line => {
                    const [name, url] = line.trim().split(/\s+/);
                    return { name, url };
                });
                resolve(students);
            };
            reader.readAsText(file);
        });
    }

    
    async function checkProblems(students, problemIds) {
        const results = {};
        for (const student of students) {
            results[student.name] = {};
            const completedProblems = await getCompletedProblems(student.url);
            for (const pid of problemIds) {
                results[student.name][pid] = completedProblems.includes(pid) ? '完成' : '未完成';
            }
            await new Promise(resolve => setTimeout(resolve, 1000));
        }
        return results;
    }

    
    function getCompletedProblems(url) {
        return new Promise((resolve) => {
            GM_xmlhttpRequest({
                method: 'GET',
                url: url,
                onload: async function(response) {
                    const parser = new DOMParser();
                    const doc = parser.parseFromString(response.responseText, 'text/html');
                    const completedProblems = await waitForDynamicContent(doc, url);
                    resolve(completedProblems);
                },
                onerror: function() {
                    console.error(`无法加载页面: ${url}`);
                    resolve([]);
                }
            });
        });
    }

    
    function waitForDynamicContent(doc, url) {
        return new Promise((resolve) => {
            const problemSpans = doc.querySelectorAll('.problem-btn button span');
            if (problemSpans.length > 0) {
                const completedProblems = Array.from(problemSpans).map(span => span.textContent.trim());
                resolve(completedProblems);
                return;
            }

            const win = window.open(url, '_blank');
            if (!win) {
                console.error('请允许弹出窗口以检查动态内容');
                resolve([]);
                return;
            }

            win.addEventListener('load', () => {
                const checkInterval = setInterval(() => {
                    const spans = win.document.querySelectorAll('.problem-btn button span');
                    if (spans.length > 0) {
                        const completedProblems = Array.from(spans).map(span => span.textContent.trim());
                        clearInterval(checkInterval);
                        win.close();
                        resolve(completedProblems);
                    }
                }, 500);

                setTimeout(() => {
                    clearInterval(checkInterval);
                    win.close();
                    resolve([]);
                }, 10000);
            });
        });
    }

  
    function generateHTML(students, problemIds, results, fileName) {
        const date = new Date().toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' });
        let htmlContent = `
            <!DOCTYPE html>
            <html>
            <head>
                <meta charset="UTF-8">
                <title>${date} 查题情况</title>
                <style>
                    table {
                        border-collapse: collapse;
                        margin: 20px auto;
                    }
                    th, td {
                        border: 1px solid black;
                        padding: 8px;
                        text-align: center;
                    }
                    th {
                        background-color: #f2f2f2;
                    }
                    .title {
                        text-align: center;
                        font-size: 1.2em;
                        margin: 10px 0;
                    }
                </style>
            </head>
            <body>
                <div class="title">${date} 查题情况</div>
                <table>
                    <tr><th>姓名</th>${problemIds.map(pid => `<th>${pid}</th>`).join('')}</tr>
        `;

        for (const student of students) {
            htmlContent += '<tr>';
            htmlContent += `<td>${student.name}</td>`;
            for (const pid of problemIds) {
                htmlContent += `<td>${results[student.name][pid]}</td>`;
            }
            htmlContent += '</tr>';
        }

        htmlContent += `
                </table>
            </body>
            </html>
        `;

        const blob = new Blob([htmlContent], { type: 'text/html' });
        const link = document.createElement('a');
        const dir = fileName.substring(0, fileName.lastIndexOf('/')) || '';
        link.href = URL.createObjectURL(blob);
        link.download = `${dir}/作业检查结果_${Date.now()}.html`;
        link.click();
    }

    
    createUI();
})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址