diff options
Diffstat (limited to 'sdnData/fronted/static/js/app.b4b72dfc32782ea363c1.js')
| -rw-r--r-- | sdnData/fronted/static/js/app.b4b72dfc32782ea363c1.js | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/sdnData/fronted/static/js/app.b4b72dfc32782ea363c1.js b/sdnData/fronted/static/js/app.b4b72dfc32782ea363c1.js new file mode 100644 index 0000000..f413f53 --- /dev/null +++ b/sdnData/fronted/static/js/app.b4b72dfc32782ea363c1.js @@ -0,0 +1,2 @@ +webpackJsonp([1],{"+kv9":function(t,e){},AThJ:function(t,e){},FAWE:function(t,e){},NHnr:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=a("7+uW"),i={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("router-view")],1)},staticRenderFns:[]},r=a("VU/8")(null,i,!1,null,null,null).exports,o=a("/ocq"),s={name:"PcapTable",data:function(){return{tableData:[],userId:"Admin"}},created:function(){this.getPcapData()},methods:{tableRowClassName:function(t){var e=t.row;t.rowIndex;return e.type>=10?"error":"success"},clearTime:function(){clearInterval(this.timer)},getPcapData:function(){var t=this;this.$axios.get("/api/pcap/").then(function(e){e.data.pcapData.forEach(function(e,a){t.tableData.unshift(e)})}).catch(function(t){console.log(t)})},start:function(){this.$axios.get("/api/start/").then(function(t){alert("系统正在启动，请稍等")}).catch(function(t){alert("系统启动失败，请稍后重试"),console.log(t)})},stop:function(){this.$axios.get("/api/stop/").then(function(t){alert("系统正在关闭，请稍等")}).catch(function(t){alert("系统关闭失败，请稍后重试"),console.log(t)})}},mounted:function(){this.timer=setInterval(this.getPcapData,1e3)},beforeDestroy:function(){clearInterval(this.timer)}},l={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-container",[a("el-header",{staticStyle:{"text-align":"right","font-size":"12px"}},[a("el-dropdown",[a("i",{staticClass:"el-icon-setting",staticStyle:{"margin-right":"20px"}}),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{nativeOn:{click:function(e){return t.start(e)}}},[t._v("启动")]),t._v(" "),a("el-dropdown-item",{nativeOn:{click:function(e){return t.stop(e)}}},[t._v("停止")])],1)],1),t._v(" "),a("span",[t._v(t._s(t.userId))])],1),t._v(" "),a("el-main",[a("el-table",{attrs:{data:t.tableData,"max-height":"750","row-class-name":t.tableRowClassName}},[a("el-table-column",{attrs:{prop:"sIP",label:"源IP",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dIP",label:"目的IP",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"sMac",label:"源Mac",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dMac",label:"目的Mac",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"sPort",label:"源端口",width:"100"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dPort",label:"目的端口",width:"100"}}),t._v(" "),a("el-table-column",{attrs:{prop:"protocol",label:"协议",width:"100"}}),t._v(" "),a("el-table-column",{attrs:{prop:"app",label:"类型",width:"100"}})],1)],1)],1)},staticRenderFns:[]};var c=a("VU/8")(s,l,!1,function(t){a("urE4")},null,null).exports,p={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("el-aside",{staticStyle:{"background-color":"rgb(238, 241, 246)"},attrs:{width:"200px"}},[a("el-menu",{attrs:{router:"","default-openeds":["1","2","3"],"default-active":this.$route.path}},[a("el-submenu",{attrs:{index:"1"}},[a("template",{slot:"title"},[a("i",{staticClass:"el-icon-sort"}),t._v("流量监控")]),t._v(" "),a("el-menu-item-group",[a("el-menu-item",{attrs:{index:"/real"}},[t._v("实时模式")]),t._v(" "),a("el-menu-item",{attrs:{index:"/chart"}},[t._v("图表模式")])],1)],2),t._v(" "),a("el-submenu",{attrs:{index:"2"}},[a("template",{slot:"title"},[a("i",{staticClass:"el-icon-menu"}),t._v("应用分析")]),t._v(" "),a("el-menu-item-group",t._l(t.appName,function(e,n){return a("el-menu-item",{key:n,attrs:{id:"appId",index:"/app/"+n}},[t._v(t._s(e))])}),1)],2),t._v(" "),a("el-submenu",{attrs:{index:"3"}},[a("template",{slot:"title"},[a("i",{staticClass:"el-icon-s-promotion"}),t._v("网络优化")]),t._v(" "),a("el-menu-item",{attrs:{index:"/network"}},[t._v("QOS优化")])],2)],1)],1)],1)},staticRenderFns:[]};var d=a("VU/8")({name:"Home",data:function(){return{appName:["Facetime","BitTorrent","WorldOfWarcraft","FTP","MySQL","Skype","SMB","Gmail","Weibo","Outlook","Malware"]}}},p,!1,function(t){a("Rwb5")},null,null).exports,u=a("c/Tr"),h=a.n(u),m=a("XLwt"),f=a.n(m),v={name:"PlayChart",data:function(){return{fmcharts:"",appcharts:"",pktcharts:"",piecharts:"",malwareCnt:0,formalCnt:0,userId:"Admin",appCnt:"",pktSpeed:"",appName:["Facetime","BitTorrent","WorldOfWarcraft","FTP","MySQL","Skype","SMB","Gmail","Weibo","Outlook","Malware"],pieData:[]}},created:function(){this.getChartData()},methods:{clearTime:function(){clearInterval(this.timer)},getChartData:function(){var t=this;this.$axios.get("/api/cnt/").then(function(e){t.malwareCnt=e.data.malwareCnt,t.formalCnt=e.data.formalCnt,t.appCnt=e.data.appCnt,t.pktSpeed=e.data.pktSpeed,t.pieData=e.data.pieData}).catch(function(t){console.log(t)})},chartSetOpt:function(){this.fmcharts.setOption({series:[{data:[this.formalCnt,this.malwareCnt]}]}),this.appcharts.setOption({series:[{data:this.appCnt}]}),this.pktcharts.setOption({series:[{data:this.pktSpeed}]}),this.piecharts.setOption({series:[{data:this.pieData}]})},fmChart:function(){this.fmcharts=f.a.init(document.getElementById("fmchart")),this.fmcharts.setOption({title:{text:"流量总览"},tooltip:{},legend:{data:["数据包数量"]},xAxis:{data:["正常流量","恶意流量"]},yAxis:{},series:[{barWidth:70,name:"数据包数量",type:"bar",data:[this.formalCnt,this.malwareCnt],itemStyle:{normal:{color:function(t){var e=["#9BCA63","#C1232B"];return e[t.dataIndex%e.length]}}}}]})},appChart:function(){this.appcharts=f.a.init(document.getElementById("appchart")),this.appcharts.setOption({title:{text:"各应用流量数量"},tooltip:{},legend:{data:["数据包数量"]},xAxis:{data:this.appName},yAxis:{},series:[{barWidth:20,name:"数据包数量",type:"bar",data:this.appCnt,itemStyle:{normal:{color:function(t){var e=["#B5C334","#FCCE10","#E87C25","#27727B","#FE8463","#9BCA63","#FAD860","#F3A43B","#60C0DD","#D7504B","#C1232B"];return e[t.dataIndex%e.length]}}}}]})},pktChart:function(){this.pktcharts=f.a.init(document.getElementById("pktchart")),this.pktcharts.setOption({title:{text:"流量速度"},tooltip:{},legend:{data:["每秒数据包数量"]},xAxis:{data:h()(new Array(60).keys())},yAxis:{},series:[{barWidth:20,type:"line",data:this.pktSpeed}]})},pieChart:function(){this.piecharts=f.a.init(document.getElementById("piechart")),this.piecharts.setOption({title:{text:"应用流量占比"},tooltip:{trigger:"item",formatter:"{a} <br/>{b}: {c} ({d}%)"},legend:{orient:"vertical",top:"5%",left:10,data:this.appName},series:[{name:"应用数据包数量",type:"pie",radius:["50%","70%"],avoidLabelOverlap:!1,label:{show:!1,position:"center"},emphasis:{label:{show:!0,fontSize:"30",fontWeight:"bold"}},labelLine:{show:!1},data:[],itemStyle:{normal:{color:function(t){var e=["#B5C334","#FCCE10","#E87C25","#27727B","#FE8463","#9BCA63","#FAD860","#F3A43B","#60C0DD","#D7504B","#C1232B"];return e[t.dataIndex%e.length]}}}}]})},start:function(){this.$axios.get("/api/start/").then(function(t){alert("系统正在启动，请稍等")}).catch(function(t){alert("系统启动失败，请稍后重试"),console.log(t)})},stop:function(){this.$axios.get("/api/stop/").then(function(t){alert("系统正在关闭，请稍等")}).catch(function(t){alert("系统关闭失败，请稍后重试"),console.log(t)})}},mounted:function(){this.$nextTick(function(){this.fmChart(),this.appChart(),this.pktChart(),this.pieChart()}),this.timer=setInterval(this.chartSetOpt,1e3),this.timer=setInterval(this.getChartData,1e3)},beforeDestroy:function(){clearInterval(this.timer)}},b={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-container",[a("el-header",{staticStyle:{"text-align":"right","font-size":"12px"}},[a("el-dropdown",[a("i",{staticClass:"el-icon-setting",staticStyle:{"margin-right":"20px"}}),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{nativeOn:{click:function(e){return t.start(e)}}},[t._v("启动")]),t._v(" "),a("el-dropdown-item",{nativeOn:{click:function(e){return t.stop(e)}}},[t._v("停止")])],1)],1),t._v(" "),a("span",[t._v(t._s(t.userId))])],1),t._v(" "),a("el-main",[a("el-row",[a("el-col",{attrs:{span:12}},[a("el-card",{staticClass:"box-card",staticStyle:{width:"600px",height:"400px"},attrs:{id:"fmchart"}})],1),t._v(" "),a("el-col",{attrs:{span:12}},[a("el-card",{staticClass:"box-card",staticStyle:{width:"600px",height:"400px"},attrs:{id:"appchart"}})],1),t._v(" "),a("el-col",{attrs:{span:12}},[a("el-card",{staticClass:"box-card",staticStyle:{width:"600px",height:"400px"},attrs:{id:"pktchart"}})],1),t._v(" "),a("el-col",{attrs:{span:12}},[a("el-card",{staticClass:"box-card",staticStyle:{width:"600px",height:"400px"},attrs:{id:"piechart"}})],1)],1)],1)],1)},staticRenderFns:[]};var g={name:"Chart",components:{Home:d,PlayChart:a("VU/8")(v,b,!1,function(t){a("AThJ")},null,null).exports}},_={render:function(){var t=this.$createElement,e=this._self._c||t;return e("el-container",{staticStyle:{height:"100%",border:"1px solid #eee"}},[e("Home"),this._v(" "),e("PlayChart")],1)},staticRenderFns:[]},x=a("VU/8")(g,_,!1,null,null,null).exports,w={name:"RealTime",components:{Home:d,PcapTable:c}},S={render:function(){var t=this.$createElement,e=this._self._c||t;return e("el-container",{staticStyle:{height:"100%",border:"1px solid #eee"}},[e("Home"),this._v(" "),e("PcapTable")],1)},staticRenderFns:[]},y=a("VU/8")(w,S,!1,null,null,null).exports,C={name:"AppDetail",components:{Home:d},data:function(){return{pktchart:"",avgchart:"",userId:"Admin",id:this.$route.params.id,appName:"",pktSpeed:"",appCnt:0,appAvg:0,appData:[]}},methods:{tableRowClassName:function(t){var e=t.row;t.rowIndex;return e.type>=10?"error":"success"},clearTime:function(){clearInterval(this.timer)},getChartData:function(){var t=this;this.$axios.get("/api/app/"+this.id).then(function(e){t.pktSpeed=e.data.pktSpeed,t.appCnt=e.data.appCnt,t.appAvg=e.data.appAvg,t.appData=e.data.appData}).catch(function(t){console.log(t)})},chartSetOpt:function(){this.pktcharts.setOption({series:[{data:this.pktSpeed}]}),this.avgcharts.setOption({series:[{data:[{value:this.appAvg}]}]})},pktChart:function(){this.pktcharts=f.a.init(document.getElementById("pktchart")),this.pktcharts.setOption({title:{text:"流量速度"},tooltip:{},legend:{data:["每秒数据包数量"]},xAxis:{data:h()(new Array(60).keys())},yAxis:{},series:[{barWidth:20,type:"line",data:this.pktSpeed}]})},avgChart:function(){this.avgcharts=f.a.init(document.getElementById("avgchart")),this.avgcharts.setOption({title:{text:"流量均速"},tooltip:{},series:[{min:0,max:50,name:"流量均速",type:"gauge",detail:{formatter:"{value}/s"},data:[{value:this.appAvg,name:"处理速度"}]}]})},start:function(){this.$axios.get("/api/start/").then(function(t){alert("系统正在启动，请稍等")}).catch(function(t){alert("系统启动失败，请稍后重试"),console.log(t)})},stop:function(){this.$axios.get("/api/stop/").then(function(t){alert("系统正在关闭，请稍等")}).catch(function(t){alert("系统关闭失败，请稍后重试"),console.log(t)})}},created:function(){var t=this;this.$axios.get("/api/app/"+this.id).then(function(e){t.pktSpeed=e.data.pktSpeed,t.appName=e.data.appName,t.appCnt=e.data.appCnt,t.appAvg=e.data.appAvg,t.appData=e.data.appData}).catch(function(t){console.log(t)})},watch:{$route:function(t,e){var a=this;this.id=this.$route.params.id,this.$axios.get("/api/app/"+this.id).then(function(t){a.pktSpeed=t.data.pktSpeed,a.appName=t.data.appName,a.appCnt=t.data.appCnt,a.appAvg=t.data.appAvg,a.appData=t.data.appData}).catch(function(t){console.log(t)})}},mounted:function(){this.$nextTick(function(){this.pktChart(),this.avgChart()}),this.timer=setInterval(this.chartSetOpt,1e3),this.timer=setInterval(this.getChartData,1e3)},beforeDestroy:function(){clearInterval(this.timer)}},k={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-container",{staticStyle:{height:"100%",border:"1px solid #eee"}},[a("Home"),t._v(" "),a("el-container",[a("el-header",{staticStyle:{"text-align":"right","font-size":"12px"}},[a("el-dropdown",[a("i",{staticClass:"el-icon-setting",staticStyle:{"margin-right":"20px"}}),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{nativeOn:{click:function(e){return t.start(e)}}},[t._v("启动")]),t._v(" "),a("el-dropdown-item",{nativeOn:{click:function(e){return t.stop(e)}}},[t._v("停止")])],1)],1),t._v(" "),a("span",[t._v(t._s(t.userId))])],1),t._v(" "),a("el-main",[a("el-row",[a("el-col",{attrs:{span:12}},[a("el-card",{staticClass:"box-card",staticStyle:{width:"600px",height:"400px"},attrs:{id:"pktchart"}})],1),t._v(" "),a("el-col",{attrs:{span:12}},[a("el-card",{staticClass:"box-card",staticStyle:{width:"600px",height:"400px"},attrs:{id:"avgchart"}})],1)],1),t._v(" "),a("el-table",{attrs:{data:t.appData,"max-height":"450","row-class-name":t.tableRowClassName}},[a("el-table-column",{attrs:{prop:"sIP",label:"源IP",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dIP",label:"目的IP",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"sMac",label:"源Mac",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dMac",label:"目的Mac",width:"250"}}),t._v(" "),a("el-table-column",{attrs:{prop:"sPort",label:"源端口",width:"100"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dPort",label:"目的端口",width:"100"}}),t._v(" "),a("el-table-column",{attrs:{prop:"protocol",label:"协议",width:"100"}}),t._v(" "),a("el-table-column",{attrs:{prop:"app",label:"类型",width:"100"}})],1)],1)],1)],1)},staticRenderFns:[]};var I=a("VU/8")(C,k,!1,function(t){a("+kv9")},null,null).exports,D=a("bOdI"),O=a.n(D),A={name:"Qos",data:function(){return{userId:"Admin",mininetcharts:"",firstRoad:0,secondRoad:0,firstData:[],secondData:[],input:"",options:[{value:0,label:"Facetime"},{value:1,label:"BitTorrent"},{value:2,label:"WorldOfWarcraft"},{value:3,label:"FTP"},{value:4,label:"MySQL"},{value:5,label:"Skype"},{value:6,label:"SMB"},{value:7,label:"Gamil"},{value:8,label:"Weibo"},{value:9,label:"Outlook"}],value:""}},created:function(){this.getChartData(),this.getPcapData()},methods:{tableRowClassName:function(t){t.row,t.rowIndex},getPcapData:function(){var t=this;this.$axios.get("/api/qos/").then(function(e){e.data.firstData.forEach(function(e,a){t.firstData.unshift(e)}),e.data.secondData.forEach(function(e,a){t.secondData.unshift(e)})}).catch(function(t){console.log(t)})},getChartData:function(){var t=this;this.$axios.get("/api/network/").then(function(e){t.firstRoad=e.data.firstRoad,t.secondRoad=e.data.secondRoad}).catch(function(t){console.log(t)})},chartSetOpt:function(){this.mininetcharts.setOption({series:[{links:[{source:"S1",target:"S3",value:this.firstRoad},{source:"S1",target:"S4",value:""},{source:"S3",target:"S2",value:""},{source:"S4",target:"S2",value:""}]}]})},mininetChart:function(){this.mininetcharts=f.a.init(document.getElementById("mininetchart")),this.mininetcharts.setOption({title:{text:"网络拓扑"},legend:[{x:"90%",y:"5px",data:[{name:"交换机"}]}],tooltip:{},animationDurationUpdate:1500,animationEasingUpdate:"quinticInOut",series:[O()({type:"graph",layout:"none",symbolSize:50,roam:!0,categories:[{name:"交换机"}],label:{show:!0},edgeSymbol:["circle","arrow"],edgeSymbolSize:[4,10],edgeLabel:{fontSize:20},data:[{name:"S1",x:300,y:300},{name:"S2",x:800,y:300},{name:"S3",x:550,y:100},{name:"S4",x:550,y:500}],links:[{source:"S1",target:"S3",value:this.firstRoad},{source:"S1",target:"S4",value:""},{source:"S3",target:"S2",value:""},{source:"S4",target:"S2",value:""}],lineStyle:{normal:{textStyle:{fontSize:20},width:5,color:"#4b565b"}}},"edgeLabel",{normal:{show:!0,formatter:function(t){return t.data.value}}})]})},start:function(){this.$axios.get("/api/start/").then(function(t){alert("系统正在启动，请稍等")}).catch(function(t){alert("系统启动失败，请稍后重试"),console.log(t)})},stop:function(){clearInterval(this.timer),this.$axios.get("/api/stop/").then(function(t){alert("系统正在关闭，请稍等")}).catch(function(t){alert("系统关闭失败，请稍后重试"),console.log(t)})},submit:function(){if(""==this.input)alert("请输入QOS大小");else{/^\+?[1-9][0-9]*$/.test(this.input)?this.$axios.post("/api/qoscnt/",{cnt:this.input,app:this.value}).then(function(t){"ok"==t.data.status?alert("设置成功"):alert("设置失败，请重新提交")}).catch(function(t){alert("设置失败，请重新提交")}):alert("请输入一个正整数")}}},mounted:function(){this.$nextTick(function(){this.mininetChart()}),this.timer=setInterval(this.chartSetOpt,1e3),this.timer=setInterval(this.getChartData,1e3),this.timer=setInterval(this.getPcapData,1e3)},beforeDestroy:function(){clearInterval(this.timer)}},P={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-container",{staticStyle:{height:"100%",border:"1px solid #eee"}},[a("el-header",{staticStyle:{"text-align":"right","font-size":"12px"}},[a("el-select",{attrs:{placeholder:"请选择应用"},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}},t._l(t.options,function(t){return a("el-option",{key:t.value,attrs:{label:t.label,value:t.value}})}),1),t._v(" "),a("el-input",{staticStyle:{width:"130px"},attrs:{placeholder:"Qos流量设置",clearable:""},model:{value:t.input,callback:function(e){t.input=e},expression:"input"}}),t._v(" "),a("el-button",{attrs:{type:"primary",icon:"el-icon-upload"},nativeOn:{click:function(e){return t.submit(e)}}},[t._v("提交")]),t._v("\r\n \r\n "),a("el-dropdown",[a("i",{staticClass:"el-icon-setting",staticStyle:{"margin-right":"20px"}}),t._v(" "),a("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[a("el-dropdown-item",{nativeOn:{click:function(e){return t.start(e)}}},[t._v("启动")]),t._v(" "),a("el-dropdown-item",{nativeOn:{click:function(e){return t.stop(e)}}},[t._v("停止")])],1)],1),t._v(" "),a("span",[t._v(t._s(t.userId))])],1),t._v(" "),a("el-main",[a("el-row",[a("el-col",{attrs:{span:24}},[a("el-card",{staticClass:"box-card",staticStyle:{width:"100%",height:"400px"},attrs:{id:"mininetchart",align:"middle"}})],1)],1),t._v(" "),a("el-row",[a("el-col",{attrs:{span:12}},[a("el-table",{attrs:{data:t.firstData,"max-height":"600","row-class-name":t.tableRowClassName}},[a("el-table-column",{attrs:{prop:"sIP",label:"源IP",width:"220"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dIP",label:"目的IP",width:"220"}}),t._v(" "),a("el-table-column",{attrs:{prop:"app",label:"类型",width:"220"}})],1)],1),t._v(" "),a("el-col",{attrs:{span:12}},[a("el-table",{attrs:{data:t.secondData,"max-height":"600","row-class-name":t.tableRowClassName}},[a("el-table-column",{attrs:{prop:"sIP",label:"源IP",width:"220"}}),t._v(" "),a("el-table-column",{attrs:{prop:"dIP",label:"目的IP",width:"220"}}),t._v(" "),a("el-table-column",{attrs:{prop:"app",label:"类型",width:"220"}})],1)],1)],1)],1)],1)},staticRenderFns:[]};var $={name:"Network",components:{Home:d,Qos:a("VU/8")(A,P,!1,function(t){a("mvic")},null,null).exports},data:function(){return{}},created:function(){},methods:{start:function(){this.$axios.get("/api/start/").then(function(t){alert("系统正在启动，请稍等")}).catch(function(t){alert("系统启动失败，请稍后重试"),console.log(t)})}},beforeDestroy:function(){clearInterval(this.timer)}},B={render:function(){var t=this.$createElement,e=this._self._c||t;return e("el-container",{staticStyle:{height:"100%",border:"1px solid #eee"}},[e("Home"),this._v(" "),e("Qos")],1)},staticRenderFns:[]};var E=a("VU/8")($,B,!1,function(t){a("FAWE")},null,null).exports,R={name:"Introduction",components:{Home:d},data:function(){return{userId:"Admin"}}},F={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("el-container",{staticStyle:{height:"100%",border:"1px solid #eee"}},[a("Home"),t._v(" "),a("el-container",{staticStyle:{height:"100%",border:"1px solid #eee"}},[a("el-header",{staticStyle:{"text-align":"right","font-size":"12px"}},[a("span",[t._v(t._s(t.userId))])]),t._v(" "),a("el-main",[a("el-card",[a("h1",{staticStyle:{fontSize:"30px"}},[t._v("MSFlow：SDN流量防御和分流辅助器")]),t._v(" "),a("br"),t._v(" "),a("h3",[t._v("系统功能简介")]),t._v("\n a)恶意软件流量识别，Cridex、Geodo、Htbot、Miuref、Neris、Nsis-ay、Shifu、Tinba、Virut、Zeus\n "),a("br"),t._v("\n b)正常应用流量识别，Facetime、Weibo、BitTorrent、FTP、Gmail、MySQL、Outlook、Skype、SMB、WordOfWarcraft\n "),a("br"),t._v("\n c)QoS\n "),a("br"),t._v("\n d)DDoS缓解\n "),a("br"),t._v(" "),a("h3",[t._v("使用说明")]),t._v(" "),a("h5",[t._v("注：环境中需要有ryu、mininet、mysql、python3、tensorflow、pandas等等，请按运行的错误提示自行补全安装。其中，tensorflow要求2.2版本以上，实验中用的2.3.0；django版本2.2（2版本和3版本不兼容）；\n openlab实验平台上该环境已配好。")]),t._v(" "),a("br"),t._v(" 1)点击“设置”按钮，选择启动系统，mininet网络的主机终端自动弹出，说明系统启动成功\n"),a("br"),t._v(" 2)运行控制器：ryu-manager /home/ucas/ryu3/ryu/app/ryu_predict.py\n"),a("br"),t._v(" 3)在主机终端中进行发包：sudo python send.py(脚本内的待发送数据包可以自行修改，默认发送本文件夹下的test.pcap)，在界面中观察流量分类运行结果，标记红色的是识别为恶意的流量，无颜色标记的为正常流量，在最后一列可以查看流量的应用类别\n"),a("br"),t._v(" 4）如果希望使用QoS功能，需要开启sflow。\n"),a("br"),t._v(" 进入sflow_rt/文件夹：sudo ./start.sh，浏览器访问127.0.0.1:8008，查看sflow服务端是否正常开启（具体的sflow配置可参考链接：https://blog.csdn.net/AsNeverBefore/article/details/79098971）；\n"),a("br"),t._v(" 然后给mininet中的s1交换机设置IP，使其可以监控mininet中的流量：\n"),a("br"),t._v(" sudo ifconfig ens33 0 up\n"),a("br"),t._v(" sudo ovs-vsctl add-port s1 ens33\n"),a("br"),t._v(" sudo ifconfig s1 10.0.1.10 netmask 255.255.254.0\n"),a("br"),t._v(" sudo route add default gw 10.0.1.1\n"),a("br"),t._v(' sudo ovs-vsctl -- --id=@sflow create sflow agent=s1 target=\\"10.0.1.10\\" header=128 sampling=10 polling=1 -- set bridge s1 sflow=@sflow\n'),a("br"),t._v(" 点击页面左侧“网络优化——QoS优化“，进入QoS界面，在右上角设置希望进行QoS的应用类型，以及需要进行QoS的带宽阈值x（当检测到当前链路流量大小超过x，就为当前指定应用的流量选择其他路径，进行QoS）\n"),a("br"),t._v(" 为了使流量达到进行QoS的阈值，可以选择自行发包到mininet网络，或者更直观的借助iperf打流，在当前网络中产生大量流量，占用链路带宽。\n"),a("br"),t._v(" iperf使用方法：\n"),a("br"),t._v(" h3主机作为服务端（接收数据）：iperf -s -u -i 3\n"),a("br"),t._v(" h1主机作为客户端（发送数据）：iperf -u -c 10.0.0.3 -t 300 -i 3 -b 12M\n")])],1)],1)],1)},staticRenderFns:[]};var N=a("VU/8")(R,F,!1,function(t){a("rBwI")},null,null).exports;n.default.use(o.a);var T=new o.a({routes:[{path:"/",name:"Introduction",component:N},{path:"/chart",name:"Chart",component:x},{path:"/real",name:"RealTime",component:y},{path:"/app/:id",name:"AppDetail",component:I,props:!0},{path:"/network",name:"Network",component:E}]}),M=a("zL8q"),W=a.n(M),Q=(a("tvR6"),a("mtWM")),H=a.n(Q),z=(a("7t+N"),a("mw3O")),U=a.n(z);n.default.prototype.$qs=U.a,n.default.prototype.$axios=H.a,n.default.config.productionTip=!1,n.default.use(W.a),new n.default({el:"#app",router:T,components:{App:r},template:"<App/>"})},Rwb5:function(t,e){},mvic:function(t,e){},rBwI:function(t,e){},tvR6:function(t,e){},urE4:function(t,e){}},["NHnr"]); +//# sourceMappingURL=app.b4b72dfc32782ea363c1.js.map
\ No newline at end of file |