js上周(月、季)、上上周(月、季)、去年同期上周(月、季)

这是一个JavaScript函数集合,用于获取当前时间、今年、昨天、本周、本月、本季度、上个月、上上周、上个季度和去年相同时间周期的起止日期。通过这些函数,可以方便地进行时间周期的数据对比和分析。
    /***
     * 获得当前时间
     */ 
function getCurrentDate(){ 
        return new Date(); 
    }; 
    
//今年以来的起止时间段
function getThisYear(){
	//起止日期数组  
			var startStop=new Array(); 
			//获取当前时间  
      var currentDate=this.getCurrentDate(); 
      var stop = currentDate.getYear()+"-"+(currentDate.getMonth()+1)+"-"+currentDate.getDate();
      var start = currentDate.getYear()+"-"+"01-01";
      
      //添加年初时间  
      startStop.push(start);//本周起始时间  
      //添加当前时间
      startStop.push(stop);//本周终止时间  
      //返回  
      return startStop; 
}
 //获得昨日起止时间   
function getYesterdayDate(){
		//起止日期数组  
			var startStop=new Array(); 
			//获取当前时间  
      var currentDate=this.getCurrentDate(); 
      //一天的毫秒数  
      var millisecond=1000*60*60*24; 
      //昨日时间
      yesterday = new Date(currentDate.getTime()-millisecond);
      currentDate = currentDate.getYear()+"-"+(currentDate.getMonth()+1)+"-"+currentDate.getDate();
      yesterday = yesterday.getYear()+"-"+(yesterday.getMonth()+1)+"-"+yesterday.getDate();
      //添加本周时间  
      startStop.push(yesterday);//本周起始时间  
      //添加本周最后一天时间  
      startStop.push(currentDate);//本周终止时间  
      //返回  
      return startStop; 
}
    /***
     * 获得本周起止时间
     */ 
function getCurrentWeek(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=this.getCurrentDate(); 
        //返回date是一周中的某一天  
        var week=currentDate.getDay(); 
        //返回date是一个月中的某一天  
        var month=currentDate.getDate(); 
     
        //一天的毫秒数  
        var millisecond=1000*60*60*24; 
        //减去的天数  
        var minusDay=week!=0?week-1:6; 
        //alert(minusDay);  
        //本周 周一  
        var monday=new Date(currentDate.getTime()-(minusDay*millisecond)); 
        //本周 周日  
        var sunday=new Date(monday.getTime()+(6*millisecond)); 
        monday = monday.getYear()+"-"+(monday.getMonth()+1)+"-"+monday.getDate();
        sunday = sunday.getYear()+"-"+(sunday.getMonth()+1)+"-"+sunday.getDate();
        //添加本周时间  
        startStop.push(monday);//本周起始时间  
        //添加本周最后一天时间  
        startStop.push(sunday);//本周终止时间  
        //返回  
        return startStop; 
    }; 
    /***
     * 获得本月的起止时间
     */ 
function getCurrentMonth(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得当前月份0-11  
        var currentMonth=currentDate.getMonth(); 
        //获得当前年份4位年  
        var currentYear=currentDate.getFullYear(); 
        //求出本月第一天  
        var firstDay=new Date(currentYear,currentMonth,1); 
         
 
        //当为12月的时候年份需要加1  
        //月份需要更新为0 也就是下一年的第一个月  
        if(currentMonth==11){ 
            currentYear++; 
            currentMonth=0;//就为  
        }else{ 
            //否则只是月份增加,以便求的下一月的第一天  
            currentMonth++; 
        } 
    
         
        //一天的毫秒数  
        var millisecond=1000*60*60*24; 
        //下月的第一天  
        var nextMonthDayOne=new Date(currentYear,currentMonth,1); 
        //求出上月的最后一天  
        var lastDay=new Date(nextMonthDayOne.getTime()-millisecond); 
        firstDay = firstDay.getYear()+"-"+(firstDay.getMonth()+1)+"-"+firstDay.getDate();
        lastDay = lastDay.getYear()+"-"+(lastDay.getMonth()+1)+"-"+lastDay.getDate();
        //添加至数组中返回  
        startStop.push(firstDay); 
        startStop.push(lastDay); 
        //返回  
        return startStop; 
    }; 
     
    /**
     * 得到本季度开始的月份
     * @param month 需要计算的月份
     ***/ 
    function getQuarterSeasonStartMonth(month){ 
        var quarterMonthStart=0; 
        var spring=0; //春  
        var summer=3; //夏  
        var fall=6;   //秋  
        var winter=9;//冬  
        //月份从0-11  
        if(month<3){ 
            return spring; 
        } 
         
        if(month<6){ 
            return summer; 
        } 
         
        if(month<9){ 
            return fall; 
        } 
         
        return winter; 
    }; 
     
    /**
     * 获得该月的天数
     * @param year年份
     * @param month月份
     * */ 
