CRM项目08

复习

• mybatis里
  排序用${}，是把 ${ } 替换成变量的值，完成的是简单的字符串拼接。
  参数用#{}，预编译防sql注入，# 加了 ' '

• input禁止显示历史输入记录autocomplete="off"

• map 是键值对的集合和类的多个属性名对应多个属性值是一样的

异常

input使用class名input-daterange后，bootstrap会作用于它，使bootstrap-datepicker日期插件无法作用到改input

  时间段查询:
  
  to
  

一、报表功能

报表结果封装.png

分组统计sql

• mapper
  根据员工姓名进行分组 , 统计潜在客户数，根据时间进行分组 , 统计潜在客户数
  返回值为hashMap时SQL语句的别名为key名

    select ${groupType} groupType, count(c.id) number from customer c
      left join employee e on e.id = c.seller_id
    
      c.status = 0
      
        and e.name like concat('%',#{keyword},'%')
      
      
        and c.input_time >= #{startDate}
      
      
        and c.input_time <= #{endDate}
      
    
    group by ${groupType}
  

• 查询条件

 
@Getter
@Setter
public class CustomerReportQueryObeject extends QueryObject {
    private String groupType = "e.name"; // 默认按员工姓名查询

    @DateTimeFormat(pattern = "yyyy-MM-dd")
    private Date endDate; // 结束时间

    @DateTimeFormat(pattern = "yyyy-MM-dd")
    private Date startDate; // 开始时间

    // 解决结束时间默认天后面的时间为00:00:00 导致查询不到结束时间这一天数据的问题 
    public Date getEndDate() { // 获取结束时间当天最晚的时候
        return DateUtil.getEndDate(endDate);
    }
}

• 前端按时间分组查询条件预设

   员工
   年
   月
   日

二、 图形报表

ECharts可视化图表插件

ECharts是一款由百度前端技术部开发的 , 开源免费的 , 基于Javascript, 可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。
官网：https://echarts.apache.org/zh/index.html

控制器

     /**
     * 访问柱状图页面
     * @param model
     * @param qo
     * @return
     */
    @RequestMapping("/listByBar")
    public String listByBar (Model model, @ModelAttribute("qo") CustomerReportQueryObeject qo){
        // 查询统计的数据
        List data = customerReportService.selectAll(qo);
        // 准备两个集合
        ArrayList