api/index_1.js

/*
 * @FilePath: index_1.js
 * @Author: 旭颖
 * @Date: 2023-07-20 15:40:41
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-07-21 10:10:51
 */
// 封装 AJAX 请求为类
class AjaxRequest {
  constructor() {
    this.xhr = new XMLHttpRequest();
  }
  // 发送 GET 请求
  get(url, callback) {
    this.xhr.open("GET", url, true);

    this.xhr.onload = function () {
      if (this.xhr.status === 200) {
        callback(null, JSON.parse(this.xhr.responseText));
      } else {
        callback("Error: " + this.xhr.status);
      }
    }.bind(this);

    this.xhr.onerror = function () {
      callback("Network Error");
    }.bind(this);

    this.xhr.send();
  }

  // 发送 POST 请求
  post(url, data, callback) {
    this.xhr.open("POST", url, true);
    this.xhr.setRequestHeader("Content-Type", "application/json");

    this.xhr.onload = function () {
      if (this.xhr.status === 200) {
        callback(null, JSON.parse(this.xhr.responseText));
      } else {
        callback("Error: " + this.xhr.status);
      }
    }.bind(this);

    this.xhr.onerror = function () {
      callback("Network Error");
    }.bind(this);

    this.xhr.send(JSON.stringify(data));
  }
}

// 实例化 AJAX 请求类
const ajaxRequest = new AjaxRequest();
const apiUrl = "http://47.103.39.163:8080";
// 对接步骤
// 步骤一：从url中获取ticket
// 步骤二：获取当前用户的个人信息
// 步骤三：调用进度记录方法
function getTicket() {
  let url = window.location.href;
  // let url =
  //   "http://computer.web.ximengnaikang.com/?tokenid=2*b30c8537e6b2497aacfab88821d1d19f*1022022800064457_hactcm-xs_0&progressId=bd1799ab-0675-4a94-91d2-e3f9b3a989f9&ticket=c646fff11e55447ea66498568495ddfe";
  let ticket = url.split("ticket=")[1];
  console.log(ticket, "获取ticket");
  return ticket;
}
//获取用户信息
function getUserInfo() {
  let data = {}; //输出的参数
  //设置参数
  console.log(getTicket(), "调用方法ticket");
  let secret = "EC224D5F-B37C-4768-A39E-0F736361815C";
  let appid = "FA176490-C0C2-4BB3-8C06-FBC513C24ECF";
  let ticket = getTicket();
  var params = {
    ticket: ticket,
    appid: appid,
    signature: md5(ticket + appid + secret),
  };
  // 将参数转换为查询字符串
  var queryString = Object.keys(params)
    .map(
      (key) => encodeURIComponent(key) + "=" + encodeURIComponent(params[key])
    )
    .join("&");
  console.log(queryString, "queryString");
  ajaxRequest.get(
    apiUrl + "/api/open/token?" + queryString,
    function (error, responseData) {
      if (error) {
        console.error("请求失败：" + error);
      } else {
        data = {
          access_token: responseData.access_token,
          username: responseData.un,
        };
      }
    }
  );
  return data;
}