function getMonthDays(year,month){ 
        //本月第一天 1-31  
        var relativeDate=new Date(year,month,1); 
        //获得当前月份0-11  
        var relativeMonth=relativeDate.getMonth(); 
        //获得当前年份4位年  
        var relativeYear=relativeDate.getFullYear(); 
         
        //当为12月的时候年份需要加1  
        //月份需要更新为0 也就是下一年的第一个月  
        if(relativeMonth==11){ 
            relativeYear++; 
            relativeMonth=0; 
        }else{ 
            //否则只是月份增加,以便求的下一月的第一天  
            relativeMonth++; 
        } 
        //一天的毫秒数  
        var millisecond=1000*60*60*24; 
        //下月的第一天  
        var nextMonthDayOne=new Date(relativeYear,relativeMonth,1); 
        //返回得到上月的最后一天,也就是本月总天数  
        return new Date(nextMonthDayOne.getTime()-millisecond).getDate(); 
    }; 
     
    /**
     * 获得本季度的起止日期
     */ 
function getCurrentSeason(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得当前月份0-11  
        var currentMonth=currentDate.getMonth(); 
        //获得当前年份4位年  
        var currentYear=currentDate.getFullYear(); 
        //获得本季度开始月份  
        var quarterSeasonStartMonth=getQuarterSeasonStartMonth(currentMonth); 
        //获得本季度结束月份  
        var quarterSeasonEndMonth=quarterSeasonStartMonth+2; 
         
        //获得本季度开始的日期  
        var quarterSeasonStartDate=new Date(currentYear,quarterSeasonStartMonth,1); 
        //获得本季度结束的日期  
        var quarterSeasonEndDate=new Date(currentYear,quarterSeasonEndMonth,getMonthDays(currentYear, quarterSeasonEndMonth)); 
        quarterSeasonStartDate = quarterSeasonStartDate.getYear()+"-"+(quarterSeasonStartDate.getMonth()+1)+"-"+quarterSeasonStartDate.getDate();
        quarterSeasonEndDate = quarterSeasonEndDate.getYear()+"-"+(quarterSeasonEndDate.getMonth()+1)+"-"+quarterSeasonEndDate.getDate();
        //加入数组返回  
        startStop.push(quarterSeasonStartDate); 
        startStop.push(quarterSeasonEndDate); 
        //返回  
        return startStop; 
    }; 
     
    /***
     * 得到本年的起止日期
     * 
     */ 
function getCurrentYear(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得当前年份4位年  
        var currentYear=currentDate.getFullYear(); 
         
        //本年第一天  
        var currentYearFirstDate=new Date(currentYear,0,1); 
        //本年最后一天  
        var currentYearLastDate=new Date(currentYear,11,31); 
        //添加至数组  
        startStop.push(currentYearFirstDate); 
        startStop.push(currentYearLastDate); 
        //返回  
        return startStop; 
    }; 
     
    /**
     * 返回上一个月的第一天Date类型
     * @param year 年
     * @param month 月
     **/ 
