feat: 添加缓存校验以避免使用过期缓存

Author: flben233

src/common/final.js

@@ -1,8 +1,8 @@
 // 记得用斜杠，否则IOS会不正常
 export const START_TIME = new Date("2025/2/17").getTime();
 export const END_TIME = new Date("2025/6/14").getTime();
-export const TOTAL_WEEK = 19;
+export const TOTAL_WEEK = 20;
 export const BASE_URL = "";
 export const VERSION = 0.41;
 export const WEB_VERSION = "1.0"
-export const NOTICE = "(有点重要的) 姑且做了点安全升级，建议更新一下APP防止用不了，反馈QQ群：706437676 "
+export const NOTICE = "如有课程错误请尝试右上角关于清除缓存，反馈QQ群：706437676 "

src/js/CourseUtils.js

@@ -1,4 +1,5 @@
 import {getExpCourse, getNormCourse} from "@/api/getCourse";
+import {START_TIME} from "@/common/final";
 
 class Lesson {
     constructor(jw_course_code, base_teacher_name, base_room_name, week, jw_task_book_no, jw_course_name, section_end, week_day, section, base_teacher_no, section_start) {
@@ -124,6 +125,7 @@ export function refreshNormalCourse(callback) {
     getNormCourse().then((response) => {
         if (response.status === 200 && response.data.code === 0) {
             localStorage.setItem("norm", JSON.stringify(response.data.data));
+            localStorage.setItem("normStamp", START_TIME.toString());
         }
         callback(response);
     });
@@ -136,6 +138,7 @@ export function refreshExpCourse(callback) {
     getExpCourse().then((response) => {
         if (response.status === 200 && response.data.code === 0) {
             localStorage.setItem("exp", JSON.stringify(response.data.data));
+            localStorage.setItem("expStamp", START_TIME.toString());
         }
         callback(response);
     });

src/views/course.vue

@@ -96,14 +96,8 @@ export default {
     for (let i = 0; i <= this.totalWeek; i++) {
       this.lessonsList.push([]);
     }
-    // 强制清理一下缓存
-    if (localStorage.getItem("refresh") === null) {
-      this.clearLocalCache();
-      localStorage.setItem("refresh", "true");
-      console.log("清理缓存");
-    } else if (this.curWeek > this.totalWeek || this.curWeek === 0) {
-      localStorage.removeItem("refresh");
-    }
+    // 缓存验证
+    this.validateLocalCache();
     refreshExpCourse();
     refreshNormalCourse();
     this.setActiveDay();
@@ -160,19 +154,19 @@ export default {
       if (Number(this.curWeek) > Number(this.totalWeek)) {
         localStorage.setItem("cur", this.totalWeek.toString())
         localStorage.setItem("lessons", "[]");
-        return;
+      } else {
+        localStorage.setItem("cur", this.curWeek.toString());
+        this.getRound(this.curWeek);
+        localStorage.setItem("lessons", JSON.stringify(this.lessonsList[this.curWeek]));
       }
-      localStorage.setItem("cur", this.curWeek.toString());
-      this.getRound(this.curWeek);
-      localStorage.setItem("lessons", JSON.stringify(this.lessonsList[this.curWeek]));
     },
     // 获取所选周前后一周的课程
     getRound: function (index) {
-      let exp = localStorage.getItem("exp");
-      let norm = localStorage.getItem("norm");
       let setCourse = () => {
-        exp = (exp == null ? [] : JSON.parse(exp));
-        norm = (norm == null ? [] : JSON.parse(norm));
+        let expStr = localStorage.getItem("exp");
+        let normStr = localStorage.getItem("norm");
+        let exp = (expStr == null ? [] : JSON.parse(expStr));
+        let norm = (normStr == null ? [] : JSON.parse(normStr));
         const fillCourse = async (w) => {
           if (this.lessonsList[w].length === 0) {
             this.lessonsList[w] = simpleSelectWeek(w, exp.concat(norm));
@@ -186,7 +180,7 @@ export default {
         }, 500);
       }
 
-      if (exp == null) {
+      if (localStorage.getItem("exp") == null) {
         this.show = true;
         refreshExpCourse((response) => {
           if (response.status !== 200) {
@@ -198,7 +192,7 @@ export default {
           setCourse();
         });
       }
-      if (norm == null) {
+      if (localStorage.getItem("norm") == null) {
         this.show = true;
         refreshNormalCourse((response) => {
           if (response.status !== 200) {
@@ -248,10 +242,20 @@ export default {
       return colors[num % colors.length];
     },
 
-    clearLocalCache: function () {
-      localStorage.removeItem("lessons");
-      localStorage.removeItem("norm");
-      localStorage.removeItem("exp");
+    validateLocalCache: function () {
+      let normStamp = localStorage.getItem("normStamp");
+      let expStamp = localStorage.getItem("expStamp");
+      if (normStamp !== START_TIME.toString() || expStamp !== START_TIME.toString()) {
+        localStorage.removeItem("refresh");
+        localStorage.removeItem("lessons");
+        this.show = true;
+      }
+      if (normStamp !== START_TIME.toString()) {
+        localStorage.removeItem("norm");
+      }
+      if (expStamp !== START_TIME.toString()) {
+        localStorage.removeItem("exp");
+      }
     },
   }
 }