数据持久化动态更新页面数据

MaoXiaoone · MaoXiaoone · commit 92bc00fa478d · 2024-07-02T16:12:14.000+08:00
数据持久化动态更新页面数据
diff --git a/entry/src/main/ets/common/constants/CommonConstants.ets b/entry/src/main/ets/common/constants/CommonConstants.ets
@@ -221,6 +221,7 @@ export default class CommonConstants {
   /**
    * 小说AppStorage存储key
    */
+  static readonly PREFERENCES_BOOK_TYPE_NUMBER:string = 'PREFERENCES_BOOK_TYPE_NUMBER'
   static readonly PREFERENCES_BOOK_INIT_KEY:string = 'PREFERENCES_BOOK_INIT_KEY'
   static readonly PREFERENCES_BOOK_DATA_KEY:string = 'PREFERENCES_BOOK_DATA_KEY'
   static readonly KEY_NOVEL_BOOK_DATA:string = 'KEY_NOVEL_BOOK_DATA'
diff --git a/entry/src/main/ets/common/utils/DataPreferencesUtils.ets b/entry/src/main/ets/common/utils/DataPreferencesUtils.ets
@@ -0,0 +1,47 @@
+import CommonConstants from '../constants/CommonConstants';
+import dataPreferences from '@ohos.data.preferences';
+
+// 获取context
+let context = getContext(this);
+export default class bookDataPreferences {
+
+  static shared = new bookDataPreferences();
+  preferences?: dataPreferences.Preferences;
+  preferencesName: string = CommonConstants.PREFERENCES_BOOK_DATA_KEY;
+
+  // 初始化preferences实例
+  initPreferences() {
+    this.preferences = dataPreferences.getPreferencesSync(context, { name: this.preferencesName });
+  }
+
+  // 设置数据
+  set(key: string, value: dataPreferences.ValueType) {
+    if (!this.preferences) {
+      this.initPreferences();
+    }
+    console.log('setinitPreferences', key, value)
+    this.preferences?.putSync(key, value);
+    this.preferences?.flush();
+  }
+
+  // 获取数据
+  get(key: string): dataPreferences.ValueType | null | undefined {
+    if (!this.preferences) {
+      this.initPreferences();
+    }
+    let value = this.preferences?.getSync(key, null);;
+    return value;
+  }
+
+  // 删除数据
+  delete(key: string) {
+    if (!this.preferences) {
+      this.initPreferences();
+    }
+    if (this.preferences?.hasSync(key)) {
+      this.preferences.deleteSync(key);
+      this.preferences.flush();
+    }
+  }
+}
+
diff --git a/entry/src/main/ets/pages/view/bookShelf/IndexShelf.ets b/entry/src/main/ets/pages/view/bookShelf/IndexShelf.ets
@@ -14,6 +14,7 @@ import ShelfBookList from './Shelf/ShelfBookList'
 import picker from '@ohos.file.picker'
 import { FileHandler } from 'ets/common/utils/FileHandler'
 import RefreshComponent from '../../../componets/common/RefreshComponent'
+import CommonConstants from '../../../common/constants/CommonConstants'
 
 @Component
 export default struct IndexShelf {
diff --git a/entry/src/main/ets/pages/view/bookShelf/cartoonPage.ets b/entry/src/main/ets/pages/view/bookShelf/cartoonPage.ets
@@ -3,7 +3,8 @@ import BookInfo from './BookInfo'
 import { promptAction } from '@kit.ArkUI'
 import BookInfoGrid from './BookInfoGrid'
 import CommonConstants from '../../../common/constants/CommonConstants'
-import { delBookListAll, delBookListByBookId, getBookData } from '../../../storage/bookListData'
+import { delBookListAll, delBookListByBookId} from '../../../storage/bookListData'
+import { updateShelfBookData } from '../../../preferences/bookDataPreferences'
 
 /**
  * 漫画
@@ -15,11 +16,11 @@ export default struct cartoonPage{
   @Prop currentIndex:number
   @State lastIndex:string = '9999'
   @Prop @Watch('onIsEXHIBITChange') EXHIBIT:string
+  @StorageLink(CommonConstants.KEY_CARTOON_BOOK_DATA)
+  @Watch('updatePreferences')cartoonList:BookList[] = []
 
-  @State cartoonList:BookList[] = []
-
-  aboutToAppear(): void {
-    this.cartoonList = getBookData(1) as BookList[] //初始化数据
+  updatePreferences(){
+    updateShelfBookData(this.cartoonList, 0)
   }
 
   onIsClearChange() {
diff --git a/entry/src/main/ets/pages/view/bookShelf/novelPage.ets b/entry/src/main/ets/pages/view/bookShelf/novelPage.ets
@@ -3,7 +3,8 @@ import BookInfo from './BookInfo'
 import { promptAction } from '@kit.ArkUI'
 import BookInfoGrid from './BookInfoGrid'
 import CommonConstants from '../../../common/constants/CommonConstants'
-import { delBookListAll, delBookListByBookId, getBookData } from '../../../storage/bookListData'
+import { delBookListAll, delBookListByBookId } from '../../../storage/bookListData'
+import { updateShelfBookData } from '../../../preferences/bookDataPreferences'
 
 
 @Component
@@ -15,12 +16,10 @@ export default struct novelPage{
   @Prop bookType:string
   @Prop @Watch('onIsEXHIBITChange') EXHIBIT:string
 
-  @State bookList:BookList[] = []
-
-  aboutToAppear(): void {
-    this.bookList = getBookData(0) as BookList[] //初始化数据
-    console.log('test----------')
-    console.log(JSON.stringify(this.bookList))
+  @StorageLink(CommonConstants.KEY_NOVEL_BOOK_DATA)
+  @Watch('updatePreferences')bookList:BookList[] = []
+  updatePreferences(){
+    updateShelfBookData(this.bookList, 0)
   }
 
   //监听isClear变化
@@ -35,25 +34,6 @@ export default struct novelPage{
     }
   }
 
-  // isChangeManageDelete() {
-  //   if (this.manageDelete) {
-  //     if (this.checkBookList === null || this.checkBookList.length === 0) {
-  //       promptAction.showToast({
-  //         message: '请选择要删除的内容',
-  //         duration: 1000,
-  //       })
-  //       this.manageDelete = false
-  //       return
-  //     }
-  //     this.bookList = []
-  //     console.log('删除')
-  //     this.manageDelete = false
-  //   }
-  // }
-  // isChangeBookList() {
-  //   console.log(this.checkBookList + '')
-  // }
-
   //监听EXHIBIT变化
   onIsEXHIBITChange() {
     console.log(this.EXHIBIT)
diff --git a/entry/src/main/ets/pages/view/bookShelf/soundPage.ets b/entry/src/main/ets/pages/view/bookShelf/soundPage.ets
@@ -3,7 +3,8 @@ import BookInfo from './BookInfo'
 import { promptAction } from '@kit.ArkUI'
 import BookInfoGrid from './BookInfoGrid'
 import CommonConstants from '../../../common/constants/CommonConstants'
-import { delBookListAll, delBookListByBookId, getBookData } from '../../../storage/bookListData'
+import { delBookListAll, delBookListByBookId } from '../../../storage/bookListData'
+import { updateShelfBookData } from '../../../preferences/bookDataPreferences'
 
 /**
  * 有声书
@@ -16,11 +17,13 @@ export default struct soundPage{
   @State lastIndex:string = '9999'
   @Prop @Watch('onIsEXHIBITChange') EXHIBIT:string
 
-  soundList:BookList[] = []
+  @StorageLink(CommonConstants.KEY_SOUND_BOOK_DATA)
+  @Watch('updatePreferences')soundList:BookList[] = []
 
-  aboutToAppear(): void {
-    this.soundList = getBookData(2) as BookList[] //初始化数据
+  updatePreferences(){
+    updateShelfBookData(this.soundList, 0)
   }
+
   //监听isClear变化
   onIsClearChange() {
     if (this.currentIndex === 2 && this.isClear) {
diff --git a/entry/src/main/ets/preferences/bookDataPreferences.ets b/entry/src/main/ets/preferences/bookDataPreferences.ets
@@ -1,47 +1,73 @@
-import CommonConstants from '../common/constants/CommonConstants';
-import dataPreferences from '@ohos.data.preferences';
+import CommonConstants from '../common/constants/CommonConstants'
+import { BookList } from '../componets/dataList/bookList'
+import bookDataPreferences from '../common/utils/DataPreferencesUtils'
 
-// 获取context
-let context = getContext(this);
-export default class bookDataPreferences {
+/**
+ * 初始化存放书本内容
+ */
+let KEY = ''
 
-  static shared = new bookDataPreferences();
-  preferences?: dataPreferences.Preferences;
-  preferencesName: string = CommonConstants.PREFERENCES_BOOK_DATA_KEY;
+export const novelListData:BookList[] = [
+  new BookList('1','仙人消失之后','会说话的肘子·未读过1','更新至·第340章 镇压',$r('app.media.cover_list'),'测试作者','玄幻')
+  ,new BookList('2','仙人消失之后','会说话的肘子·未读过2','更新至·第340章 镇压',$r('app.media.cover_list'),'测试作者','玄幻')
+]
 
-  // 初始化preferences实例
-  initPreferences() {
-    this.preferences = dataPreferences.getPreferencesSync(context, { name: this.preferencesName });
-  }
+const soundListData:BookList[] = [
+  new BookList('1','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('2','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('3','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('4','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('5','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('6','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('7','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('8','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('9','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻'),
+  new BookList('10','三体广播据','729声工厂 · 第一季 第五集 红岸基地','共101集 · 最终季 最终集 回归大宇宙',$r('app.media.cover_list2'),'测试作者','玄幻')]
 
-  // 设置数据
-  set(key: string, value: dataPreferences.ValueType) {
-    if (!this.preferences) {
-      this.initPreferences();
-    }
-    console.log('setinitPreferences', key, value)
-    this.preferences?.putSync(key, value);
-    this.preferences?.flush();
-  }
+const cartoonListData:BookList[] = [
+  new BookList('1','极主夫道','会说话的肘子·未读过1','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('2','极主夫道','会说话的肘子·未读过2','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('3','极主夫道','会说话的肘子·未读过3','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('4','极主夫道','会说话的肘子·未读过4','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('5','极主夫道','会说话的肘子·未读过5','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('6','极主夫道','会说话的肘子·未读过6','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('7','极主夫道','会说话的肘子·未读过7','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('8','极主夫道','会说话的肘子·未读过8','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('9','极主夫道','会说话的肘子·未读过9','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+  ,new BookList('10','极主夫道','会说话的肘子·未读过10','更新至·第340章 镇压',$r('app.media.cover_list1'),'测试作者','玄幻')
+]
 
-  // 获取数据
-  get(key: string): dataPreferences.ValueType | null | undefined {
-    if (!this.preferences) {
-      this.initPreferences();
-    }
-    let value = this.preferences?.getSync(key, null);;
-    return value;
-  }
 
-  // 删除数据
-  delete(key: string) {
-    if (!this.preferences) {
-      this.initPreferences();
-    }
-    if (this.preferences?.hasSync(key)) {
-      this.preferences.deleteSync(key);
-      this.preferences.flush();
-    }
-  }
+
+export const initBookPreferences = ()=>{
+  //内容数据持久化
+  bookDataPreferences.shared.set(CommonConstants.PREFERENCES_BOOK_INIT_KEY,true)
+  bookDataPreferences.shared.set(CommonConstants.KEY_NOVEL_BOOK_DATA,novelListData)
+  bookDataPreferences.shared.set(CommonConstants.KEY_SOUND_BOOK_DATA,soundListData)
+  bookDataPreferences.shared.set(CommonConstants.KEY_CARTOON_BOOK_DATA,cartoonListData)
+}
+/**
+ * 统一更新持久化
+ * bookDate 书籍更新内容
+ * bookType 书籍类型Key
+ */
+export const updateShelfBookData = (bookDate:BookList[], bookType:number) =>{
+  shelfBookType(bookType)
+  bookDataPreferences.shared.set(KEY,bookDate)
+}
+
+//获取书架持久化数据
+export const getBookData = (shelfTye:number)=>{
+  shelfBookType(shelfTye)
+  return bookDataPreferences.shared.get(KEY) as BookList[];
 }
 
+function shelfBookType(shelfTye:number){
+  if (shelfTye === 0) {
+    KEY = CommonConstants.KEY_NOVEL_BOOK_DATA
+  } else if (shelfTye === 1) {
+    KEY = CommonConstants.KEY_CARTOON_BOOK_DATA
+  } else if (shelfTye === 2) {
+    KEY = CommonConstants.KEY_SOUND_BOOK_DATA
+  }
+}
diff --git a/entry/src/main/ets/storage/appData.ets b/entry/src/main/ets/storage/appData.ets
@@ -1,9 +1,10 @@
 import CommonConstants from '../common/constants/CommonConstants'
 import { showMessage } from '../componets/common/promptShow'
-import bookDataPreferences from '../preferences/bookDataPreferences'
+import bookDataPreferences from '../common/utils/DataPreferencesUtils'
 import { initBookListData } from './bookListData'
 import { groupInitAppData } from './groupData'
 import { shelfInitAppData } from './shelfListData'
+import { initBookPreferences } from '../preferences/bookDataPreferences'
 
 let APP_INDEX_SCROLLABLE = 'APP_INDEX_SCROLLABLE'
 
@@ -13,11 +14,12 @@ export const initAppData = ()=>{
   AppStorage.setOrCreate(APP_INDEX_SCROLLABLE,APP_INDEX_SCROLLABLE_DATA)
   shelfInitAppData()
   if (!bookDataPreferences.shared.get(CommonConstants.PREFERENCES_BOOK_INIT_KEY) as boolean) {
-    initBookListData()
+    initBookPreferences()
     showMessage(`初始化成功${CommonConstants.PREFERENCES_BOOK_DATA_KEY} ${bookDataPreferences.shared.get(CommonConstants.PREFERENCES_BOOK_INIT_KEY) as boolean}`)
   } else {
     showMessage(`已经初始化过${CommonConstants.PREFERENCES_BOOK_DATA_KEY} ${bookDataPreferences.shared.get(CommonConstants.PREFERENCES_BOOK_INIT_KEY) as boolean}`)
   }
+  initBookListData()
   groupInitAppData()
 }
 
diff --git a/entry/src/main/ets/storage/bookListData.ets b/entry/src/main/ets/storage/bookListData.ets
