geg-gas/geg-gas-web
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

----添加数据缓存工具

Browse Source
This commit is contained in:
张福财
2026-01-19 16:43:02 +08:00
parent e97ba3bcfb
commit c2a74385b0
4 changed files with 219 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -10,7 +10,7 @@ VITE_PUBLIC_PATH = /
# 如果接口地址匹配到，则会转发到http://localhost:3000，防止本地出现跨域问题
# 可以有多个，注意多个不能换行，否则代理将会失效
#VITE_PROXY = [["/api","http://localhost:3000"],["/upload","http://localhost:3300/upload"]]
VITE_PROXY=[["/api","http://10.10.2.102:9500"]]
VITE_PROXY=[["/api","http://127.0.0.1:8090"]]
#VITE_PROXY=[["/api/system/generator/","http://127.0.0.1:8091/system/generator/"],["/api/system/file/","http://127.0.0.1:8091/system/file/"],["/api/system/oss/","http://127.0.0.1:8091/system/oss/"],["/api/sales/","http://127.0.0.1:8096","/sales/"],["/api/mdm/","http://127.0.0.1:8096","/mdm/"],["/api","http://10.10.2.102:9500"]]
#VITE_PROXY=[["/api/sales/","http://127.0.0.1:8096","/sales/"],["/api/mdm/","http://127.0.0.1:8096","/mdm/"],["/api","http://10.10.2.102:9500"]]
#VITE_PROXY=[["/api/mdm/","http://127.0.0.1:8096","/mdm/"],["/api/sales/","http://127.0.0.1:8096","/sales/"],["/api","http://10.10.2.102:9500"]]

20
src/api/mdm/CountryRegion/index.ts
View File

