RuoYi
3 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