// title:实验名称
// step:当前步骤
// total_steps:总步骤
// total_sorce:实验总分
// per_sorce:每步分分值
// start_time: 开始时间,时间戳13位
// end_time:结束时间，时间戳13位
//方法一
function dataupload(
  title,
  step,
  total_steps,
  total_sorce,
  per_sorce,
  start_time,
  end_time
) {
  return new Promise((resolve, reject) => {
    let user_info = getUserInfo();
    console.log(user_info, "获取到的用户信息");
    let steps = [];
    let stepsTime = (end_time - start_time) / 1000;
    stepsTime = Math.round(stepsTime);
    //接下来每次调用该方法直接取缓存的步骤数据
    let stepStore = localStorage.getItem("stepsList");
    stepStore = JSON.parse(stepStore);
    console.log(stepStore);
    if (stepStore) {
      //如果含有步骤缓存则直接修改步骤数据
      let index = Number(step - 1);
      stepStore[index].startTime = start_time;
      stepStore[index].endTime = end_time;
      stepStore[index].stepsTime = stepsTime;
      steps = stepStore;
    } else {
      //第一次请求该接口时循环出全部步骤
      for (let i = 0; i < Number(total_steps); i++) {
        const obj = {
          sep: i + 1, //实验步骤序号
          title: `实验步骤${i + 1}`, //步骤名称
          startTime: start_time, //实验每个步骤开始时间
          endTime: end_time, //实验每个步骤结束时间 这里每步设置10秒
          timeUsed: stepsTime, //实验步骤用时：非零整数，单位秒
          expectTime: stepsTime, // 实验步骤合理用时：单位秒
          maxScore: per_sorce, //实验步骤满分：0 ~100，百分制
          score: per_sorce, //实验步骤得分：0 ~100，百分制
          repeatCount: 1, //实验步骤操作次数
          evaluation: " 优 ", //步骤评价：200字以内
          scoringModel: "赋分模型", //赋分模型：200字以内
          done: i < Number(total_steps) ? 1 : 0, //已做未做 1已做 0未做 默认值1
        };
        steps.push(obj);
      }
    }
    let step_index = Number(total_steps) - 1; //获取步骤数组的最后一个索引
    let time_cha =
      (steps[step_index].end_time - steps[step_index].startTime) / 1000; //开始时间结束时间时间差
    time_cha = Math.round(time_cha);
    console.log(steps, "steps");
    //请求接口的全部数据
    const data = {
      username: user_info.username,
      title: title,
      status: steps[step_index].done == 1 ? 1 : 2, //判断最后一步是否完成如果最后一步完成代表全部完成，否则为未完成
      score: total_sorce,
      startTime: steps[step_index].startTime,
      endTime: steps[step_index].end_time,
      timeUsed: time_cha,
      steps,
    };
    //将每次请求的数据存为缓存
    localStorage.setItem("stepsList", JSON.stringify(steps));
    ajaxRequest.post(
      apiUrl + "/api/open/dataupload?access_token=" + user_info.access_token,
      data,
      function (error, responseData) {
        if (error) {
          console.error(error);
        } else {
          console.log(responseData, "发送数据请求成功");
        }
      }
    );
  });
}

// 方法二,考试完成时调用此方法，仅在完成时只调用一次

// title:实验名称
// status:当前实验是否完成1，完成，2未完成
// total_steps:总步骤
// total_sorce:实验总分
// per_sorce:每步分分值
// start_time: 开始时间,时间戳13位
// end_time:结束时间，时间戳13位
// time_used:实验用时
// steps:[],实验步骤数组，有几不数组有几个值
// steps示例
// const steps=[{
//     seq: 1,//实验步骤序号
//     title: "实验步骤 1",//步骤名称
//     startTime: 1522646936000,//验步骤开始时间：13位时间戳
//     endTime: 1522647936000,//实验步骤结束时间：13位时间戳
//     timeUsed: 900,//实验步骤用时：非零整数，单位秒
//     expectTime: 2,//实验步骤合理用时：单位秒
//     maxScore: 10,//实验步骤满分：0 ~100，百分制
//     score: 10,//	实验步骤得分：0 ~100，百分制
//     repeatCount: 1,//实验步骤操作次数
//     evaluation: " 优 ",//步骤评价
//     scoringModel: "无",//赋分模型
//     remarks: "无",//	备注
//     done: 1,//步骤状态
// }]

