增加在线帮助
This commit is contained in:
158
src/main/webapp/online-help/app/DNS_feature_advance.html
Normal file
158
src/main/webapp/online-help/app/DNS_feature_advance.html
Normal file
@@ -0,0 +1,158 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
用户自定义DNS协议特征,为特定应用添加DNS协议的特征。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>社交应用:用户选择APP。</li>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
|
||||
<li>匹配区域:只支持DNS_NAME。</li>
|
||||
<li>关键字:添加1个DNS请求域名(只能添加1个),最长1024个字符。</li>
|
||||
<li>匹配方式:包含子串匹配、左匹配、有匹配和完全匹配。</li>
|
||||
<li>是否十六进制:若关键字填写十六进制格式的DNS请求域名,选择十六进制,否则为非十六进制。</li>
|
||||
<li>表达式类型:分为“无表达式”和“与表达式”,“无表达式”可以和任意一种匹配方式组合使用,“与表达式”只能和子串匹配组合使用。</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
将该DNS特征添加给了指定的APP,如用户产生具有该特征的数据,会有如下效果。
|
||||
<li>若用户下发该APP阻断配置,该DNS被阻断,若用户选择生成日志,会有该APP的阻断日志。</li>
|
||||
<li>若用户下发该APP监视配置,DNS请求正常工作,若用户选择生成日志,会有该APP的监视日志。</li>
|
||||
<li>若用户下发该APP限速配置,户会感知DNS响应变差,若用户选择生成日志,会有该APP的限速日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
171
src/main/webapp/online-help/app/HTTP_feature_advance.html
Normal file
171
src/main/webapp/online-help/app/HTTP_feature_advance.html
Normal file
@@ -0,0 +1,171 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
用户自定义HTTP协议特征,为特定应用添加HTTP协议的特征。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>社交应用:用户选择APP。</li>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
APP HTTP特征限制条件:
|
||||
<ul>
|
||||
|
||||
<li>匹配区域:选择具体的HTTP特征,包括请求包的特征和应答包的特征。</li>
|
||||
<li>关键字:可填多个关键字,最长1024个字符,用回车键分割。</li>
|
||||
<li>匹配方式:包含子串匹配、左匹配、有匹配和完全匹配。</li>
|
||||
<li>表达式类型:分为“无表达式”和“与表达式”,“无表达式”可以和任意一种匹配方式组合使用,“与表达式”只能和子串匹配组合使用。</li>
|
||||
<li>是否十六进制:若关键字填写十六进制格式的特征,选择十六进制,否则为非十六进制。</li>
|
||||
|
||||
|
||||
</ul>
|
||||
IP范围特征限制条件:
|
||||
<ul>
|
||||
|
||||
<li>IP类型:可选IPV4或IPV6。</li>
|
||||
<li>IP格式:可选IP、IP范围和IP/子网掩码。</li>
|
||||
<li>
|
||||
目的IP:IP格式选择“IP”,该文本框填合法的单个IP;IP格式选择“IP范围”,IP段只能配置x.x.x.0-x.x.x.255;IP/子网掩码中子网掩码值限制为16-32。
|
||||
</li>
|
||||
<li>目的端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>协议:可选TCP、UDP、全部。全部表示TCP或UDP。</li>
|
||||
<li>可为一个应用添加最多3个APP HTTP特征和1个IP范围特征。当同时满足APP HTTP特征和IP范围特征时,该配置才生效。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
将该HTTP特征添加给了指定的APP,如用户产生具有该特征的数据,会有如下效果。
|
||||
<li>若用户下发该APP阻断配置,请求该HTTP请求被阻断,若用户选择生成日志,会有该APP的阻断日志。</li>
|
||||
<li>若用户下发该APP监视配置,HTTP请求正常工作,若用户选择生成日志,会有该APP的监视日志。</li>
|
||||
<li>若用户下发该APP限速配置,户会感知HTTP响应变差,若用户选择生成日志,会有该APP的限速日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
156
src/main/webapp/online-help/app/IP_feature_advance.html
Normal file
156
src/main/webapp/online-help/app/IP_feature_advance.html
Normal file
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
用户自定义IP特征,为特定应用添加IP的特征。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>社交应用:用户选择APP。</li>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>IP类型:可选IPV4或IPV6。</li>
|
||||
<li>IP格式:可选IP、IP范围和IP/子网掩码。</li>
|
||||
<li>目的IP:IP格式选择“IP”,该文本框填合法的单个IP;IP格式选择“IP范围”,IP段只能配置x.x.x.0-x.x.x.255;IP/子网掩码中子网掩码值限制为16-32。</li>
|
||||
<li>目的端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>协议:可选TCP、UDP、全部。全部表示TCP或UDP。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
将该IP特征添加给了指定的APP,并产生了该特征的数据流量,有如下效果。
|
||||
<li>若用户下发该APP阻断配置,无法连接到该IP地址;</li>
|
||||
<li>若用户下发该APP监视配置,IP请求正常工作,若用户选择生成日志,会有该APP的监视日志。</li>
|
||||
<li>若用户下发该APP限速配置,户会感知响应变差,若用户选择生成日志,会有该APP的限速日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
201
src/main/webapp/online-help/app/app.html
Normal file
201
src/main/webapp/online-help/app/app.html
Normal file
@@ -0,0 +1,201 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
APP的识别和管控,配置指定APP的封堵、监视、限速功能界面。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
|
||||
<ul>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
<li>是否记录日志:是否生成日志信息。</li>
|
||||
<li>社交应用:选择管控的应用。</li>
|
||||
<li>行为类型:选择管控具体行为类型。可选项,不选则对该应用的所有行为进行管控。</li>
|
||||
<li>执行动作:APP有3种管控动作:阻断、监视和限速。若选择监视,用户需指定客户端IP。若选择限速,用户需指定限速比例。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
IP类配置,当执行动作选择“监视”,必须填写对应的IP配置。
|
||||
<ul>
|
||||
<li>IP类型:IPV4或IPV6。</li>
|
||||
<li>协议:可选TCP、UDP和全部。</li>
|
||||
<li>IP格式:可选IP、IP范围和IP/子网掩码。</li>
|
||||
<li>
|
||||
源IP:IP格式选择“IP”,该文本框填合法的单IP;IP格式选择“IP范围”,IP段只能配置x.x.x.0-x.x.x.255;IP/子网掩码中子网掩码值限制为16-32。
|
||||
</li>
|
||||
<li>源端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>目的IP:限制同源IP。</li>
|
||||
<li>目的端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>另:源IP与目的IP不能相同</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.配置生效范围</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
配置生效范围,分为“全部”和“选择区域”。“全部”指所有地区;“选择区域”需选择区域和运营商,并且可以同时选择多个区域和多个运营商,即某个地区的某个运营商流量生效,
|
||||
或者某个地区的所有流量生效,或者某个运营商的所有流量生效。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_6">
|
||||
5.配置标签 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_6" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>来函:选择来函文件类型,必选项;</li>
|
||||
<li>类型:指明该配置的类型,可同时选多个,比如信息内容安全、网络攻击等,非必选项;</li>
|
||||
<li>性质:指明该配置的性质,可同时选多个,比如政治事务、暴力恐怖等,非必选项;</li>
|
||||
<li>用户标签:用户自定义标签,可同时选多个,非必选项;</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_7">
|
||||
6.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_7" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>执行动作选择“阻断”,未选择行为类型,该APP全部功能无法正常使用;如果选择了行为类型,该APP的对应行为无法正常使用;</li>
|
||||
<li>执行动作选择“监视”,该APP被正常使用。</li>
|
||||
<li>执行动作选择“限速”,户会感知网速变差,当限速比例高达**时,APP出现无法使用的情况。</li>
|
||||
<li>若指定了客户端IP,该配置只对该用户生效,其他用户不受影响。</li>
|
||||
<li>若选择了记录日志,日志界面出现该配置的日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
198
src/main/webapp/online-help/app/basic_protocol.html
Normal file
198
src/main/webapp/online-help/app/basic_protocol.html
Normal file
@@ -0,0 +1,198 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
基础协议的识别和管控,配置指定协议的封堵、监视界面。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
<li>是否记录日志:是否生成日志信息。</li>
|
||||
<li>基础协议:选择管控的协议。</li>
|
||||
<li>执行动作:基础协议有两种管控动作:阻断、监视。若选择监视,用户需指定客户端IP相关信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
IP类配置,当执行动作选择“监视”,必须填写对应的IP配置。
|
||||
<ul>
|
||||
<li>IP类型:IPV4或IPV6。</li>
|
||||
<li>协议:可选TCP、UDP和全部。</li>
|
||||
<li>IP格式:可选IP、IP范围和IP/子网掩码。</li>
|
||||
<li>
|
||||
源IP:IP格式选择“IP”,该文本框填合法的单IP;IP格式选择“IP范围”,IP段只能配置x.x.x.0-x.x.x.255;IP/子网掩码中子网掩码值限制为16-32。
|
||||
</li>
|
||||
<li>源端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>目的IP:限制同源IP。</li>
|
||||
<li>目的端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>另:源IP与目的IP不能相同</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.配置生效范围</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
配置生效范围,分为“全部”和“选择区域”。“全部”指所有地区;“选择区域”需选择区域和运营商,并且可以同时选择多个区域和多个运营商,即某个地区的某个运营商流量生效,
|
||||
或者某个地区的所有流量生效,或者某个运营商的所有流量生效。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_6">
|
||||
5.配置标签 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_6" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>来函:选择来函文件类型,必选项;</li>
|
||||
<li>类型:指明该配置的类型,可同时选多个,比如信息内容安全、网络攻击等,非必选项;</li>
|
||||
<li>性质:指明该配置的性质,可同时选多个,比如政治事务、暴力恐怖等,非必选项;</li>
|
||||
<li>用户标签:用户自定义标签,可同时选多个,非必选项;</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_7">
|
||||
6.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_7" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>执行动作选择“阻断”,使用该协议的应用全部无法正常使用;</li>
|
||||
<li>执行动作选择“监视”,使用该协议的应用不受影响。</li>
|
||||
<li>若指定了客户端IP,该配置只对该用户生效,其他用户不受影响。</li>
|
||||
<li>若选择了记录日志,日志界面出现该配置的日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
153
src/main/webapp/online-help/app/domain_feature_advance.html
Normal file
153
src/main/webapp/online-help/app/domain_feature_advance.html
Normal file
@@ -0,0 +1,153 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
用户自定义域名特征,为特定应用添加域名的特征。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>社交应用:用户选择APP。</li>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>域名:填写正确的域名,最长1024字符。</li>
|
||||
<li>匹配方式:包含子串匹配、左匹配、有匹配和完全匹配。</li>
|
||||
<li>是否十六进制:若关键字填写十六进制格式的特征,选择十六进制,否则为非十六进制。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
将该域名特征添加给了指定的APP,如用户产生具有该特征的数据,会有如下效果。
|
||||
<li>若用户下发该APP阻断配置,请求该域名被阻断,若用户选择生成日志,会有该APP的阻断日志。</li>
|
||||
<li>若用户下发该APP监视配置,域名请求正常工作,若用户选择生成日志,会有该APP的监视日志。</li>
|
||||
<li>若用户下发该APP限速配置,户会感知域名响应变差,若用户选择生成日志,会有该APP的限速日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
165
src/main/webapp/online-help/app/payload_feature_advance.html
Normal file
165
src/main/webapp/online-help/app/payload_feature_advance.html
Normal file
@@ -0,0 +1,165 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
用户自定义数据包载荷特征,为特定应用添加载荷的特征。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>社交应用:用户选择APP。</li>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
APP载荷类约束条件:
|
||||
<ul>
|
||||
<li>匹配区域:共7类APP载荷特征,分别是:载荷、C2S载荷、S2C载荷,C2S方向包序列,S2C方向包序列,二层头,三层头。</li>
|
||||
<li>关键字:可填多个关键字,最长1024字符,用回车键分割。</li>
|
||||
<li>匹配方式:包含子串匹配、左匹配、有匹配和完全匹配。</li>
|
||||
<li>表达式类型:分为“无表达式”和“与表达式”,“无表达式”可以和任意一种匹配方式组合使用,“与表达式”只能和子串匹配组合使用。</li>
|
||||
<li>是否十六进制:十六进制的</li>
|
||||
</ul>
|
||||
IP类约束条件:
|
||||
<ul>
|
||||
<li>IP类型:可选IPV4或IPV6。</li>
|
||||
<li>IP格式:可选IP、IP范围和IP/子网掩码。</li>
|
||||
<li>目的IP:IP格式选择“IP”,该文本框填合法的单个IP;IP格式选择“IP范围”,IP段只能配置x.x.x.0-x.x.x.255;IP/子网掩码中子网掩码值限制为16-32。</li>
|
||||
<li>目的端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>协议:可选TCP、UDP、全部。全部表示TCP或UDP。</li>
|
||||
</ul>
|
||||
可为一个应用添加最多3个APP载荷特征和1个IP范围特征。当同时满足APP载荷特征和IP范围特征时,该配置才生效。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
将该载荷特征添加给了指定的APP,如用户产生具有该载荷特征的数据,会有如下效果。
|
||||
<li>若用户下发该APP阻断配置,具有该载荷特征的数据流被阻断,若用户选择生成日志,会有该APP的阻断日志。;</li>
|
||||
<li>若用户下发该APP监视配置,具有该载荷特征的数据正常工作,若用户选择生成日志,会有该APP的监视日志。</li>
|
||||
<li>若用户下发该APP限速配置,户会感知响应变差,若用户选择生成日志,会有该APP的限速日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
165
src/main/webapp/online-help/app/ssl_feature_advance.html
Normal file
165
src/main/webapp/online-help/app/ssl_feature_advance.html
Normal file
@@ -0,0 +1,165 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
用户自定义SSL协议特征,为特定应用添加SSL协议的特征。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>社交应用:用户选择APP。</li>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
APP SSL类约束条件:
|
||||
<ul>
|
||||
<li>匹配区域:选择具体的SSL特征。</li>
|
||||
<li>关键字:可填多个关键字,最长1024字符,用回车键分割。比如匹配区域选择SSL_SNI,关键字填完整的域名,用户需按实际情况填写,可参考抓包工具的数据包解析结果。</li>
|
||||
<li>匹配方式:包含子串匹配、左匹配、有匹配和完全匹配。</li>
|
||||
<li>是否十六进制:若关键字填写十六进制格式的特征,选择十六进制,否则为非十六进制。</li>
|
||||
</ul>
|
||||
IP类约束条件:
|
||||
<ul>
|
||||
<li>IP类型:可选IPV4或IPV6。
|
||||
<li>IP格式:可选IP、IP范围和IP/子网掩码。
|
||||
<li>目的IP:IP格式选择“IP”,该文本框填合法的单个IP;IP格式选择“IP范围”,IP段只能配置x.x.x.0-x.x.x.255;IP/子网掩码中子网掩码值限制为16-32。
|
||||
<li>目的端口:端口与端口掩码范围是0-65535。
|
||||
<li>协议:可选TCP、UDP、全部。全部表示TCP或UDP。
|
||||
|
||||
</ul>
|
||||
可为一个应用添加最多3个APP SSL特征和1个IP范围特征。当同时满足APP SSL特征和IP范围特征时,该配置才生效。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
将该SLL特征添加给了指定的APP,如用户产生具有该特征的数据,会有如下效果。
|
||||
<li>若用户下发该APP阻断配置,具有该特征的数据流被阻断,若用户选择生成日志,会有该APP的阻断日志。</li>
|
||||
<li>若用户下发该APP监视配置,具有该特征的数据正常工作,若用户选择生成日志,会有该APP的监视日志。</li>
|
||||
<li>若用户下发该APP限速配置,户会感知响应变差,若用户选择生成日志,会有该APP的限速日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
199
src/main/webapp/online-help/app/tunnel_behavior.html
Normal file
199
src/main/webapp/online-help/app/tunnel_behavior.html
Normal file
@@ -0,0 +1,199 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.0
|
||||
Version: 3.5
|
||||
Author: KeenThemes
|
||||
Website: http://www.keenthemes.com/
|
||||
Contact: support@keenthemes.com
|
||||
Follow: www.twitter.com/keenthemes
|
||||
Like: www.facebook.com/keenthemes
|
||||
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
||||
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
|
||||
-->
|
||||
<!--[if IE 8]>
|
||||
<html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]>
|
||||
<html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!-->
|
||||
<html lang="en">
|
||||
<!--<![endif]-->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>online help</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||||
<meta content="" name="description"/>
|
||||
<meta content="" name="author"/>
|
||||
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet"
|
||||
type="text/css"/>
|
||||
<link href="../../static/global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- <link href="../../static/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
|
||||
<link href="../../static/global/plugins/bootstrap-switch/css/bootstrap-switch.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END GLOBAL MANDATORY STYLES -->
|
||||
<!-- BEGIN THEME STYLES -->
|
||||
<link href="../../static/global/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
|
||||
<link href="../../static/global/css/plugins.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/layout.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
||||
<link href="../../static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css"/>
|
||||
<!-- END THEME STYLES -->
|
||||
<link rel="shortcut icon" href="favicon.ico"/>
|
||||
</head>
|
||||
<!-- END HEAD -->
|
||||
<!-- BEGIN BODY -->
|
||||
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
|
||||
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
|
||||
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
|
||||
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
|
||||
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
|
||||
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
|
||||
<body class="page-header-fixed page-quick-sidebar-over-content ">
|
||||
<div class="page-content" style="margin:15px 20px 0 15px">
|
||||
<div class="row">
|
||||
<div id="accordion1" class="panel-group">
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_1">
|
||||
1.功能简介
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_1" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
对用户使用加密隧道的行为进行识别和管控,比如识别用户使用加密隧道进行视频通话的行为。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_2">
|
||||
2.基础配置信息</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_2" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>配置描述:用户自定义该条配置的描述信息。</li>
|
||||
<li>是否记录日志:是否生成日志信息。</li>
|
||||
<li>加密隧道协议:选择一种加密隧道协议。</li>
|
||||
<li>行为类型:包括“视频”和“其他”,视频指实时视频通话,注意,使用youtube播放视频属于“其他”。</li>
|
||||
<li>执行动作:加密隧道行为有两种管控动作:阻断、监视。若选择监视,用户需指定客户端相关信息。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_3">
|
||||
3.配置约束条件 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_3" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
IP类配置,当执行动作选择“监视”,必须填写对应的IP配置。
|
||||
<ul>
|
||||
<li>IP类型:IPV4或IPV6。</li>
|
||||
<li>协议:可选TCP、UDP和全部。</li>
|
||||
<li>IP格式:可选IP、IP范围和IP/子网掩码。</li>
|
||||
<li>
|
||||
源IP:IP格式选择“IP”,该文本框填合法的单IP;IP格式选择“IP范围”,IP段只能配置x.x.x.0-x.x.x.255;IP/子网掩码中子网掩码值限制为16-32。
|
||||
</li>
|
||||
<li>源端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>目的IP:限制同源IP。</li>
|
||||
<li>目的端口:端口与端口掩码范围是0-65535。</li>
|
||||
<li>另:源IP与目的IP不能相同</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_4">
|
||||
4.配置生效范围</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_4" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
配置生效范围,分为“全部”和“选择区域”。“全部”指所有地区;“选择区域”需选择区域和运营商,并且可以同时选择多个区域和多个运营商,即某个地区的某个运营商流量生效,
|
||||
或者某个地区的所有流量生效,或者某个运营商的所有流量生效。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_6">
|
||||
5.配置标签 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_6" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>来函:选择来函文件类型,必选项;</li>
|
||||
<li>类型:指明该配置的类型,可同时选多个,比如信息内容安全、网络攻击等,非必选项;</li>
|
||||
<li>性质:指明该配置的性质,可同时选多个,比如政治事务、暴力恐怖等,非必选项;</li>
|
||||
<li>用户标签:用户自定义标签,可同时选多个,非必选项;</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1"
|
||||
href="#accordion1_7">
|
||||
6.预期效果 </a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="accordion1_7" class="panel-collapse collapse">
|
||||
<div class="panel-body">
|
||||
<ul>
|
||||
<li>执行动作选择“阻断”,使用该协议的应用全部无法正常使用;若指定了行为,只有该行为无法正常使用。</li>
|
||||
<li>执行动作选择“监视”,使用该协议的应用不受影响。</li>
|
||||
<li>若指定了客户端IP,该配置只对该用户生效,其他用户不受影响。</li>
|
||||
<li>若选择了记录日志,日志界面出现该配置的日志。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- END FOOTER -->
|
||||
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
||||
<!-- BEGIN CORE PLUGINS -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../static/global/plugins/respond.min.js"></script>
|
||||
<script src="../../static/global/plugins/excanvas.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="../../static/global/plugins/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="../../static/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
jQuery(document).ready(function () {
|
||||
|
||||
});
|
||||
</script>
|
||||
<!-- END JAVASCRIPTS -->
|
||||
</body>
|
||||
<!-- END BODY -->
|
||||
</html>
|
||||
Reference in New Issue
Block a user