@ -1,6 +1,7 @@
import { LngBRegionPageModel, LngBRegionPageParams, LngBRegionPageResult } from './model/CountryRegionModel';
import { defHttp } from '/@/utils/http/axios';
import { ErrorMessageMode } from '/#/axios';
import TStorage,{cache} from '/@/utils/storage';
enum Api {
Page = '/mdm/countryRegion/page',
@ -37,7 +38,9 @@ export async function getTreeData(params: LngBRegionPageParams, mode: ErrorMessa
* @description: 分节点查询LngBRegion树
*/
export async function getAreaList(params: LngBRegionPageParams, mode: ErrorMessageMode = 'modal') {
return defHttp.get<LngBRegionPageResult>(
let pkey = params.pid?params.pid:"#";
return cache(CacheKey.TREE_CHILD_DATA+":"+pkey, TStorage.timeOf(TStorage.TIME.MINUTE, 10),
defHttp.get<LngBRegionPageResult>(
{
url: Api.TreeChild,
params,
@ -45,13 +48,22 @@ export async function getAreaList(params: LngBRegionPageParams, mode: ErrorMessa
{
errorMessageMode: mode,
},
);
));
}
const CacheKey = {
TREE_DATA: 'LngBRegion:TreeChildInfo',
TREE_CHILD_DATA: 'LngBRegion:TreeChild',
};
/**
* @description: 分节点查询LngBRegion树回显
*/
export async function getAreaInfo(params: LngBRegionPageParams, mode: ErrorMessageMode = 'modal') {
return defHttp.get<LngBRegionPageResult>(
return cache(CacheKey.TREE_DATA+":"+params.code, TStorage.timeOf(TStorage.TIME.MINUTE, 10),
defHttp.get<LngBRegionPageResult>(
{
url: Api.TreeChildInfo,
params,
@ -59,7 +71,7 @@ export async function getAreaInfo(params: LngBRegionPageParams, mode: ErrorMessa
{
errorMessageMode: mode,
},
);
));
}
/**
* @description: 查询LngBRegion分页列表

117
src/utils/storage.ts Normal file
View File

@ -0,0 +1,117 @@
import TypeTools, { TYPES } from './type-tools';
class StorageData {
data: any;
type: string;
timeout: number;
constructor(data: any, type: string, timeout: number) {
this.data = data;
this.type = type;
this.timeout = timeout;
}
/**
* 判断缓存是否过期
*/
isExpired(): boolean {
if (!this.timeout) return false;
return new Date().getTime() > this.timeout;
}
getData(): any {
if(this.type === TYPES.DATE){
return new Date(parseInt(this.data));
}else if(this.type== TYPES.OBJ || this.type== TYPES.ARRAY){
return JSON.parse(this.data);
}else if(this.type== TYPES.REGEXP){
return new RegExp(this.data.pattern, this.data.flags);
}else if(this.type== TYPES.BOOLEAN){
return this.data === 'true';
}else if(this.type== TYPES.NUMBER){
return new Number(this.data);
}else if(this.type== TYPES.STRING){
return this.data;
}
return this.data;
}
static fromData(data: any,timeout?: number): StorageData {
if(timeout==undefined) timeout = new Date().getTime() + 600000; // Default timeout to 10 minutes from now
let type = TypeTools.parseType(data);
if(type === TYPES.UNKNOWN ||type== TYPES.FUNCTION || type== TYPES.JSON){
throw new Error('错误的数据类型，不能保存');
}
let sdata = data;
if(type === TYPES.DATE){
sdata = data.getTime();
}else if(type== TYPES.OBJ || type== TYPES.ARRAY){
sdata = JSON.stringify(data);
}else if(type== TYPES.REGEXP){
sdata = JSON.stringify({
pattern: data.pattern,
flags: data.flags
});
}
return new StorageData(sdata,type,timeout);
}
static fromJSON(json: string): StorageData {
const data = JSON.parse(json);
return new StorageData(data.data,data.type,parseInt(data.timeout));
}
}
const TStorage = {
TIME:{SECOND:1000,MINUTE:60000,HOUR:3600000,DAY:86400000},
timeOf(type: number,total:number): number {
return type*total;
},
set(key: string, data: any, timeout: number = 0) {
const storageData = StorageData.fromData(data,timeout);
localStorage.setItem(key, JSON.stringify(storageData));
},
get(key: string,timeout?:number) {
const sData = localStorage.getItem(key);
if (sData) {
const data = StorageData.fromJSON(sData);
if (data.isExpired()) {
if(timeout && timeout > 0){
data.timeout = new Date().getTime() + timeout;
localStorage.setItem(key,JSON.stringify(data));
}else{
localStorage.removeItem(key);
return null;
}
}
return data.getData();
}
return null;
}
}
export async function cache<T>(key:string, timeout: number = 0, promise: Promise<T>):Promise<T>{
return new Promise((resolve, reject) => {
const cachedData = TStorage.get(key,timeout);
if (cachedData!=undefined) {
resolve(cachedData);
} else {
promise.then((data) => {
TStorage.set(key, data, timeout);
resolve(data);
}).catch((err) => {
reject(err);
});
}
});
}
export default TStorage;

78
src/utils/type-tools.ts Normal file
View File

@ -0,0 +1,78 @@
const OBJ_TYPE = {
OBJ: "[object Object]",
NUMBER: "[object Number]",
STRING: "[object String]",
UNDEFINED: "[object Undefined]",
NULL: "[object Null]",
BOOLEAN: "[object Boolean]",
ARRAY: "[object Array]",
FUNCTION: "[object Function]",
DATE: "[object Date]",
REGEXP: "[object RegExp]",
JSON: "[object JSON]",
}
const TYPES = {
BOOLEAN: "BOOLEAN",
NUMBER: "NUMBER",
STRING: "STRING",
DATE: "DATE",
REGEXP: "REGEXP",
NULL: "NULL",
OBJ: "OBJ",
ARRAY: "ARRAY",
JSON: "JSON",
FUNCTION: "FUNCTION",
UNKNOWN: "UNKNOWN",
}
const TypeTools = {
parseType: function (obj: any) {
if (obj === null) return TYPES.NULL;
if(this.isNull(obj)) return TYPES.NULL;
if(this.isString(obj)) return TYPES.STRING;
if(this.isNumber(obj)) return TYPES.NUMBER;
if(this.isBoolean(obj)) return TYPES.BOOLEAN;
if(this.isDate(obj)) return TYPES.DATE;
if(this.isRegExp(obj)) return TYPES.REGEXP;
if(this.isArray(obj)) return TYPES.ARRAY;
if(this.isFunction(obj)) return TYPES.FUNCTION;
if(this.isObject(obj)) return TYPES.OBJ;
if(this.isJSON(obj)) return TYPES.JSON;
return TYPES.UNKNOWN;
},
isString: function (obj: any) {
return OBJ_TYPE.STRING === Object.prototype.toString.call(obj);
},
isBoolean: function (obj: any) {
return OBJ_TYPE.BOOLEAN === Object.prototype.toString.call(obj);
},
isNumber: function (obj: any) {
return OBJ_TYPE.NUMBER === Object.prototype.toString.call(obj);
},
isDate: function (obj: any) {
return OBJ_TYPE.DATE === Object.prototype.toString.call(obj);
},
isRegExp: function (obj: any) {
return OBJ_TYPE.REGEXP === Object.prototype.toString.call(obj);
},
isNull: function (obj: any) {
const type = Object.prototype.toString.call(obj);
return OBJ_TYPE.NULL === type || OBJ_TYPE.UNDEFINED === type;
},
isJSON: function (obj: any) {
return OBJ_TYPE.JSON === Object.prototype.toString.call(obj);
},
isArray: function (obj: any) {
return OBJ_TYPE.ARRAY === Object.prototype.toString.call(obj);
},
isFunction: function (obj: any) {
return OBJ_TYPE.FUNCTION === Object.prototype.toString.call(obj);
},
isObject: function (obj: any) {
return OBJ_TYPE.OBJ === Object.prototype.toString.call(obj);
}
};
export default TypeTools;
export { TYPES };