JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(十二)腳本整合

前文

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(一)答案獲取

Spring Boot——易班優課YOOC課羣在線測試自動答題解決方案(二)答案儲存

Spring Boot——易班優課YOOC課羣在線測試自動答題解決方案(三)答案查詢

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(四)答案顯示

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(五)簡單腳本

Spring Boot——易班優課YOOC課羣在線測試自動答題解決方案(六)後端改造

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(七)隨機答案

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(八)功能面板

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(九)ID標籤

Vue + Element UI + Spring Boot——易班優課YOOC課羣在線測試自動答題解決方案(十)問題管理頁面

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(十一)恢復右鍵、選擇和複製

解決方案

// ==UserScript==
// @name         YOOC Exam Detail
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  try to take over the world!
// @author       STZG
// @match        https://www.yooc.me/group/*/exam/*/detail
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // Your code here...
var examUpload=()=>{
    var xmlhttp = new XMLHttpRequest();//獲取對象
    xmlhttp.onreadystatechange = function(){//設置回調函數
        if(xmlhttp.readyState == 4){//這裏的4是請求的狀態碼，代表請求已經完成
            if(xmlhttp.status == 200 || xmlhttp.status == 304){//這裏是獲得響應的狀態碼，200代表成功，304代表無修改可以直接從緩存中讀取
                console.log(xmlhttp);
                //創建DOM
                var html=document.createElement("html");
                html.innerHTML=xmlhttp.responseText
                console.log(html)
                //獲取考試信息
                var group=document.getElementById('group-data')
                var groupId=group.getAttribute("data-group-id")
                var examId=group.getAttribute("data-exam-id")
                //獲取問題信息
                var question=Array.from(html.getElementsByClassName('question-board'))
                console.log(question)
                //數據封裝
                var question_arr=[]
                question.forEach(q=>{
                    question_arr.push({id:q.id,question:q.outerHTML
                        .replace(/the-ans fls/g,"the-ans crt")
                        .replace(/<li class="crt"/g,'<li class=""')
                        .replace(/<li class="fls"/g,'<li class=""')})
                    document.getElementById(q.id)
                        .getElementsByClassName('the-ans')[0]
                        .innerHTML=q.getElementsByClassName('the-ans')[0].innerHTML    
                })
                //上傳服務器
                var posthttp = new XMLHttpRequest();//獲取對象
                posthttp.onreadystatechange = function(){//設置回調函數
                    if(posthttp.readyState == 4){//這裏的4是請求的狀態碼，代表請求已經完成
                        if(posthttp.status == 200 || posthttp.status == 304){//這裏是獲得響應的狀態碼，200代表成功，304代表無修改可以直接從緩存中讀取
                            var result = posthttp.responseText;//這裏獲取的是響應文本，也可以獲得響應xml或JSON
                            console.log(result)
                        }
                    }
                }
                posthttp.open("POST","https://locahost/group/"+groupId+"/exam/"+examId+"/upload");
                //JSON Header
                posthttp.setRequestHeader("Content-Type","application/json");
                posthttp.setRequestHeader("Content-Security-Policy","upgrade-insecure-requests");
                //解析爲JSON
                posthttp.send(JSON.stringify(question_arr));//POST請求
            }
        }
    }
    xmlhttp.open("GET",document.URL);
    xmlhttp.send();//GET請求
}
var answer=()=>{
    //獲取考試信息
    var group=document.getElementById('group-data')
    var groupId=group.getAttribute("data-group-id")
    var examId=group.getAttribute("data-exam-id")
    //獲取問題信息
    questions=document.getElementsByClassName('question-board')
    var question_arr=[]
    Array.from(questions).forEach(q=>{
        question_arr.push(q.id.substr(9))
    })
    var xmlhttp = new XMLHttpRequest();//獲取對象
    xmlhttp.onreadystatechange = function(){//設置回調函數
        if(xmlhttp.readyState == 4){//這裏的4是請求的狀態碼，代表請求已經完成
            if(xmlhttp.status == 200 || xmlhttp.status == 304){//這裏是獲得響應的狀態碼，200代表成功，304代表無修改可以直接從緩存中讀取
                var result = xmlhttp.responseText;//這裏獲取的是響應文本，也可以獲得響應xml或JSON
                console.log(result)
                //解析爲JS對象
                var obj = JSON.parse(result);
                var questionContainer=document.getElementsByClassName('exam-detial-container')[0]
                obj.forEach(q=>{
                    var question=document.getElementById('question-'+q.id)
                    var answer = document.createElement("div");
                    answer.innerHTML = q.question;
                    var child=answer.childNodes[0]
                    child.id='answer-'+q.id
                    questionContainer.insertBefore(child,question)
                    console.log(question)
                    console.log(answer)
                })
                addIdTag()
            }
        }
    }
    xmlhttp.open("GET","https://locahost/group/yooc/group/"+groupId+"/exam/"+examId+"/answer?question="+question_arr);
    xmlhttp.send();//GET請求
}
var nullSubmit=()=>{
    //獲取問題信息
    var question=Array.from(document.getElementsByClassName('question-board'))
    question.forEach(q=>{console.log(q)
        let inputTag=q.getElementsByTagName('input')
        console.log(inputTag)
        if(inputTag.length>0){
            let Ele=inputTag[0]
            if(Ele.type==="radio"||Ele.type==="checkbox"){
                if(Ele.type==="radio"){
                    Ele.checked=true;
                }else if(Ele.type==="checkbox"){
                    Ele.checked=true;
                }
                //頁面方法
                choiceAnswerData($(q))
            }else if(Ele.type==="text"){
                let Eles=Array.from(inputTag)
                Eles.forEach(e=>{
                    e.value="test"
                })
                //頁面方法
                inputAnswerData($(q))
            }
            let ele_name=Ele.name.replace(/\_[0-9]+/, '')
            let questionTag=document.getElementById(ele_name)
            questionTag.classList.add('done')
        }
    })
}
var appendsomething=()=>{
    var releaseButtun=document.getElementsByClassName('release-board')[0]
    var ns=document.createElement('a')
    ns.id="null-submit"
    ns.href="javascript:;"
    ns.innerText="提交白卷"
    ns.style="margin-left: 0px;margin-top: 10px;"
    ns.title="隨機答案提交試卷"
    ns.οnclick=()=>{
        nullSubmit()
        //頁面方法
        xAlert('提示','隨機答案選擇完畢，可以提交了')
    }
    releaseButtun.appendChild(ns)
    var qa=document.createElement('a')
    qa.id="query-answer"
    qa.href="javascript:;"
    qa.innerText="查詢答案"
    qa.style="margin-left: 20px;margin-top: 10px;"
    qa.title="雲端題庫查詢答案"
    qa.οnclick=()=>{
        var ansElements = document.getElementsByClassName('the-ans')
        var ansNum = ansElements.length
        if(ansNum<0){
            answer()
        }else{
            //頁面方法
            xAlert('失敗','已經有答案了哦')
        }
    }
    releaseButtun.appendChild(qa)
}
var addIdTag=()=>{
    //獲取問題信息
    var question=Array.from(document.getElementsByClassName('question-board'))
    question.forEach(q=>{
        let board_type=q.id.split('-')[0]
        let question_id=q.id.split('-')[1]
        let idTag=q.getElementsByClassName('question-id-tag')
        if(idTag.length===0){
            idTag=document.createElement('span')
            idTag.classList.add('question-id-tag')
            q.children[0].appendChild(idTag)
        }
        if(board_type==='question'){
            idTag.innerHTML=" 題目ID："+question_id
        }else if(board_type==='answer'){
            idTag.innerHTML=" 答案ID："+question_id
        }
    })
}
var unblock=()=>{
    //選擇
    document.onselectstart= function(e){
        var e = e || window.event;
        e.returnValue = true;
        return true;
    }

    //鼠標按下
    document.onmousedown = function(e) {
        var e = e || window.event;
        e.returnValue = true;
        return true;
    }
    //鼠標右鍵菜單
    document.oncontextmenu = function(e) {
        var e = e || window.event;
        e.returnValue = true;
        return true;
    }

    window.onkeydown = function(e) {
        //Ctrl+S 保存
        if (e.ctrlKey && e.keyCode == 83) {
            e.returnValue = true;
            return true;
        }
        //Ctrl+P 打印
        if (e.ctrlKey && e.keyCode == 80) {
            e.returnValue = true;
            return true;
        }
        //Ctrl+C 複製
        if (e.ctrlKey && e.keyCode == 67) {
            e.returnValue = true;
            return true;
        }
    }
}
//獲取考試信息
var group=document.getElementById('group-data')
var groupId=group.getAttribute("data-group-id")
var examId=group.getAttribute("data-exam-id")
var examQuestionNum=Number(group.getAttribute("data-questions"))
//獲取問題信息
var questions=document.getElementsByClassName('question-board')
var questionNum = questions.length
//獲取答案信息
var ansElements = document.getElementsByClassName('the-ans')
var ansNum = ansElements.length

if(ansNum>0){
    if(questionNum===examQuestionNum){
        examUpload()
    }else{
        console.log("現在是考試中，不能上傳答案哦。")
    }
}else{
    answer()
    appendsomething()
    unblock()
}
addIdTag()

})();