function sendResult(
  title,
  status,
  total_sorce,
  start_time,
  end_time,
  time_used,
  steps
) {
  return new Promise((resolve, reject) => {
    let user_info = getUserInfo();
    console.log(user_info, "获取到的用户信息");
    const xhr = new XMLHttpRequest();
    //请求接口的全部数据
    const data = {
      username: user_info.username,
      title: title,
      status: status, //判断最后一步是否完成如果最后一步完成代表全部完成，否则为未完成
      score: total_sorce,
      startTime: start_time,
      endTime: end_time,
      timeUsed: time_used,
      steps,
    };
    ajaxRequest.post(
      apiUrl + "/api/open/dataupload?access_token=" + user_info.access_token,
      data,
      function (error, responseData) {
        if (error) {
          console.error(error);
        } else {
          console.log(responseData, "发送数据请求成功");
        }
      }
    );
  });
}
//   MD5加密方法
function md5(string) {
  function md5_RotateLeft(lValue, iShiftBits) {
    return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
  }
  function md5_AddUnsigned(lX, lY) {
    var lX4, lY4, lX8, lY8, lResult;
    lX8 = lX & 0x80000000;
    lY8 = lY & 0x80000000;
    lX4 = lX & 0x40000000;
    lY4 = lY & 0x40000000;
    lResult = (lX & 0x3fffffff) + (lY & 0x3fffffff);
    if (lX4 & lY4) {
      return lResult ^ 0x80000000 ^ lX8 ^ lY8;
    }
    if (lX4 | lY4) {
      if (lResult & 0x40000000) {
        return lResult ^ 0xc0000000 ^ lX8 ^ lY8;
      } else {
        return lResult ^ 0x40000000 ^ lX8 ^ lY8;
      }
    } else {
      return lResult ^ lX8 ^ lY8;
    }
  }
  function md5_F(x, y, z) {
    return (x & y) | (~x & z);
  }
  function md5_G(x, y, z) {
    return (x & z) | (y & ~z);
  }
  function md5_H(x, y, z) {
    return x ^ y ^ z;
  }
  function md5_I(x, y, z) {
    return y ^ (x | ~z);
  }
  function md5_FF(a, b, c, d, x, s, ac) {
    a = md5_AddUnsigned(
      a,
      md5_AddUnsigned(md5_AddUnsigned(md5_F(b, c, d), x), ac)
    );
    return md5_AddUnsigned(md5_RotateLeft(a, s), b);
  }
  function md5_GG(a, b, c, d, x, s, ac) {
    a = md5_AddUnsigned(
      a,
      md5_AddUnsigned(md5_AddUnsigned(md5_G(b, c, d), x), ac)
    );
    return md5_AddUnsigned(md5_RotateLeft(a, s), b);
  }
  function md5_HH(a, b, c, d, x, s, ac) {
    a = md5_AddUnsigned(
      a,
      md5_AddUnsigned(md5_AddUnsigned(md5_H(b, c, d), x), ac)
    );
    return md5_AddUnsigned(md5_RotateLeft(a, s), b);
  }
  function md5_II(a, b, c, d, x, s, ac) {
    a = md5_AddUnsigned(
      a,
      md5_AddUnsigned(md5_AddUnsigned(md5_I(b, c, d), x), ac)
    );
    return md5_AddUnsigned(md5_RotateLeft(a, s), b);
  }
  function md5_ConvertToWordArray(string) {
    var lWordCount;
    var lMessageLength = string.length;
    var lNumberOfWords_temp1 = lMessageLength + 8;
    var lNumberOfWords_temp2 =
      (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
    var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
    var lWordArray = Array(lNumberOfWords - 1);
    var lBytePosition = 0;
    var lByteCount = 0;
    while (lByteCount < lMessageLength) {
      lWordCount = (lByteCount - (lByteCount % 4)) / 4;
      lBytePosition = (lByteCount % 4) * 8;
      lWordArray[lWordCount] =
        lWordArray[lWordCount] |
        (string.charCodeAt(lByteCount) << lBytePosition);
      lByteCount++;
    }
    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
    lBytePosition = (lByteCount % 4) * 8;
    lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
    lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
    lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
    return lWordArray;
  }
  function md5_WordToHex(lValue) {
    var WordToHexValue = "",
      WordToHexValue_temp = "",
      lByte,
      lCount;
    for (lCount = 0; lCount <= 3; lCount++) {
      lByte = (lValue >>> (lCount * 8)) & 255;
      WordToHexValue_temp = "0" + lByte.toString(16);
      WordToHexValue =
        WordToHexValue +
        WordToHexValue_temp.substr(WordToHexValue_temp.length - 2, 2);
    }
    return WordToHexValue;
  }
  function md5_Utf8Encode(string) {
    string = string.replace(/\r\n/g, "\n");
    var utftext = "";
    for (var n = 0; n < string.length; n++) {
      var c = string.charCodeAt(n);
      if (c < 128) {
        utftext += String.fromCharCode(c);
      } else if (c > 127 && c < 2048) {
        utftext += String.fromCharCode((c >> 6) | 192);
        utftext += String.fromCharCode((c & 63) | 128);
      } else {
        utftext += String.fromCharCode((c >> 12) | 224);
        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
        utftext += String.fromCharCode((c & 63) | 128);
      }
    }
    return utftext;
  }
  var x = Array();
  var k, AA, BB, CC, DD, a, b, c, d;
  var S11 = 7,
    S12 = 12,
    S13 = 17,
    S14 = 22;
  var S21 = 5,
    S22 = 9,
    S23 = 14,
    S24 = 20;
  var S31 = 4,
    S32 = 11,
    S33 = 16,
    S34 = 23;
  var S41 = 6,
    S42 = 10,
    S43 = 15,
    S44 = 21;
  string = md5_Utf8Encode(string);
  x = md5_ConvertToWordArray(string);
  a = 0x67452301;
  b = 0xefcdab89;
  c = 0x98badcfe;
  d = 0x10325476;
  for (k = 0; k < x.length; k += 16) {
    AA = a;
    BB = b;
    CC = c;
    DD = d;
    a = md5_FF(a, b, c, d, x[k + 0], S11, 0xd76aa478);
    d = md5_FF(d, a, b, c, x[k + 1], S12, 0xe8c7b756);
    c = md5_FF(c, d, a, b, x[k + 2], S13, 0x242070db);
    b = md5_FF(b, c, d, a, x[k + 3], S14, 0xc1bdceee);
    a = md5_FF(a, b, c, d, x[k + 4], S11, 0xf57c0faf);
    d = md5_FF(d, a, b, c, x[k + 5], S12, 0x4787c62a);
    c = md5_FF(c, d, a, b, x[k + 6], S13, 0xa8304613);
    b = md5_FF(b, c, d, a, x[k + 7], S14, 0xfd469501);
    a = md5_FF(a, b, c, d, x[k + 8], S11, 0x698098d8);
    d = md5_FF(d, a, b, c, x[k + 9], S12, 0x8b44f7af);
    c = md5_FF(c, d, a, b, x[k + 10], S13, 0xffff5bb1);
    b = md5_FF(b, c, d, a, x[k + 11], S14, 0x895cd7be);
    a = md5_FF(a, b, c, d, x[k + 12], S11, 0x6b901122);
    d = md5_FF(d, a, b, c, x[k + 13], S12, 0xfd987193);
    c = md5_FF(c, d, a, b, x[k + 14], S13, 0xa679438e);
    b = md5_FF(b, c, d, a, x[k + 15], S14, 0x49b40821);
    a = md5_GG(a, b, c, d, x[k + 1], S21, 0xf61e2562);
    d = md5_GG(d, a, b, c, x[k + 6], S22, 0xc040b340);
    c = md5_GG(c, d, a, b, x[k + 11], S23, 0x265e5a51);
    b = md5_GG(b, c, d, a, x[k + 0], S24, 0xe9b6c7aa);
    a = md5_GG(a, b, c, d, x[k + 5], S21, 0xd62f105d);
    d = md5_GG(d, a, b, c, x[k + 10], S22, 0x2441453);
    c = md5_GG(c, d, a, b, x[k + 15], S23, 0xd8a1e681);
    b = md5_GG(b, c, d, a, x[k + 4], S24, 0xe7d3fbc8);
    a = md5_GG(a, b, c, d, x[k + 9], S21, 0x21e1cde6);
    d = md5_GG(d, a, b, c, x[k + 14], S22, 0xc33707d6);
    c = md5_GG(c, d, a, b, x[k + 3], S23, 0xf4d50d87);
    b = md5_GG(b, c, d, a, x[k + 8], S24, 0x455a14ed);
    a = md5_GG(a, b, c, d, x[k + 13], S21, 0xa9e3e905);
    d = md5_GG(d, a, b, c, x[k + 2], S22, 0xfcefa3f8);
    c = md5_GG(c, d, a, b, x[k + 7], S23, 0x676f02d9);
    b = md5_GG(b, c, d, a, x[k + 12], S24, 0x8d2a4c8a);
    a = md5_HH(a, b, c, d, x[k + 5], S31, 0xfffa3942);
    d = md5_HH(d, a, b, c, x[k + 8], S32, 0x8771f681);
    c = md5_HH(c, d, a, b, x[k + 11], S33, 0x6d9d6122);
    b = md5_HH(b, c, d, a, x[k + 14], S34, 0xfde5380c);
    a = md5_HH(a, b, c, d, x[k + 1], S31, 0xa4beea44);
    d = md5_HH(d, a, b, c, x[k + 4], S32, 0x4bdecfa9);
    c = md5_HH(c, d, a, b, x[k + 7], S33, 0xf6bb4b60);
    b = md5_HH(b, c, d, a, x[k + 10], S34, 0xbebfbc70);
    a = md5_HH(a, b, c, d, x[k + 13], S31, 0x289b7ec6);
    d = md5_HH(d, a, b, c, x[k + 0], S32, 0xeaa127fa);
    c = md5_HH(c, d, a, b, x[k + 3], S33, 0xd4ef3085);
    b = md5_HH(b, c, d, a, x[k + 6], S34, 0x4881d05);
    a = md5_HH(a, b, c, d, x[k + 9], S31, 0xd9d4d039);
    d = md5_HH(d, a, b, c, x[k + 12], S32, 0xe6db99e5);
    c = md5_HH(c, d, a, b, x[k + 15], S33, 0x1fa27cf8);
    b = md5_HH(b, c, d, a, x[k + 2], S34, 0xc4ac5665);
    a = md5_II(a, b, c, d, x[k + 0], S41, 0xf4292244);
    d = md5_II(d, a, b, c, x[k + 7], S42, 0x432aff97);
    c = md5_II(c, d, a, b, x[k + 14], S43, 0xab9423a7);
    b = md5_II(b, c, d, a, x[k + 5], S44, 0xfc93a039);
    a = md5_II(a, b, c, d, x[k + 12], S41, 0x655b59c3);
    d = md5_II(d, a, b, c, x[k + 3], S42, 0x8f0ccc92);
    c = md5_II(c, d, a, b, x[k + 10], S43, 0xffeff47d);
    b = md5_II(b, c, d, a, x[k + 1], S44, 0x85845dd1);
    a = md5_II(a, b, c, d, x[k + 8], S41, 0x6fa87e4f);
    d = md5_II(d, a, b, c, x[k + 15], S42, 0xfe2ce6e0);
    c = md5_II(c, d, a, b, x[k + 6], S43, 0xa3014314);
    b = md5_II(b, c, d, a, x[k + 13], S44, 0x4e0811a1);
    a = md5_II(a, b, c, d, x[k + 4], S41, 0xf7537e82);
    d = md5_II(d, a, b, c, x[k + 11], S42, 0xbd3af235);
    c = md5_II(c, d, a, b, x[k + 2], S43, 0x2ad7d2bb);
    b = md5_II(b, c, d, a, x[k + 9], S44, 0xeb86d391);
    a = md5_AddUnsigned(a, AA);
    b = md5_AddUnsigned(b, BB);
    c = md5_AddUnsigned(c, CC);
    d = md5_AddUnsigned(d, DD);
  }
  return (
    md5_WordToHex(a) +
    md5_WordToHex(b) +
    md5_WordToHex(c) +
    md5_WordToHex(d)
  ).toLowerCase();
}