支持缓存电影数据

src/components/Recommendation.vue

@@ -150,7 +150,7 @@
 </template>
 <script>
 import { mapMutations } from 'vuex'
-import { history, recommendation, setting, sites } from '../lib/dexie'
+import { history, recommendation, setting, sites, cachedMovies } from '../lib/dexie'
 import zy from '../lib/site/tools'
 import Waterfall from 'vue-waterfall-plugin'
 import axios from 'axios'
@@ -178,7 +178,9 @@ export default {
       selectedTypes: [],
       sortKeyword: '',
       sortKeywords: ['按片名', '按上映年份', '按更新时间'],
-      selectedYears: { start: 0, end: new Date().getFullYear() }
+      selectedYears: { start: 0, end: new Date().getFullYear() },
+      // 缓存数据
+      localCachedMovies: []
     }
   },
   components: {
@@ -248,67 +250,43 @@ export default {
         this.recommendations = this.recommendationsDefault
       }
       if (this.selectedRecommendationType === '豆瓣热门电影') {
-        this.getRecommendationsDoubanMovie()
+        const doubanUrl = 'https://movie.douban.com/j/search_subjects?type=movie&tag=%E7%83%AD%E9%97%A8&sort=recommend&page_limit=50&page_start=0'
+        this.getRecommendationsDoubanMovieOrTV(doubanUrl)
       }
       if (this.selectedRecommendationType === '豆瓣热门剧集') {
-        this.getRecommendationsDoubanTV()
+        const doubanUrl = 'https://movie.douban.com/j/search_subjects?type=tv&tag=%E7%83%AD%E9%97%A8&sort=recommend&page_limit=50&page_start=0'
+        this.getRecommendationsDoubanMovieOrTV(doubanUrl)
       }
     },
