RuoYi
2 years ago
parent
abb88d622a
commit
9d7e32fb07
@ -0,0 +1,39 @@ |
||||
package com.ruoyi.common.constant; |
||||
|
||||
/** |
||||
* 缓存的key 常量 |
||||
* |
||||
* @author ruoyi |
||||
*/ |
||||
public class CacheConstants |
||||
{ |
||||
/** |
||||
* 登录用户 redis key |
||||
*/ |
||||
public static final String LOGIN_TOKEN_KEY = "login_tokens:"; |
||||
|
||||
/** |
||||
* 验证码 redis key |
||||
*/ |
||||
public static final String CAPTCHA_CODE_KEY = "captcha_codes:"; |
||||
|
||||
/** |
||||
* 参数管理 cache key |
||||
*/ |
||||
public static final String SYS_CONFIG_KEY = "sys_config:"; |
||||
|
||||
/** |
||||
* 字典管理 cache key |
||||
*/ |
||||
public static final String SYS_DICT_KEY = "sys_dict:"; |
||||
|
||||
/** |
||||
* 防重提交 redis key |
||||
*/ |
||||
public static final String REPEAT_SUBMIT_KEY = "repeat_submit:"; |
||||
|
||||
/** |
||||
* 限流 redis key |
||||
*/ |
||||
public static final String RATE_LIMIT_KEY = "rate_limit:"; |
||||
} |
||||
@ -0,0 +1,81 @@ |
||||
package com.ruoyi.system.domain; |
||||
|
||||
import com.ruoyi.common.utils.StringUtils; |
||||
|
||||
/** |
||||
* 缓存信息 |
||||
* |
||||
* @author ruoyi |
||||
*/ |
||||
public class SysCache |
||||
{ |
||||
/** 缓存名称 */ |
||||
private String cacheName = ""; |
||||
|
||||
/** 缓存键名 */ |
||||
private String cacheKey = ""; |
||||
|
||||
/** 缓存内容 */ |
||||
private String cacheValue = ""; |
||||
|
||||
/** 备注 */ |
||||
private String remark = ""; |
||||
|
||||
public SysCache() |
||||
{ |
||||
|
||||
} |
||||
|
||||
public SysCache(String cacheName, String remark) |
||||
{ |
||||
this.cacheName = cacheName; |
||||
this.remark = remark; |
||||
} |
||||
|
||||
public SysCache(String cacheName, String cacheKey, String cacheValue) |
||||
{ |
||||
this.cacheName = StringUtils.replace(cacheName, ":", ""); |
||||
this.cacheKey = StringUtils.replace(cacheKey, cacheName, ""); |
||||
this.cacheValue = cacheValue; |
||||
} |
||||
|
||||
public String getCacheName() |
||||
{ |
||||
return cacheName; |
||||
} |
||||
|
||||
public void setCacheName(String cacheName) |
||||
{ |
||||
this.cacheName = cacheName; |
||||
} |
||||
|
||||
public String getCacheKey() |
||||
{ |
||||
return cacheKey; |
||||
} |
||||
|
||||
public void setCacheKey(String cacheKey) |
||||
{ |
||||
this.cacheKey = cacheKey; |
||||
} |
||||
|
||||
public String getCacheValue() |
||||
{ |
||||
return cacheValue; |
||||
} |
||||
|
||||
public void setCacheValue(String cacheValue) |
||||
{ |
||||
this.cacheValue = cacheValue; |
||||
} |
||||
|
||||
public String getRemark() |
||||
{ |
||||
return remark; |
||||
} |
||||
|
||||
public void setRemark(String remark) |
||||
{ |
||||
this.remark = remark; |
||||
} |
||||
} |
||||
|
After Width: | Height: | Size: 2.6 KiB |
@ -0,0 +1,241 @@ |
||||
<template> |
||||
<div class="app-container"> |
||||
<el-row :gutter="10"> |
||||
<el-col :span="8"> |
||||
<el-card style="height: calc(100vh - 125px)"> |
||||
<div slot="header"> |
||||
<span>缓存列表</span> |
||||
<el-button |
||||
style="float: right; padding: 3px 0" |
||||
type="text" |
||||
icon="el-icon-refresh-right" |
||||
@click="refreshCacheNames()" |
||||
></el-button> |
||||
</div> |
||||
<el-table |
||||
v-loading="loading" |
||||
:data="cacheNames" |
||||
:height="tableHeight" |
||||
highlight-current-row |
||||
@row-click="getCacheKeys" |
||||
style="width: 100%" |
||||
> |
||||
<el-table-column |
||||
label="序号" |
||||
width="60" |
||||
type="index" |
||||
></el-table-column> |
||||
|
||||
<el-table-column |
||||
label="缓存名称" |
||||
align="center" |
||||
prop="cacheName" |
||||
:show-overflow-tooltip="true" |
||||
:formatter="nameFormatter" |
||||
></el-table-column> |
||||
|
||||
<el-table-column |
||||
label="备注" |
||||
align="center" |
||||
prop="remark" |
||||
:show-overflow-tooltip="true" |
||||
/> |
||||
<el-table-column |
||||
label="操作" |
||||
width="60" |
||||
align="center" |
||||
class-name="small-padding fixed-width" |
||||
> |
||||
<template slot-scope="scope"> |
||||
<el-button |
||||
size="mini" |
||||
type="text" |
||||
icon="el-icon-delete" |
||||
@click="handleClearCacheName(scope.row)" |
||||
></el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
</el-col> |
||||
|
||||
<el-col :span="8"> |
||||
<el-card style="height: calc(100vh - 125px)"> |
||||
<div slot="header"> |
||||
<span>键名列表</span> |
||||
<el-button |
||||
style="float: right; padding: 3px 0" |
||||
type="text" |
||||
icon="el-icon-refresh-right" |
||||
@click="refreshCacheKeys()" |
||||
></el-button> |
||||
</div> |
||||
<el-table |
||||
v-loading="subLoading" |
||||
:data="cacheKeys" |
||||
:height="tableHeight" |
||||
highlight-current-row |
||||
@row-click="handleCacheValue" |
||||
style="width: 100%" |
||||
> |
||||
<el-table-column |
||||
label="序号" |
||||
width="60" |
||||
type="index" |
||||
></el-table-column> |
||||
<el-table-column |
||||
label="缓存键名" |
||||
align="center" |
||||
:show-overflow-tooltip="true" |
||||
:formatter="keyFormatter" |
||||
> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="操作" |
||||
width="60" |
||||
align="center" |
||||
class-name="small-padding fixed-width" |
||||
> |
||||
<template slot-scope="scope"> |
||||
<el-button |
||||
size="mini" |
||||
type="text" |
||||
icon="el-icon-delete" |
||||
@click="handleClearCacheKey(scope.row)" |
||||
></el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
</el-col> |
||||
|
||||
<el-col :span="8"> |
||||
<el-card :bordered="false" style="height: calc(100vh - 125px)"> |
||||
<div slot="header"> |
||||
<span>缓存内容</span> |
||||
<el-button |
||||
style="float: right; padding: 3px 0" |
||||
type="text" |
||||
icon="el-icon-refresh-right" |
||||
@click="handleClearCacheAll()" |
||||
>清理全部</el-button |
||||
> |
||||
</div> |
||||
<el-form :model="form"> |
||||
<el-row :gutter="32"> |
||||
<el-col :offset="1" :span="22"> |
||||
<el-form-item label="缓存名称:" prop="cacheName"> |
||||
<el-input v-model="cacheForm.cacheName" :readOnly="true" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :offset="1" :span="22"> |
||||
<el-form-item label="缓存键名:" prop="cacheKey"> |
||||
<el-input v-model="cacheForm.cacheKey" :readOnly="true" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :offset="1" :span="22"> |
||||
<el-form-item label="缓存内容:" prop="cacheValue"> |
||||
<el-input |
||||
v-model="cacheForm.cacheValue" |
||||
type="textarea" |
||||
:rows="8" |
||||
:readOnly="true" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</el-card> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { listCacheName, listCacheKey, getCacheValue, clearCacheName, clearCacheKey, clearCacheAll } from "@/api/monitor/cache"; |
||||
|
||||
export default { |
||||
name: "CacheList", |
||||
data() { |
||||
return { |
||||
cacheNames: [], |
||||
cacheKeys: [], |
||||
cacheForm: {}, |
||||
loading: true, |
||||
subLoading: false, |
||||
nowCacheName: "", |
||||
tableHeight: window.innerHeight - 200 |
||||
}; |
||||
}, |
||||
created() { |
||||
this.getCacheNames(); |
||||
}, |
||||
methods: { |
||||
/** 查询缓存名称列表 */ |
||||
getCacheNames() { |
||||
this.loading = true; |
||||
listCacheName().then(response => { |
||||
this.cacheNames = response.data; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
/** 刷新缓存名称列表 */ |
||||
refreshCacheNames() { |
||||
this.getCacheNames(); |
||||
this.$modal.msgSuccess("刷新缓存列表成功"); |
||||
}, |
||||
/** 清理指定名称缓存 */ |
||||
handleClearCacheName(row) { |
||||
clearCacheName(row.cacheName).then(response => { |
||||
this.$modal.msgSuccess("清理缓存名称[" + this.nowCacheName + "]成功"); |
||||
this.getCacheKeys(); |
||||
}); |
||||
}, |
||||
/** 查询缓存键名列表 */ |
||||
getCacheKeys(row) { |
||||
const cacheName = row !== undefined ? row.cacheName : this.nowCacheName; |
||||
if (cacheName === "") { |
||||
return; |
||||
} |
||||
this.subLoading = true; |
||||
listCacheKey(cacheName).then(response => { |
||||
this.cacheKeys = response.data; |
||||
this.subLoading = false; |
||||
this.nowCacheName = cacheName; |
||||
}); |
||||
}, |
||||
/** 刷新缓存键名列表 */ |
||||
refreshCacheKeys() { |
||||
this.getCacheKeys(); |
||||
this.$modal.msgSuccess("刷新键名列表成功"); |
||||
}, |
||||
/** 清理指定键名缓存 */ |
||||
handleClearCacheKey(cacheKey) { |
||||
clearCacheKey(cacheKey).then(response => { |
||||
this.$modal.msgSuccess("清理缓存键名[" + cacheKey + "]成功"); |
||||
this.getCacheKeys(); |
||||
}); |
||||
}, |
||||
/** 列表前缀去除 */ |
||||
nameFormatter(row) { |
||||
return row.cacheName.replace(":", ""); |
||||
}, |
||||
/** 键名前缀去除 */ |
||||
keyFormatter(cacheKey) { |
||||
return cacheKey.replace(this.nowCacheName, ""); |
||||
}, |
||||
/** 查询缓存内容详细 */ |
||||
handleCacheValue(cacheKey) { |
||||
getCacheValue(this.nowCacheName, cacheKey).then(response => { |
||||
this.cacheForm = response.data; |
||||
}); |
||||
}, |
||||
/** 清理全部缓存 */ |
||||
handleClearCacheAll() { |
||||
clearCacheAll().then(response => { |
||||
this.$modal.msgSuccess("清理全部缓存成功"); |
||||
}); |
||||
} |
||||
}, |
||||
}; |
||||
</script> |
||||
Loading…
Reference in new issue