function getPriorMonthFirstDay(year,month){ 
        //年份为0代表,是本年的第一月,所以不能减  
        if(month==0){ 
            month=11;//月份为上年的最后月份  
            year--;//年份减1  
            return new Date(year,month,1); 
        } 
        //否则,只减去月份  
        month--; 
        return new Date(year,month,1);; 
    }; 
     
    /**
     * 获得上一月的起止日期
     * ***/ 
    function getPreviousMonth(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得当前月份0-11  
        var currentMonth=currentDate.getMonth(); 
        //获得当前年份4位年  
        var currentYear=currentDate.getFullYear(); 
        //获得上一个月的第一天  
        var priorMonthFirstDay=getPriorMonthFirstDay(currentYear,currentMonth); 
        //获得上一月的最后一天  
        var priorMonthLastDay=new Date(priorMonthFirstDay.getFullYear(),priorMonthFirstDay.getMonth(),getMonthDays(priorMonthFirstDay.getFullYear(), priorMonthFirstDay.getMonth())); 
        //添加至数组  
        priorMonthFirstDay = priorMonthFirstDay.getYear()+"-"+(priorMonthFirstDay.getMonth()+1)+"-"+priorMonthFirstDay.getDate();
        priorMonthLastDay = priorMonthLastDay.getYear()+"-"+(priorMonthLastDay.getMonth()+1)+"-"+priorMonthLastDay.getDate();
        startStop.push(priorMonthFirstDay); 
        startStop.push(priorMonthLastDay); 
        //返回  
        return startStop; 
    }; 
    
     /**
     * 获得上上一月的起止日期
     * ***/ 
    function getPreviousPreviousMonth(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得上月月份0-11  
        var currentMonth=currentDate.getMonth()-1; 
        //获得当前年份4位年  
        var currentYear=currentDate.getFullYear(); 
        //获得上一个月的第一天  
        var priorMonthFirstDay=getPriorMonthFirstDay(currentYear,currentMonth); 
        //获得上一月的最后一天  
        var priorMonthLastDay=new Date(priorMonthFirstDay.getFullYear(),priorMonthFirstDay.getMonth(),getMonthDays(priorMonthFirstDay.getFullYear(), priorMonthFirstDay.getMonth())); 
        //添加至数组  
        priorMonthFirstDay = priorMonthFirstDay.getYear()+"-"+(priorMonthFirstDay.getMonth()+1)+"-"+priorMonthFirstDay.getDate();
        priorMonthLastDay = priorMonthLastDay.getYear()+"-"+(priorMonthLastDay.getMonth()+1)+"-"+priorMonthLastDay.getDate();
        startStop.push(priorMonthFirstDay); 
        startStop.push(priorMonthLastDay); 
        //返回  
        return startStop; 
    }; 
     
     //去年上个月
    function getLastYearLastMonth(){
    		//起止日期数组  
      var startStop=new Array(); 
    	var lastMonth = getPreviousMonth();
    	var start = lastMonth[0];
    	var year = start.split("-")[0];
    	start = (parseInt(year)-1)+"-"+start.split("-")[1]+"-"+start.split("-")[2];
    	var end = lastMonth[1];
    	end = (parseInt(year)-1)+"-"+end.split("-")[1]+"-"+end.split("-")[2];
      //添加至数组  
      startStop.push(start); 
      startStop.push(end); 
      return startStop; 
    	}
     
    /**
     * 获得上一周的起止日期
     * **/ 
