这段油猴(Tampermonkey)脚本是用来提取学习通(Chaoxing)平台上作业和考试标题的个人答案,并将其转换成Excel格式的题库,方便浏览或分享给他人。让我们渐渐分析脚本的功能和结构:
脚本功能概述
- 样式插入 (insertStyle函数):
- 功能:插入自定义的CSS样式,美化题库提取工具的界面。
- 样式包括设置列表无序化、标题容器的样式、logo的样式等。
- 标题展示 (displayQuestions函数):
- 功能:根据提取的标题数据,将标题和答案显示在浮动框中。
- 使用了模板字符串构建标题列表,展示每道题的标题内容、选项、个人答案和正确答案。
- Excel下载 (downloadExcel函数):
- 功能:将提取的标题数据转换为Excel文件并下载。
- 使用了 xlsx.full.min.js 库来实现将数据转换为Excel的功能。
- 界面创建和拖动支持 (createMenuBox和setupDraggableBox函数):
- createMenuBox函数:创建了一个浮动的标题显示框,包罗标题、剖析和下载按钮等。
- setupDraggableBox函数:实现了浮动框的拖动功能,使用户可以移动浮动框的位置。
- 标题剖析 (parseQuestions函数):
- 功能:从页面中剖析出所有的标题数据,包括标题名称、选项内容、个人答案和正确答案。
- 使用了 DOM 查询和操纵来获取并剖析每个标题的相关信息,并将剖析后的数据存储在 allQsObject 和 allStr 中。
- 初始化 (init函数):
- 功能:初始化整个脚本,包括插入样式、创建界面、设置按钮点击事件等。
- 在初始化过程中,将页面中的标题数据提取并显示,同时设置了剖析和下载按钮的点击事件。
留意事项
- 匹配规则 (@match和@require): 脚本通过 @match 指定了可以运行的页面地址,确保只在学习通平台相关页面上实行。
- 数据处置惩罚: 脚本通过 DOM 操纵和字符串处置惩罚来提取和展示标题数据,需要包管页面结构和元素的正确性和稳定性。
- Excel导出: 使用了第三方库 xlsx.full.min.js 来处置惩罚Excel文件的天生,需要确保网络环境能够正常访问该库。
这段脚本的主要功能是资助用户将学习通上的作业和考试标题以Excel的形式整理和导出,便于后续分析或分享。
- function displayQuestions(qObject) {
- let qULs = "";
- qObject.forEach(qNode => {
- let qLIs = "";
- qNode.nodeList.forEach(qItem => {
- let qSltString = qItem.slt.map(slt => `<li>${slt}</li>`).join('');
- let qLI = `
- <li style="padding-left: 5px; margin: 10px 0;">
- <div>${qItem.q}</div>
- ${qSltString}
- <div style="color: blue;">${qItem.myAn}</div>
- <div style="color: red; text-align: right">${qItem.an}</div>
- </li>
- `;
- qLIs += qLI;
- });
- let qUL = `<ul style="padding: 0;">${qNode.nodeName}${qLIs}</ul>`;
- qULs += qUL;
- });
- document.getElementById("qList").innerHTML = qULs;
- }
复制代码- function parseQuestions() {
- allQsObject = [];
- allStr = "";
- const nodeBox = document.getElementsByClassName("mark_item");
- Array.from(nodeBox).forEach(qNode => {
- let node = { nodeName: "", nodeList: [] };
- const typeTitle = qNode.querySelector(".type_tit")?.innerText || "";
- allStr += `${typeTitle}\n`;
- node.nodeName = typeTitle;
- const questions = qNode.querySelectorAll(".questionLi");
- questions.forEach(question => {
- let qItem = { slt: [], q: "", myAn: "", an: "" };
- const qName = question.querySelector(".mark_name").innerText;
- allStr += `${qName}\n`;
- qItem.q = qName;
- const qSelectBox = question.querySelector(".mark_letter");
- if (qSelectBox) {
- const qSelectItems = qSelectBox.getElementsByTagName("li");
- Array.from(qSelectItems).forEach(qSelectItem => {
- const qSelectText = qSelectItem.innerText;
- if (qSelectText) {
- allStr += `${qSelectText}\n`;
- qItem.slt.push(qSelectText);
- }
- });
- }
- try {
- const qAnswer = question.querySelector(".mark_answer .colorGreen")?.innerText || "";
- const qMyAnswer = question.querySelector(".mark_answer .colorDeep")?.innerText || "";
- allStr += `${qMyAnswer}\n${qAnswer}\n`;
- qItem.myAn = qMyAnswer;
- qItem.an = qAnswer;
- } catch (err) {
- console.log(err);
- }
- node.nodeList.push(qItem);
- });
- allQsObject.push(node);
- });
- displayQuestions(allQsObject);
- }
- function init() {
- insertStyle();
- createMenuBox();
- setupDraggableBox();
- document.getElementById("qTitle").innerHTML = document.querySelector(".mark_title").innerText;
- document.getElementById("jxBtn").onclick = parseQuestions;
- document.getElementById("xzBtn").onclick = () => {
- const filename = document.querySelector(".mark_title").innerText + ".xlsx";
- const data = allQsObject.reduce((arr, qNode) => {
- qNode.nodeList.forEach(qItem => {
- arr.push({
- '题目': qItem.q,
- '选项': qItem.slt.join("\n"),
- '我的答案': qItem.myAn,
- '正确答案': qItem.an
- });
- });
- return arr;
- }, []);
- downloadExcel(data, filename);
- };
- }
- let allQsObject = [];
- let allStr = "";
- init();
- })();
复制代码 感爱好的可以根据以上去完善一下基本能实现了
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |