集群可以设置默认的WAF策略、缓存策略

This commit is contained in:
刘祥超
2020-12-17 15:50:44 +08:00
parent 5c4d3c31f0
commit 65384082f7
100 changed files with 1172 additions and 488 deletions

View File

@@ -13,7 +13,7 @@
<th>策略名称</th>
<th>策略类型</th>
<th>容量</th>
<th class="center">引用服务</th>
<th class="center">集群数</th>
<th class="center">状态</th>
<th class="two op">操作</th>
</tr>
@@ -25,7 +25,7 @@
<span v-if="policy.capacity != null && policy.capacity.count > 0">{{policy.capacity.count}}{{policy.capacity.unit.toUpperCase()}}</span>
<span v-else class="disabled">不限</span>
</td>
<td class="center">{{infos[index].countServers}}</td>
<td class="center">{{infos[index].countClusters}}</td>
<td class="center"><label-on :v-is-on="policy.isOn"></label-on></td>
<td>
<a :href="'/servers/components/cache/policy?cachePolicyId=' + policy.id">详情</a> &nbsp; <a href="" @click.prevent="deletePolicy(policy.id)">删除</a>

View File

@@ -1,67 +1,74 @@
{$layout}
{$template "policy_menu"}
{$template "policy_menu"}
<table class="ui table definition selectable">
<tr>
<td class="title">策略名称</td>
<td>{{cachePolicy.name}}</td>
</tr>
<tr>
<td>状态</td>
<td><label-on :v-is-on="cachePolicy.isOn"></label-on></td>
</tr>
<tr>
<td class="color-border">缓存类型</td>
<td>
{{typeName}}<span class="small">{{cachePolicy.type}}</span>
</td>
</tr>
<table class="ui table definition selectable">
<tr>
<td class="title">策略名称</td>
<td>{{cachePolicy.name}}</td>
</tr>
<tr>
<td>状态</td>
<td><label-on :v-is-on="cachePolicy.isOn"></label-on></td>
</tr>
<tr>
<td class="color-border">缓存类型</td>
<td>
{{typeName}}<span class="small">{{cachePolicy.type}}</span>
</td>
</tr>
<!-- 文件缓存选项 -->
<tbody v-if="cachePolicy.type == 'file'">
<tr>
<td class="color-border">缓存目录</td>
<td>
{{cachePolicy.options.dir}}
<p class="comment">存放文件缓存的目录,通常填写绝对路径。</p>
</td>
</tr>
</tbody>
<!-- 文件缓存选项 -->
<tbody v-if="cachePolicy.type == 'file'">
<tr>
<td class="color-border">缓存目录</td>
<td>
{{cachePolicy.options.dir}}
<p class="comment">存放文件缓存的目录,通常填写绝对路径。</p>
</td>
</tr>
</tbody>
<tr>
<td>缓存最大容量</td>
<td>
<size-capacity-view :v-value="cachePolicy.capacity" :v-default-text="'不限'"></size-capacity-view>
<p class="comment">允许缓存的最大内容长度如果为0表示没有限制。</p>
</td>
</tr>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>
<tbody v-show="moreOptionsVisible">
<tr>
<td>最大内容长度</td>
<td>
<size-capacity-view :v-value="cachePolicy.maxSize" :v-default-text="'不限'"></size-capacity-view>
<p class="comment">允许缓存的最大内容长度如果为0表示没有限制。</p>
</td>
</tr>
<tr>
<td>容纳Key数量</td>
<td>
<span v-if="cachePolicy.maxKeys > 0">{{cachePolicy.maxKeys}}</span>
<span v-else>不限</span>
<p class="comment">可以容纳多少数量的Key0表示不限制。</p>
</td>
</tr>
<tr>
<td>描述</td>
<td>
<span v-if="cachePolicy.description.length > 0">{{cachePolicy.description}}</span>
<span v-else class="disabled">暂时还没有描述。</span>
</td>
</tr>
</tbody>
</table>
<tr>
<td>缓存最大容量</td>
<td>
<size-capacity-view :v-value="cachePolicy.capacity" :v-default-text="'不限'"></size-capacity-view>
<p class="comment">允许缓存的最大内容长度如果为0表示没有限制。</p>
</td>
</tr>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>
<tbody v-show="moreOptionsVisible">
<tr>
<td>最大内容长度</td>
<td>
<size-capacity-view :v-value="cachePolicy.maxSize" :v-default-text="'不限'"></size-capacity-view>
<p class="comment">允许缓存的最大内容长度如果为0表示没有限制。</p>
</td>
</tr>
<tr>
<td>容纳Key数量</td>
<td>
<span v-if="cachePolicy.maxKeys > 0">{{cachePolicy.maxKeys}}</span>
<span v-else>不限</span>
<p class="comment">可以容纳多少数量的Key0表示不限制。</p>
</td>
</tr>
<tr>
<td>描述</td>
<td>
<span v-if="cachePolicy.description.length > 0">{{cachePolicy.description}}</span>
<span v-else class="disabled">暂时还没有描述。</span>
</td>
</tr>
</tbody>
</table>
<h4>使用此策略的集群</h4>
<p class="comment" v-if="clusters.length == 0">暂时还没有集群使用此策略。</p>
<table class="ui table selectable" v-if="clusters.length > 0">
<tr v-for="cluster in clusters">
<td>{{cluster.name}}<link-icon :href="'/clusters/cluster?clusterId=' + cluster.id"></link-icon></td>
</tr>
</table>

View File

@@ -0,0 +1,24 @@
{$layout "layout_popup"}
<h3>选择缓存策略</h3>
<table class="ui table selectable">
<thead>
<tr>
<th>策略名称</th>
<th style="width: 7em">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="cachePolicy in cachePolicies">
<td>{{cachePolicy.name}}</td>
<td>
<label-on :v-is-on="cachePolicy.isOn"></label-on>
</td>
<td>
<span v-if="cachePolicy.isOn">
<a href="" @click.prevent="selectPolicy(cachePolicy)">选择</a>
</span>
</td>
</tr>
</table>
<div class="page" v-html="page"></div>

View File

@@ -0,0 +1,11 @@
Tea.context(function () {
this.selectPolicy = function (cachePolicy) {
NotifyPopup({
code: 200,
data: {
cachePolicy: cachePolicy
},
message: ""
})
}
})

View File

@@ -14,7 +14,7 @@
<th>策略名称</th>
<th class="center">入站规则分组</th>
<th class="center">出站规则分组</th>
<th class="center">引用服务</th>
<th class="center">集群数</th>
<th class="two wide center">状态</th>
<th class="two op">操作</th>
</tr>
@@ -23,7 +23,7 @@
<td>{{policy.name}}</td>
<td class="center">{{policy.countInbound}}</td>
<td class="center">{{policy.countOutbound}}</td>
<td class="center">{{policy.countServers}}</td>
<td class="center">{{policy.countClusters}}</td>
<td class="center"><label-on :v-is-on="policy.isOn"></label-on></td>
<td>
<a :href="'/servers/components/waf/policy?firewallPolicyId=' + policy.id">详情</a> &nbsp;

View File

@@ -1,55 +1,54 @@
{$layout}
{$template "waf_menu"}
{$template "waf_menu"}
<table class="ui table definition selectable">
<tr>
<td class="title">策略名称</td>
<td>{{firewallPolicy.name}}</td>
</tr>
<tr>
<td>是否启用</td>
<td>
<label-on :v-is-on="firewallPolicy.isOn"></label-on>
</td>
</tr>
<tr>
<td>预置的规则分组</td>
<td>
<span class="ui label tiny basic" v-for="group in firewallPolicy.groups" style="margin-bottom:0.5em" :class="{disabled:!group.isOn}">{{group.name}}</span>
</td>
</tr>
<tr>
<td>阻止动作设置</td>
<td>
<span v-if="firewallPolicy.blockOptions == null" class="disabled">还没有设置。</span>
<div v-else>
<table class="ui table">
<tr>
<td class="title">状态码</td>
<td>{{firewallPolicy.blockOptions.statusCode}}</td>
</tr>
<tr>
<td>提示内容</td>
<td>{{firewallPolicy.blockOptions.body}}</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>描述</td>
<td>
<span v-if="firewallPolicy.description.length > 0">{{firewallPolicy.description}}</span>
<span v-else class="disabled">暂时还没有描述。</span>
</td>
</tr>
</table>
<table class="ui table definition selectable">
<tr>
<td class="title">策略名称</td>
<td>{{firewallPolicy.name}}</td>
</tr>
<tr>
<td>是否启用</td>
<td>
<label-on :v-is-on="firewallPolicy.isOn"></label-on>
</td>
</tr>
<tr>
<td>预置的规则分组</td>
<td>
<span class="ui label tiny basic" v-for="group in firewallPolicy.groups" style="margin-bottom:0.5em" :class="{disabled:!group.isOn}">{{group.name}}</span>
</td>
</tr>
<tr>
<td>阻止动作设置</td>
<td>
<span v-if="firewallPolicy.blockOptions == null" class="disabled">还没有设置。</span>
<div v-else>
<table class="ui table">
<tr>
<td class="title">状态码</td>
<td>{{firewallPolicy.blockOptions.statusCode}}</td>
</tr>
<tr>
<td>提示内容</td>
<td>{{firewallPolicy.blockOptions.body}}</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>描述</td>
<td>
<span v-if="firewallPolicy.description.length > 0">{{firewallPolicy.description}}</span>
<span v-else class="disabled">暂时还没有描述。</span>
</td>
</tr>
</table>
<h4>使用此策略的服务</h4>
<p class="comment" v-if="servers.length == 0">暂时还没有代理服务使用此策略。</p>
<table class="ui table selectable" v-if="servers.length > 0">
<tr v-for="server in servers">
<td>{{server.name}}<link-icon :href="'/servers/server?serverId=' + server.id"></link-icon></td>
</tr>
</table>
<h4>使用此策略的集群</h4>
<p class="comment" v-if="clusters.length == 0">暂时还没有集群使用此策略。</p>
<table class="ui table selectable" v-if="clusters.length > 0">
<tr v-for="cluster in clusters">
<td>{{cluster.name}}<link-icon :href="'/clusters/cluster?clusterId=' + cluster.id"></link-icon></td>
</tr>
</table>