-    getRecommendationsDoubanMovie () {
-      if (this.recommendationsDoubanMovie && this.recommendationsDoubanMovie.length > 0) {
-        this.recommendations = this.recommendationsDoubanMovie
-        return
-      }
+    getRecommendationsDoubanMovieOrTV (doubanUrl) {
       this.recommendations = []
-      const doubleUrl = 'https://movie.douban.com/j/search_subjects?type=movie&tag=%E7%83%AD%E9%97%A8&sort=recommend&page_limit=50&page_start=0'
-      axios.get(doubleUrl).then(res => {
+      axios.get(doubanUrl).then(res => {
         if (res.data) {
           res.data.subjects.forEach(element => {
-            zy.searchFirstDetail(this.sites[0].key, element.title).then(detailRes => {
-              if (detailRes) {
-                const doc = {
-                  key: this.sites[0].key,
-                  ids: detailRes.id,
-                  site: this.sites[0],
-                  name: detailRes.name,
-                  detail: detailRes,
-                  rate: element.rate
-                }
-                this.recommendationsDoubanMovie.push(doc)
-                this.recommendations.push(doc)
-              }
-            })
+            const localCachedMovie = this.localCachedMovies.find(e => e.key === this.sites[0].key && e.name === element.title)
+            if (localCachedMovie) {
+              this.recommendations.push(localCachedMovie)
+            } else {
+              this.searchAndCacheMovie(element)
+            }
           })
         }
       })
     },
-    getRecommendationsDoubanTV () {
-      if (this.recommendationsDoubanMovie && this.recommendationsDoubanMovie.length > 0) {
-        this.recommendations = this.recommendationsDoubanTV
-        return
-      }
-      this.recommendations = []
-      const doubleUrl = 'https://movie.douban.com/j/search_subjects?type=tv&tag=%E7%83%AD%E9%97%A8&sort=recommend&page_limit=50&page_start=0'
-      axios.get(doubleUrl).then(res => {
-        if (res.data) {
-          res.data.subjects.forEach(element => {
-            console.log('searching ' + element.title)
-            zy.searchFirstDetail(this.sites[0].key, element.title).then(detailRes => {
-              console.log(detailRes)
-              if (detailRes) {
-                const doc = {
-                  key: this.sites[0].key,
-                  ids: detailRes.id,
-                  site: this.sites[0],
-                  name: detailRes.name,
-                  detail: detailRes,
-                  rate: element.rate
-                }
-                this.recommendationsDoubanTV.push(doc)
-                this.recommendations.push(doc)
-              }
-            })
-          })
+    searchAndCacheMovie (element) {
+      zy.searchFirstDetail(this.sites[0].key, element.title).then(detailRes => {
+        if (detailRes) {
+          const doc = {
+            key: this.sites[0].key,
+            ids: detailRes.id,
+            site: this.sites[0],
+            name: detailRes.name,
+            detail: detailRes,
+            rate: element.rate
+          }
+          this.recommendations.push(doc)
+          this.localCachedMovies.push(doc)
+          cachedMovies.add(doc)
         }
       })
     },
@@ -457,11 +435,17 @@ export default {
           this.sites = res.filter(item => item.isActive)
         }
       })
+    },
+    getCachedMovies () {
+      cachedMovies.all().then(res => {
+        this.localCachedMovies = res
+      })
     }
   },
   created () {
     this.getAllSites()
     this.getRecommendations()
+    this.getCachedMovies()
   },
   mounted () {
     addEventListener('resize', () => {

src/components/Setting.vue

@@ -370,7 +370,6 @@ export default {
     updateSettingEvent () {
       this.show.editPlayerPath = false
       this.setting = this.d
-      console.log(this.setting.restoreWindowPositionAndSize)
       setting.update(this.d)
     },
     toggleExcludeR18Films () {

src/lib/dexie/cachedMovies.js

@@ -0,0 +1,28 @@
+import db from './dexie'
+const { cachedMovies } = db
+export default {
+  async add (doc) {
+    return await cachedMovies.add(doc)
+  },
+  async bulkAdd (doc) {
+    return await cachedMovies.bulkAdd(doc)
+  },
+  async find (doc) {
+    return await cachedMovies.where(doc).first()
+  },
+  async update (id, docs) {
+    return await cachedMovies.update(id, docs)
+  },
+  async all () {
+    return await cachedMovies.toArray()
+  },
+  async remove (id) {
+    return await cachedMovies.delete(id)
+  },
+  async get (id) {
+    return await cachedMovies.get(id)
+  },
+  async clear () {
+    return await cachedMovies.clear()
+  }
+}

src/lib/dexie/dexie.js

@@ -75,7 +75,8 @@ db.version(10).stores({
 
 db.version(11).stores({
   setting: 'id, theme, shortcut, view, volume, externalPlayer, searchGroup, excludeRootClasses, excludeR18Films, forwardTimeInSec, starViewMode, recommandationViewMode,' +
-    'searchViewMode, password, proxy, allowPassWhenIptvCheck, autocleanWhenIptvCheck, rootClassFilter, r18ClassFilter, classFilter, restoreWindowPositionAndSize, windowPositionAndSize, pauseWhenMinimize'
+    'searchViewMode, password, proxy, allowPassWhenIptvCheck, autocleanWhenIptvCheck, rootClassFilter, r18ClassFilter, classFilter, restoreWindowPositionAndSize, windowPositionAndSize, pauseWhenMinimize',
+  cachedMovies: '++id, [key+ids], site, name, detail, index, rate, hasUpdate'
 }).upgrade(trans => {
   trans.setting.toCollection().modify(setting => {
     setting.restoreWindowPositionAndSize = false

src/lib/dexie/index.js

@@ -8,6 +8,7 @@ import search from './search'
 import iptv from './iptv'
 import channelList from './channelList'
 import recommendation from './recommendation'
+import cachedMovies from './cachedMovies'
 
 export {
   history,
@@ -19,5 +20,6 @@ export {
   iptv,
   channelList,
   search,
-  recommendation
+  recommendation,
+  cachedMovies
 }