function getPreviousWeek(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //返回date是一周中的某一天  
        var week=currentDate.getDay(); 
        //返回date是一个月中的某一天  
        var month=currentDate.getDate(); 
        //一天的毫秒数  
        var millisecond=1000*60*60*24; 
        //减去的天数  
        var minusDay=week!=0?week-1:6; 
        //获得当前周的第一天  
        var currentWeekDayOne=new Date(currentDate.getTime()-(millisecond*minusDay)); 
        //上周最后一天即本周开始的前一天  
        var priorWeekLastDay=new Date(currentWeekDayOne.getTime()-millisecond); 
        //上周的第一天  
        var priorWeekFirstDay=new Date(priorWeekLastDay.getTime()-(millisecond*6)); 
        priorWeekFirstDay = priorWeekFirstDay.getYear()+"-"+(priorWeekFirstDay.getMonth()+1)+"-"+priorWeekFirstDay.getDate();
        priorWeekLastDay = priorWeekLastDay.getYear()+"-"+(priorWeekLastDay.getMonth()+1)+"-"+priorWeekLastDay.getDate();
        //添加至数组  
        startStop.push(priorWeekFirstDay); 
        startStop.push(priorWeekLastDay); 
         
        return startStop; 
    }; 
    
    /**
     * 获得上上一周的起止日期
     * **/ 
function getPreviousPreviousWeek(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //返回date是一周中的某一天  
        var week=currentDate.getDay(); 
        //返回date是一个月中的某一天  
        var month=currentDate.getDate(); 
        //一天的毫秒数  
        var millisecond=1000*60*60*24; 
        //减去的天数  
        var minusDay=week!=0?week-1:6; 
        var temp = getPreviousWeek()[0]//上周第一天,但是不是date格式
        var lastWeekFirstday = Date.parse(temp.replace(/-/g,"/"));
        lastWeekFirstday = new Date(lastWeekFirstday);
        //上周最后一天即本周开始的前一天  
        var priorWeekLastDay=new Date(lastWeekFirstday.getTime()-millisecond); 
        //上周的第一天  
        var priorWeekFirstDay=new Date(priorWeekLastDay.getTime()-(millisecond*6)); 
        priorWeekFirstDay = priorWeekFirstDay.getYear()+"-"+(priorWeekFirstDay.getMonth()+1)+"-"+priorWeekFirstDay.getDate();
        priorWeekLastDay = priorWeekLastDay.getYear()+"-"+(priorWeekLastDay.getMonth()+1)+"-"+priorWeekLastDay.getDate();
        //添加至数组  
        startStop.push(priorWeekFirstDay); 
        startStop.push(priorWeekLastDay); 
         
        return startStop; 
    }; 
    //去年本周
    function getLastYearLastWeek(){
    	//起止日期数组  
      var startStop=new Array(); 
    	var lastWeek = getPreviousPreviousWeek();
    	var start = lastWeek[0];
    	var year = start.split("-")[0];
    	start = (parseInt(year)-1)+"-"+start.split("-")[1]+"-"+start.split("-")[2];
    	var end = lastWeek[1];
    	end = (parseInt(year)-1)+"-"+end.split("-")[1]+"-"+end.split("-")[2];
      //添加至数组  
      startStop.push(start); 
      startStop.push(end); 
      return startStop; 
    	}
     
    /**
     * 得到上季度的起始日期
     * year 这个年应该是运算后得到的当前本季度的年份
     * month 这个应该是运算后得到的当前季度的开始月份
     * */ 
function getPriorSeasonFirstDay(year,month){ 
        var quarterMonthStart=0; 
        var spring=0; //春  
        var summer=3; //夏  
        var fall=6;   //秋  
        var winter=9;//冬  
        //月份从0-11  
        switch(month){//季度的其实月份  
        case spring: 
            //如果是第一季度则应该到去年的冬季  
              year--; 
              month=winter; 
            break; 
        case summer: 
            month=spring; 
            break; 
        case fall: 
            month=summer; 
            break; 
        case winter: 
            month=fall; 
            break; 
             
        }; 
         
        return new Date(year,month,1); 
    }; 
     
    /**
     * 得到上季度的起止日期
     * **/ 
