增加在线帮助

This commit is contained in:
zhangwei
2018-11-07 13:48:19 +08:00
parent 704653e204
commit db504ca2ca
42 changed files with 7643 additions and 9 deletions

View 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>

View 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>
目的IPIP格式选择“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>

View 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>目的IPIP格式选择“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>

View 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>
源IPIP格式选择“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>

View 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>
源IPIP格式选择“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>

View 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>

View 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>目的IPIP格式选择“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>

View 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>目的IPIP格式选择“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>

View 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>
源IPIP格式选择“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>