数据库共享：结合 pinia + electron-store

关闭开发 本地文件日志，只有生产有日志文件记录

src/main/index.js

@@ -13,7 +13,7 @@ import remote from '@electron/remote/main'
 // 第二步： 初始化remote
 remote.initialize()
 // 日志配置-初始化(日志直接绑定到console上)
-Logger.initialize()
+if(!is.dev) Logger.initialize()
 // 持久化数据-初始化
 Store.initialize()
 

src/renderer/src/plugins/shareStore.js

@@ -3,13 +3,14 @@
  */
 const isNode = typeof require !== 'undefined' // 是否支持node函数
 const { ipcRenderer } = isNode?require('electron'):{} // app使用
+import { sessionStore } from '@/utils/tool'
 // const Remote = isNode?require('@electron/remote'):{}  // 远程模块
 export function shareStorePlugin({store}) {
   store.$subscribe((mutation, state) => { // 自动同步
     // mutation 变量包含了变化前后的状态
     // mutation.events: key newValue target oldValue oldTarget
     // state 是变化后的状态
-    // console.log('store.$subscribe', mutation)
+    // console.log('store.$subscribe', mutation, state, store)
     // 在存储变化的时候执行
     // const storeName = store.$id
     const storeName = mutation.storeId
@@ -19,13 +20,15 @@ export function shareStorePlugin({store}) {
       const { storeId: storeName, payload, events, type } = mutation // direct
       // if (!Object.keys(payload).length) return
       if (type != 'direct' || !events || Array.isArray(events) || !events.key) return
-      stateSync(storeName, events.key, events.newValue) // 需要同步
+      stateSync(storeName, events.key, events.newValue, state) // 需要同步
     }
   })
+
   // 暴露方法-手动同步
   store.stateSync = (storeName, key, value) => {
-    if (!storeName && !!key && !!value) stateSync(storeName, key, value)
-    else stateSyncAll(store)
+    const state = store.$state
+    if (!storeName && !!key && !!value) stateSync(storeName, key, value, state)
+    else stateSyncAll(store, state)
   }
   // 暴露方法-发送当前状态-新窗口
   store.stateSyncInit = wid => stateSyncInit(wid, store)
@@ -34,14 +37,16 @@ export function shareStorePlugin({store}) {
 }
 
 // 同步数据-发送给主线程-单独
-function stateSync(storeName, key, value) {
+function stateSync(storeName, key, value, state) {
   // console.log('state-change', storeName, key, value)
   try {
-    let jsonStr = ''
-    if (typeof key === 'string') jsonStr = JSON.stringify({[key]:value})
-    else if (typeof value === 'object') jsonStr = JSON.stringify(key)
+    const { data, keystr } = filterByKey(state, key, value)
+    const jsonStr = JSON.stringify(data) // 从新组装-json数据
+    // 更新本地数据-session
+    sessionStore.set(keystr, value)
     // 通知主线程更新
     ipcRenderer?.invoke('pinia-state-change', storeName, jsonStr)
+    // console.log('======',keystr, data )
   } catch (error) {
     console.log('state-change-error', error)
   }
@@ -95,3 +100,27 @@ const circularSafeStringify = (obj) => {
   });
 }
 
+// 过滤对象
+const filterByKey = (obj, key, value) => {
+  let res = { data:{}, keystr:'' }
+  for (let k in obj) {
+    if (obj.hasOwnProperty(k)) {
+      const isEqual = JSON.stringify(obj[k]) === JSON.stringify(value) // 值是否相同
+      if (k === key && isEqual) {
+        // 如果匹配，则添加到新对象中
+        res.data[k] = obj[k];
+        res.keystr = k;
+      } else {
+        if (obj[k] !== null && typeof obj[k] === 'object') {
+          // 如果是对象，则递归处理
+          const {data, keystr} = filterByKey(obj[k], key, value)
+          res.data[k] = data
+          res.keystr = keystr ? `${k}.${keystr}`: key
+        }
+      }
+    }
+  }
+  return res;
+}
+// 对象克隆
+const objClone = (obj) => JSON.parse(JSON.stringify(obj))

src/renderer/src/store/modules/tool.js

@@ -2,6 +2,10 @@
  * 工具类-窗口-状态管理
  */
 import { defineStore } from 'pinia'
+import { sessionStore } from '@/utils/tool'
+
+// 默认数据
+const defData = sessionStore.store || {}
 
 export const useToolState = defineStore('tool', {
   state: () => ({
@@ -10,9 +14,10 @@ export const useToolState = defineStore('tool', {
     isPdfWin: false,        // pdf窗口是否打开
     isToolWin: false,       // 工具窗口是否打开
     curSubjectNode: {
-      data: {},              // 当前教材节点 （包含当前教材 单元）
+      data: {},             // 当前教材节点 （包含当前教材 单元）
       querySearch: {}       // 查询资源所需参数
-    }      
+    },
+    ...defData              // 默认数据-覆盖上面的配置(不要删除, 会导致新窗口-获取状态失败)
   }),
   actions: {
   }

src/renderer/src/utils/tool.js

@@ -11,13 +11,13 @@ const path = isNode?require('path'):{}
 const Remote = isNode?require('@electron/remote'):{}
 const { ipcRenderer } = isNode?require('electron'):window.electron || {}
 const API = isNode?window.api:{}                    // preload-api
-import { useToolState } from '@/store/modules/tool' // 获取store状态
+// import { useToolState } from '@/store/modules/tool' // 获取store状态
 const Store = isNode?require('electron-store'):null // 持久化存储
 
 // 常用变量
 const BaseUrl = isNode?process.env['ELECTRON_RENDERER_URL']+'/#':''
 const isDev = isNode?process.env.NODE_ENV !== 'production':''
-const toolState = useToolState() // 获取store状态
+// const toolState = useToolState() // 获取store状态
 
 // 暴露Remote中的属性
 export const ipcMain = Remote?.ipcMain || {}
@@ -137,7 +137,7 @@ export const createWindow = async (type, data) => {
           winPdf.restore();
         } else{
           winPdf.focus();
-          toolState.isPdfWin=true
+          // toolState.isPdfWin=true
         }
         
           return
@@ -204,9 +204,9 @@ export function toolWindow({url, isConsole, isWeb=true, option={}}) {
     mainWin.once('closed', () => { win.destroy()})
     // 内部监听器
     win.webContents.on('did-finish-load', () => {
-      setTimeout(() => {
-        toolState.stateSyncInit(win.id) // 同步状态
-      }, 200);
+      // setTimeout(() => {
+      //   toolState.stateSyncInit(win.id) // 同步状态
+      // }, 200);
     })
     // 内部监听器-是否打印
     if (!!isConsole) {

src/renderer/src/views/prepare/index.vue

@@ -144,12 +144,13 @@ import { parseCataByNode, creatPPT, asyncLocalFile } from '@/utils/talkFile'
 import FileOperBatch from '@/views/prepare/container/file-oper-batch.vue'
 import SetHomework from '@/components/set-homework/index.vue'
 import outLink from '@/utils/linkConfig'
-import { createWindow } from '@/utils/tool'
+import { createWindow, sessionStore } from '@/utils/tool'
 import { cloneDeep } from 'lodash'
 import { delClasswork } from '@/api/teaching/classwork'
 import { getSelfReserv, startClass } from '@/api/classManage'
 import { useGetHomework } from '@/hooks/useGetHomework'
 const toolStore = useToolState()
+
 const fs = require('fs')
 const { ipcRenderer } = window.electron || {}
 
@@ -423,7 +424,8 @@ export default {
       this.uploadData.levelThirdId = cata[2]
       this.uploadData.textbookId = data.textBook.curBookId
       toolStore.curSubjectNode.data = data
-      toolStore.curSubjectNode.querySearch = this.uploadData
+      // 不要同时修改共享数据，这样只会触发一次
+      this.$nextTick(() =>{ toolStore.curSubjectNode.querySearch = this.uploadData })
       this.initHomeWork()
       await this.asyncAllFile()
     },