开发指南018-前端存储

简介: src/utils/qlm_store.js封装了前端存储底层函数。登录后的用户信息都是通过调用底层函数进行保存的。

 src/utils/qlm_store.js封装了前端存储底层函数。登录后的用户信息都是通过调用底层函数进行保存的。

/*

*  key 键值

*  StoreType:存储位置 cookie|session|localStorage

*  调用时不输入该参数时,存储位置由QLMConfig.qlm_jwt_store配置决定

*  当window.QLMConfig.debug=="true" 时存为明文,否则为密文

*/

export function qlm_getValue(key,StoreType)

export function qlm_setValue(key,value,StoreType)

更底层由以下包支持:

import Cookies from 'js-cookie'

window.localStorage

window.sessionStorage

加解密:

import {encrypt,decrypt} from './qlm_commonfuns'

通过封装CryptoJS.AES完成:import CryptoJS from 'crypto-js'

平台上数据字典是缓存在sessionStorage里的,如下代码说明了前端取数据字典的过程:

//先从session中取否则从后台取-用于数据选择
export async function gainCodeItemList(setid){
  let value=qlm_getValue(setid,"session")
  if (value!=null){
    return JSON.parse(value)
  }
  let ret=await queryCodeItemList(setid)
  if (ret.retCode==88888888){
    qlm_setValue(setid,JSON.stringify(ret.data),"session")
    return ret.data
  }
  else{
    console.info("gainCodeItemList:"+setid+" error:"+ret.msg)
    return null
  }
}

image.gif


相关文章
|
13天前
|
微服务
开发指南010-后台结构
后台微服务程序结构如下:
|
13天前
|
存储 缓存 前端开发
开发指南015-前端缓存的信息
平台前端架构启动后,在store里存储了很多信息,可以通过getter取到
开发指南002-前后端信息交互规范-概述
前后端之间采用restful接口,服务和服务之间使用feign
|
13天前
|
前端开发 JavaScript
|
13天前
|
前端开发
开发指南017- 移动前端结构
移动前端采用uniapp架构,主要目录如下:
|
13天前
|
前端开发 数据库 Nacos
|
3月前
|
存储 缓存
uniapp存储讲解
uniapp存储讲解
32 4
|
7月前
|
开发框架 小程序 JavaScript
[笔记]微信小程序开发《二》框架基础:结构介绍
[笔记]微信小程序开发《二》框架基础:结构介绍
|
11月前
|
存储 XML JSON
嵌入式linux之go语言开发(十二)参数配置文件存储模块开发
嵌入式linux之go语言开发(十二)参数配置文件存储模块开发
|
11月前
|
JavaScript 小程序 前端开发
微信小程序底层框架实现原理|万字长文(二)
微信小程序底层框架实现原理|万字长文
166 0