function getPreviousSeason(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得当前月份0-11  
        var currentMonth=currentDate.getMonth(); 
        //获得当前年份4位年  
        var currentYear=currentDate.getFullYear(); 
        //上季度的第一天  
        var priorSeasonFirstDay=getPriorSeasonFirstDay(currentYear, currentMonth); 
        //上季度的最后一天  
        var priorSeasonLastDay=new Date(priorSeasonFirstDay.getFullYear(),priorSeasonFirstDay.getMonth()+2,getMonthDays(priorSeasonFirstDay.getFullYear(), priorSeasonFirstDay.getMonth()+2)); 
        //添加至数组 
        priorSeasonFirstDay = priorSeasonFirstDay.getYear()+"-"+(priorSeasonFirstDay.getMonth()+1)+"-"+priorSeasonFirstDay.getDate();
        priorSeasonLastDay = priorSeasonLastDay.getYear()+"-"+(priorSeasonLastDay.getMonth()+1)+"-"+priorSeasonLastDay.getDate();   
        startStop.push(priorSeasonFirstDay); 
        startStop.push(priorSeasonLastDay); 
        return startStop; 
    }; 
    //去年上个季度
    function getLastYearLastSeason(){
    		//起止日期数组  
      var startStop=new Array(); 
    	var lastSeason = getPreviousSeason();
    	var start = lastSeason[0];
    	var year = start.split("-")[0];
    	start = (parseInt(year)-1)+"-"+start.split("-")[1]+"-"+start.split("-")[2];
    	var end = lastSeason[1];
    	end = (parseInt(year)-1)+"-"+end.split("-")[1]+"-"+end.split("-")[2];
      //添加至数组  
      startStop.push(start); 
      startStop.push(end); 
      return startStop; 
    	}
    
        /**
     * 得到上上季度的起止日期
     * **/ 
function getPreviousPreviousSeason(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得上季度同期月份0-11  
        var currentMonth=currentDate.getMonth(); 
        var currentYear = "";
        if(currentMonth<3){
        		currentMonth = 12-(3-parseInt(currentMonth))-1;
        		currentYear = parseInt(currentDate.getFullYear())-1;
        }else{
        	//获得当前年份4位年  
        currentYear=currentDate.getFullYear(); 	
        }
        //上上季度的第一天  
        var priorSeasonFirstDay=getPriorSeasonFirstDay(currentYear, currentMonth); 
        //上上季度的最后一天  
        var priorSeasonLastDay=new Date(priorSeasonFirstDay.getFullYear(),priorSeasonFirstDay.getMonth()+2,getMonthDays(priorSeasonFirstDay.getFullYear(), priorSeasonFirstDay.getMonth()+2)); 
        //添加至数组
        priorSeasonFirstDay = priorSeasonFirstDay.getYear()+"-"+(priorSeasonFirstDay.getMonth()+1)+"-"+priorSeasonFirstDay.getDate();
        priorSeasonLastDay = priorSeasonLastDay.getYear()+"-"+(priorSeasonLastDay.getMonth()+1)+"-"+priorSeasonLastDay.getDate();  
        startStop.push(priorSeasonFirstDay); 
        startStop.push(priorSeasonLastDay); 
        return startStop; 
    };
     
    /**
     * 得到去年的起止日期
     * **/ 
function getPreviousYear(){ 
        //起止日期数组  
        var startStop=new Array(); 
        //获取当前时间  
        var currentDate=getCurrentDate(); 
        //获得当前年份4位年  
        var currentYear=currentDate.getFullYear(); 
            currentYear--; 
        var priorYearFirstDay=new Date(currentYear,0,1); 
        var priorYearLastDay=new Date(currentYear,11,1); 
        //添加至数组  
        startStop.push(priorYearFirstDay); 
        startStop.push(priorYearLastDay); 
        return startStop; 
    }; 
     
     
     
     
     

