locust改造二：显示内容修改

最新推荐文章于 2023-04-13 17:42:38 发布

ttphoon

最新推荐文章于 2023-04-13 17:42:38 发布

阅读量1.6k

点赞数

分类专栏：自动化测试框架 django 文章标签： locust 改造

本文链接：https://blog.csdn.net/ttphoon/article/details/102778656

版权

本文档介绍了如何改造 Locust 用户界面，包括界面文本的汉化、图表的详细改造以显示每个测试接口的请求数和平均响应时间，并提供了页面风格自定义的方法，以提升测试体验和问题排查效率。

摘要由CSDN通过智能技术生成

locust直接使用时，全部是英文，对于我们Chinese体验不是很友好；然后对于图表，不管进行几个接口测试，显示的是总共的rps和response time,这个很多时候不是能够满足我们所需，我们可能更想知道的是每个接口的信息，这样利于问题的排查；还有其他的，比如界面风格颜色什么的不讨喜啊什么的。总之，为了将其改造为更符合用户使用且能更我的统一接口自动化平台契合，前端需要修改的内容还是不少的。

一、界面文本汉化

这个比较简单，进入python安装目录下找到locust安装包，进入locust文件夹

\Lib\site-packages\locust\

主要有两个文件夹与前端有关，templates和static其中template只有一个文件，index.html就是locust页面html文件，直接修改上面的英文字符为汉字即可
在这里插入图片描述改造后：
其中表单的标题如果要改，去static文件夹下找到locust.js，找到
然后就可以直接修改了

二、图表改造：显示每个测试项的请求数和平均响应时间

打开static下的locust.js文件，然后找到//init charts，此处开始到updateStats函数定义结束部分修改为如下内容：

// init charts
var api_count=1;
var nameList = new Array();
var resList = new Array();
$.ajaxSettings.async = false;                               //关闭异步
$.get('./stats/requests', function (report) {
   
	if (report.state !== "stopped"){
   
		api_count = report.stats.length
	}
	resList.push("响应时间-50%用户")
	resList.push("响应时间-95%用户")
	nameList.push("RPS('Total')");
	if(api_count > 1){
   
		for(var i=0;i<api_count-1;i++){
   
			nameList.push("RPS('"+report.stats[i].name+"')");       //获取所有的测试内容名称并存储到数组
			resLis