View File

@@ -0,0 +1,24 @@
{$layout "layout_popup"}
<h3>选择WAF策略</h3>
<table class="ui table selectable">
<thead>
<tr>
<th>策略名称</th>
<th style="width: 7em">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="policy in policies">
<td>{{policy.name}}</td>
<td>
<label-on :v-is-on="policy.isOn"></label-on>
</td>
<td>
<span v-if="policy.isOn">
<a href="" @click.prevent="selectPolicy(policy)">选择</a>
</span>
</td>
</tr>
</table>
<div class="page" v-html="page"></div>

View File

@@ -0,0 +1,11 @@
Tea.context(function () {
this.selectPolicy = function (firewallPolicy) {
NotifyPopup({
code: 200,
data: {
firewallPolicy: firewallPolicy
},
message: ""
})
}
})

View File

@@ -4,14 +4,6 @@
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<table class="ui table definition selectable">
<tr>
<td class="title">缓存策略 *</td>
<td>
<select class="ui dropdown auto-width" name="cachePolicyId" v-model="cachePolicyId">
<option v-for="cachePolicy in cachePolicies" :value="cachePolicy.id">{{cachePolicy.name}}</option>
</select>
</td>
</tr>
<tbody is="http-cache-ref-box" :v-cache-ref="cacheRef"></tbody>
</table>
<submit-btn></submit-btn>

View File

@@ -2,16 +2,7 @@ Tea.context(function () {
this.success = NotifyPopup
this.cacheRef = null
let cachePolicyId = 0
if (this.cachePolicies.length > 0) {
cachePolicyId = this.cachePolicies[0].id
}
if (window.parent.UPDATING_CACHE_REF != null) {
let cacheRef = window.parent.UPDATING_CACHE_REF
this.cacheRef = cacheRef
if (cacheRef.cachePolicy != null) {
cachePolicyId = cacheRef.cachePolicy.id
}
this.cacheRef = window.parent.UPDATING_CACHE_REF
}
this.cachePolicyId = cachePolicyId
})

View File

@@ -5,7 +5,7 @@
<div class="right-box">
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="webId" :value="webId"/>
<http-cache-config-box :v-cache-config="cacheConfig"></http-cache-config-box>
<http-cache-config-box :v-cache-config="cacheConfig" :v-cache-policy="cachePolicy"></http-cache-config-box>
<submit-btn></submit-btn>
</form>
</div>

View File

@@ -9,7 +9,7 @@
<div class="right-box tiny">
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="webId" :value="webId"/>
<http-cache-config-box :v-cache-config="cacheConfig" :v-is-location="true"></http-cache-config-box>
<http-cache-config-box :v-cache-config="cacheConfig" :v-cache-policy="cachePolicy" :v-is-location="true"></http-cache-config-box>
<submit-btn></submit-btn>
</form>
</div>

View File

@@ -8,7 +8,7 @@
<div class="right-box tiny">
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="webId" :value="webId"/>
<http-firewall-config-box :v-firewall-config="firewallConfig" :v-firewall-policies="firewallPolicies" :v-is-location="true"></http-firewall-config-box>
<http-firewall-config-box :v-firewall-config="firewallConfig" :v-firewall-policy="firewallPolicy" :v-is-location="true"></http-firewall-config-box>
<submit-btn></submit-btn>
</form>
</div>

View File

@@ -2,9 +2,9 @@
{$template "/left_menu"}
<div class="right-box">
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="webId" :value="webId"/>
<http-firewall-config-box :v-firewall-config="firewallConfig" :v-firewall-policies="firewallPolicies"></http-firewall-config-box>
<submit-btn></submit-btn>
</form>
<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="webId" :value="webId"/>
<http-firewall-config-box :v-firewall-config="firewallConfig" :v-firewall-policy="firewallPolicy"></http-firewall-config-box>
<submit-btn></submit-btn>
</form>
</div>