# 慢日志平台概要设计方案 ## 一、全局可视化大屏 ### 1.1 设计目标 为管理者和运维人员提供数据库性能的全景视图,实现实时监控和快速问题发现。采用深色主题设计,布局遵循"总-分-重点"的信息层次,顶部展示关键指标,中部呈现趋势分析,底部聚焦资源消耗和告警信息。 ### 1.2 数据更新机制 采用双引擎驱动:实时数据通过WebSocket每30秒推送增量更新,历史统计数据每分钟定时轮询刷新。核心数据存储在Redis缓存中,确保快速响应。统计模块定时从MySQL聚合计算后写入Redis,大屏直接读取缓存数据展示。 ### 1.3 核心展示模块 #### 慢SQL趋势分析区 展示最近24小时慢SQL数量曲线,支持1小时/6小时/12小时/24小时视图切换。曲线采用渐变色填充,超过阈值自动变为警示色。右上角显示增长率指标,对比昨日和上周同期数据。 配套展示执行时长分布环形图,按0-1秒、1-3秒、3-10秒、10秒以上四个区间统计。同时展示影响行数趋势的双轴折线图,左轴为扫描行数,右轴为返回行数,直观反映查询效率。 所有图表支持交互下钻,点击曲线任意时间点弹出该时段详细SQL列表。 #### 资源消耗TOP排行榜 以分页卡片形式展示四个维度的TOP10排名,通过标签页切换: - 执行时长TOP10:展示平均执行时长最长的SQL指纹 - 执行次数TOP10:展示调用频率最高的SQL,标注每日总耗时 - 扫描行数TOP10:展示全表扫描或大范围扫描的SQL,标注扫描返回比 - 锁等待TOP10:展示Lock_time最长的SQL 每条记录以卡片呈现,包含排名、SQL指纹、所属实例、业务标签和关键指标。提供快速操作按钮:查看详情、添加白名单、创建优化任务。使用Redis的Sorted Set存储TOP榜,每分钟通过WebSocket推送变化。 #### 实例健康度矩阵 采用热力图展示所有MySQL实例健康状况,每个方块代表一个实例,颜色深浅反映健康评分。 健康度评分规则:慢SQL数量40%、平均执行时长30%、锁等待时长20%、扫描行数10%。评分区间:90-100分绿色(健康)、70-89分黄色(预警)、70分以下红色(告警)。 支持鼠标悬停显示详细指标tooltip,点击方块跳转实例详情页。顶部提供业务线筛选器,按业务维度过滤实例范围。 #### 告警统计面板 以信息卡片组合展示告警关键指标: - 今日告警总数及与昨日对比趋势,附带最近7天告警曲线 - 告警级别分布堆叠柱状图(严重/警告/提示) - 未处理告警数量红色高亮显示,配合闪烁动画 - 告警响应时长平均值,超过目标值显示红色预警 - 告警TOP5来源实例横向条形图 告警数据实时更新,点击未处理告警数量弹出详细列表。告警触发后自动记录并通过钉钉、邮件、短信多渠道通知。 ### 1.4 技术要点 前端采用ECharts图表库和DataV大屏组件库。WebSocket实现实时推送,后端定时任务从Redis获取数据推送给所有在线客户端。Redis缓存键采用层次化设计如"slowsql:trend:日期",便于管理和过期控制。历史时序数据可选用InfluxDB或MySQL分区表存储。 ## 二、下钻分析能力 ### 2.1 分析模型设计 基于OLAP多维分析模型,支持从宏观趋势逐层深入到具体SQL和执行细节,最终定位性能根因。 核心分析维度: - 时间维度:年//日/小时/分钟多级粒度 - 业务维度:业务线/应用/模块三层级 - 数据库维度:实例/数据库名/表名 - SQL维度:SQL指纹/SQL类型(SELECT/UPDATE/DELETE/INSERT) - 性能维度:执行时长区间/扫描行数区间 维度间可自由组合,支持复杂的交叉分析查询。 ### 2.2 页面布局结构 采用"筛选-展示-详情"三段式布局: **筛选条件区域**(顶部固定): 第一行:业务线选择、实例选择、数据库选择、时间范围选择 第二行:执行时长阈值、扫描行数阈值、SQL类型、标签筛选 支持级联联动,选择业务线后实例和数据库自动过滤。提供保存筛选方案、一键清空、导出结果功能。实时显示当前结果数量。 **分析结果展示区域**(中部): 采用多标签页组织,包括SQL指纹列表、时序趋势分析、分布分析、原始日志查询四个视图。 ### 2.3 SQL指纹列表视图 表格形式展示聚合后的SQL指纹,每行包含: - SQL指纹(脱敏后模板,支持点击展开完整SQL) - 执行次数 - 平均/最大执行时长(超过阈值显示警示色) - 平均扫描行数/返回行数 - 平均锁等待时长 - 涉及表名 - 所属实例和业务标签 - 操作按钮(详情/加白名单/创建任务) 支持按任意列排序,默认按平均执行时长降序。支持多选批量操作。SQL指纹采用代码高亮提升可读性。 ### 2.4 时序趋势分析视图 双轴折线图展示慢SQL时间维度变化: - 横轴:时间,根据筛选范围自动调整刻度 - 左轴:执行次数(柱状图) - 右轴:平均执行时长(折线图) 支持时间范围缩放,在时间轴上拖动选择子区间放大查看。提供按分钟/小时/天/周四种粒度切换。支持对比上周或上同期数据,使用虚线叠加显示。点击数据点弹出该时刻详细信息。 ### 2.5 分布分析视图 通过统计图表揭示多维度分布特征: - 执行时长分布直方图:显示SQL在各时长区间的数量分布 - 扫描行数分布直方图:采用对数尺度区间,识别全表扫描SQL - 数据库/表维度同心圆饼图:外圈显示数据库分布,内圈显示表分布,支持点击下钻 - SQL类型占比饼图:按SELECT/UPDATE/DELETE/INSERT分类统计 所有图表支持联动交互,点击一个图表的某个区域,其他图表自动过滤对应数据。 ### 2.6 原始日志查询视图 详细表格展示每条原始慢日志记录: - 执行时间戳 - 完整SQL语句(带参数值,代码高亮) - 执行时长/锁等待时长 - 扫描行数/返回行数 - 执行用户/客户端IP 支持二次筛选和全文搜索,高亮关键词。采用虚拟滚动技术处理大数据量。提供导出CSV功能,大数据量采用异步任务处理,完成后通知下载。 ### 2.7 根因分析功能 点击SQL指纹详情按钮进入深度分析页面,包含多个分析维度: **执行计划分析**:调用在线SQL分析模块,连接数据库执行EXPLAIN,展示执行计划结果,高亮全表扫描、filesort、临时表等问题点,给出索引优化建议。 **时间分布分析**:按小时/天/周展示该SQL执行时长波动,识别性能突变时间点,可关联数据库负载指标分析。 **参数分析**:对参数化查询,展示不同参数值的性能差异,识别导致慢查询的特定参数。 **关联分析**:展示同时间段其他慢SQL,分析是否存在锁竞争或资源争抢。 **历史对比**:对比该SQL在过去7天/30天的性能趋势,识别性能退化。 **智能建议引擎**:基于规则给出优化建议,如全表扫描建议加索引、高锁等待建议检查事务、高扫描返回比建议优化条件等。 ### 2.8 技术实现要点 数据库采用分区表设计,按天或分区,在时间戳、SQL指纹、实例、业务标签等字段上建立复合索引,加速多维查询。热点查询结果缓存到Redis,TTL设置5分钟。大结果集不缓存,避免内存压力。异步导出使用后台任务队列处理,生成文件后上传到文件服务器或OSS,通知用户下载链接。 ## 三、任务跟踪看板 ### 3.1 任务管理架构 采用工作流引擎管理优化任务全生命周期,状态流转:待处理 → 已分配 → 进行中 → 待验证 → 已完成,支持驳回和搁置状态。 ### 3.2 看板视图设计 提供看板视图和列表视图双模式: **看板视图**(默认):类似Jira的泳道看板,按状态分列展示任务卡片。支持拖拽卡片改变状态,直观反映任务流转。 任务卡片内容: - 任务编号和标题 - 业务/实例信息 - SQL指纹摘要 - 当前性能指标 → 目标指标 - 负责人/截止时间 - 优先级(P0/P1/P2/P3)和标签 **列表视图**:传统表格形式,支持按任意字段排序和高级筛选,适合查找特定任务。 ### 3.3 任务创建流程 四个创建入口:大屏TOP榜、下钻分析页、告警通知、手动新建。 创建表单包含: - 任务标题(自动生成或手动输入) - 关联SQL指纹(自动关联或搜索) - 所属实例和业务 - 问题描述(富文本,支持截图) - 当前性能指标(平均时长/执行次数/影响用户数) - 优化目标(目标时长/预计收益) - 优先级/负责人/协作人 - 计划时间和标签 ### 3.4 任务详情页设计 **顶部信息区**:任务编号、标题、状态徽章、创建人、负责人、协作人、优先级、截止时间。 **Tab页内容**: - 任务详情:问题描述、关联SQL、性能指标对比、附件列表 - 优化方案:富文本记录根因分析、优化方案(支持多备选)、EXPLAIN对比、预期效果 - 执行记录:时间轴展示任务进展,记录创建、分配、方案添加、SQL变更、验证等关键节点 - 性能对比:图表展示优化前后执行时长、次数、扫描行数、数据库负载对比 **底部操作区**:根据任务状态显示不同操作按钮,如分配、开始处理、提交验证、验证通过/失败、驳回、搁置、重新打开、归档等。 ### 3.5 智能提醒推送 提醒规则: - 任务分配:即时钉钉/邮件通知负责人 - 即将到期:提前2天钉钉提醒 - 任务逾期:每日钉钉提醒,抄送Leader - 状态变更:通知相关人员 - 评论@:即时通知被@人员 ### 3.6 统计看板 看板顶部展示统计数据: - 本周新增/完成任务数 - 任务完成率 - 平均处理时长 - 逾期任务数(红色高亮) - 我的待办任务数 ### 3.7 自动化功能 **自动性能验证**:任务提交验证后,系统自动查询最近1小时该SQL指纹的平均执行时长,对比目标值,生成验证结果建议(通过/未达标)。 **定时监控**:每天定时检查逾期任务,向负责人发送提醒,高优先级任务抄送Leader。 **任务推荐**:分析历史优化任务效果,为新出现的慢SQL推荐相似的优化方案。 ### 3.8 技术实现要点 数据库设计包含任务主表、协作人关联表、操作日志表、附件表。任务主表在负责人、状态、截止时间等字段建立索引,优化查询性能。 看板拖拽基于前端拖拽组件实现,拖拽后调用API更新任务状态,通过WebSocket通知其他在线用户刷新看板,保证多人协作时数据一致性。 任务操作日志完整记录每次变更,包含操作人、操作类型、变更内容、时间戳,支持任务审计和回溯。 ## 四、系统集成方案 ### 4.1 整体架构 前端采用Vue3 + ECharts + DataV + Element Plus,应用层使用Spring Boot + WebSocket,数据层包含MySQL(业务数据)、Redis(缓存/队列)、可选InfluxDB(时序数据)。 ### 4.2 核心数据流 慢日志从Kafka消费后,采集模块生成SQL指纹并写入文件,pt工具解析后统计数据入库MySQL。定时聚合任务和准实时流式统计双轨运行,结果写入Redis缓存。大屏和下钻分析从Redis和MySQL读取数据展示。 ### 4.3 中间件选型 - 消息队列:Kafka(已有) - 缓存:Redis(热点数据、实时指标、分布式锁) - 实时通信:WebSocket(Spring Boot内置) - 任务调度:Spring @Scheduled - 通知推送:钉钉机器人/企业微信机器人 - 文件存储:本地文件系统或MinIO/OSS ### 4.4 关键特性 - 实时性:WebSocket推送保证大屏30秒延迟,告警即时通知 - 可扩展:多维分析模型支持灵活增加新维度 - 易用性:丰富的交互下钻,一键创建优化任务 - 智能化:自动性能验证,智能优化建议 - 协作性:任务看板支持多人协作,状态实时同步
最新发布
11-25
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值