java 接口监控怎么写,Java+web+jmeter接口监控平台开发以及搭建（三）

四.代码思路解析

回顾下需要实现的功能

1.业务线可选择

2.业务线选择完成后，加载上传文件控件并加载业务线下的所有jmx文件

3.上传jmx至当前业务线

4.执行当前业务线下的jmx文件

5.统计执行结果，发送到相关工作人员邮箱

页面代码：

接口监控平台

• data-toggle="dropdown"> 业务线选择

  • severLine1
  • severLine2
  • severLine3
  • severLine4
  • severLine5

• 接口监控说明

请选择业务线

开始监控

监控频率(秒)

是否需要短信提醒

---

---

功能逻辑

选择业务线方法selectBusinessLine()--js

// 选择业务线

function selectBusinessLine(lineName) {

document.getElementById("initnote").style.display = "none"; // 隐藏 配置设置默认占位

document.getElementById("operArea").style.display = "block";// 显示 配置设置

document.getElementById("dropDownToggleName").text = lineName;// 将“业务线选择”替换为选择的业务线

loadDropFileControl(); //调用装载上传控件的方法

}

装载上传控件的方法loadDropFileControl()--js

// 装载文件上传控件

function loadDropFileControl() {

//

removeElementById("dropbox"); //清除之前的dropbox控件

var fileDropHtml = ""

fileDropHtml += "

"

fileDropHtml += "

上传接口监控测试用例

"

fileDropHtml += "

拖动要上传的接口监控测试用例文件到这里

"

fileDropHtml += "

"

fileDropHtml += "

"

$(".seperator").after(fileDropHtml);

loadFileDropFunc(document.getElementById("dropDownToggleName").text) //调用在当前业务线上传文件功能的方法

loadBusinessLineCase(document.getElementById("dropDownToggleName").text) //调用加载当前业务线拥有的jmx文件方法

}

清除控件方法removeElementById() -js

// 删除控件

function removeElementById(id) {

if(document.getElementById(id) != undefined) {

document.getElementById(id).parentNode.removeChild(document.getElementById(id));

}

}