传智健康5—数据统计分析


阅读数: 次   

EverydayOneCat

「Aerodynamic Baking Marshmallows」9:16

2c7b41c39488163a3b86d5dbf4b90df7fd41c480.jpg@518w

统计分析

1.图形报表ECharts

1.1ECharts简介

在之前的Python数据可视化中已经介绍了Echars的效果。

ECharts缩写来自Enterprise Charts，商业级数据图表，是百度的一个开源的使用JavaScript实现的数据可视化工具，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观、交互丰富、可高度个性化定制的数据可视化图表。

官网：https://echarts.baidu.com/
下载地址：https://echarts.baidu.com/download.html
官方实例地址：https://www.echartsjs.com/examples/

1.2会员数量折线图

会员信息是体检机构的核心数据，其会员数量和增长数量可以反映出机构的部分运营情况。通过折线图可以直观的反映出会员数量的增长趋势。我们需要展示过去一年时间内每个月的会员总数据量。

页面引入echarts.js文件

1
<script src="../plugins/echarts/echarts.js"></script>

参照官方实例导入折线图

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart1 = echarts.init(document.getElementById('chart1'));

// 使用刚指定的配置项和数据显示图表。
//myChart.setOption(option);

axios.get("/report/getMemberReport.do").then((res)=>{
    myChart1.setOption(
        {
            title: {
                text: '会员数量'
            },
            tooltip: {},
            legend: {
                data:['会员数量']
            },
            xAxis: {
                data: res.data.data.months
            },
            yAxis: {
                type:'value'
            },
            series: [{
                name: '会员数量',
                type: 'line',
                data: res.data.data.memberCount
            }]
        });
});
</script>

根据折线图对数据格式的要求，我们发送ajax请求，服务端需要返回如下格式的数据

1
2
3
4
5
6
7
8
{
    "data":{
    "months":["2019.01","2019.02","2019.03","2019.04"],
    "memberCount":[3,4,8,10]
},
    "flag":true,
    "message":"获取会员统计数据成功"
}

根据此json得出后端需要返回一个Map对象，Map中有两个List集合

创建ReportController并提供getMemberReport方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@RequestMapping("/getMemberReport")
public Result getMemberReport(){
    Map<String,Object> map = new HashMap<>();

    Calendar calendar = Calendar.getInstance();
    //获得当前日期之前12个月的日期
    calendar.add(Calendar.MONTH,-12);
    List<String> months = new ArrayList<>();
    for (int i=0;i<12;i++){
        calendar.add(Calendar.MONTH,1);
        months.add(new SimpleDateFormat("yyyy.MM").format(calendar.getTime()));
    }
    map.put("months",months);

    List<Integer> memberCount = memberService.findMemberCountByMonth(months);
    map.put("memberCount",memberCount);
    return new Result(true, MessageConstant.GET_MEMBER_NUMBER_REPORT_SUCCESS,map);
}

Service:

1
2
3
4
5
6
7
8
9
10
@Override
public List<Integer> findMemberCountByMonth(List<String> months) {
    List<Integer> list = new ArrayList<>();
    for (String month : months) {
        month += ".31";//格式：2020.04.31
        Integer count = memberDao.findMemberCountBeforeDate(month);
        list.add(count);
    }
    return list;
}

效果：

image-20201125232524845

1.3套餐预约占比饼形图

会员可以通过移动端自助进行体检预约，在预约时需要选择预约的体检套餐。我们需要通过饼形图直观的展示出会员预约的各个套餐占比情况。

参照官方实例导入饼形图:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart1 = echarts.init(document.getElementById('chart1'));

// 使用刚指定的配置项和数据显示图表。
//myChart.setOption(option);

axios.get("/report/getSetmealReport.do").then((res)=>{
    myChart1.setOption({
        title : {
            text: '套餐预约占比',
            subtext: '',
            x:'center'
        },
        tooltip : {//提示框组件
            trigger: 'item',//触发类型，在饼形图中为item
            formatter: "{a} <br/>{b} : {c} ({d}%)"//提示内容格式
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: res.data.data.setmealNames
        },
        series : [
            {
                name: '套餐预约占比',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:res.data.data.setmealCount,
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    });
});
</script>

根据饼形图对数据格式的要求，我们发送ajax请求，服务端需要返回如下格式的数据：

1
2
3
4
5
6
7
8
9
10
11
12
{
    "data":{
        "setmealNames":["套餐1","套餐2","套餐3"],
        "setmealCount":[
            {"name":"套餐1","value":10},
            {"name":"套餐2","value":30},
            {"name":"套餐3","value":25}
        ]
    },
    "flag":true,
    "message":"获取套餐统计数据成功"
}

根据此json得出后端需要返回一个map对象，Map中有两个List集合，其中key为setmealCount的List泛型也是一个Map。

ReportController中提供getSetmealReport方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
@RequestMapping("/getSetmealReport")
public Result getSetmealReport(){
    List<Map<String,Object>> list = setmealService.findSetmealCount();
    Map<String,Object> map = new HashMap<>();
    map.put("setmealCount",list);

    List<String> setmealNames = new ArrayList<>();
    for (Map<String, Object> m : list) {
        String name = (String) m.get("name");
        setmealNames.add(name);
    }
    map.put("setmealNames",setmealNames);
    return new Result(true,MessageConstant.GET_SETMEAL_COUNT_REPORT_SUCCESS,map);
}

后端难点主要是sql语句，需要分组查询并且起别名才能和前端需要的数据相吻合：

1
2
select s.name,count(o.id) value from t_setmeal s,t_order o 
WHERE s.id=o.setmeal_id group by o.setmeal_id

image-20201125233112745

效果：

image-20201125233234858

2.POI报表

2.1运营数据统计

通过运营数据统计可以展示出体检机构的运营情况，包括会员数据、预约到诊数据、热门套餐等信息。

在VUE的钩子函数中发送ajax请求获取动态数据，通过VUE的数据绑定将数据展示到页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
data:{
    reportData:{
                    reportDate:null,
                    todayNewMember :0,
                    totalMember :0,
                    thisWeekNewMember :0,
                    thisMonthNewMember :0,
                    todayOrderNumber :0,
                    todayVisitsNumber :0,
                    thisWeekOrderNumber :0,
                    thisWeekVisitsNumber :0,
                    thisMonthOrderNumber :0,
                    thisMonthVisitsNumber :0,
                    hotSetmeal :[
                        {name:'阳光爸妈升级肿瘤12项筛查（男女单人）体检套餐',setmeal_count:200,proportion:0.222},
                        {name:'阳光爸妈升级肿瘤12项筛查体检套餐',setmeal_count:200,proportion:0.222}
                    ]
                }
            },
            created() {
                axios.get("/report/getBusinessReportData.do").then((res)=>{
                    this.reportData = res.data.data;
                });
            }

根据页面对数据格式的要求，我们发送ajax请求，服务端需要返回如下格式的数据：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
    "data":{
        "todayVisitsNumber":0,
        "reportDate":"2019‐04‐25",
        "todayNewMember":0,
        "thisWeekVisitsNumber":0,
        "thisMonthNewMember":2,
        "thisWeekNewMember":0,
        "totalMember":10,
        "thisMonthOrderNumber":2,
        "thisMonthVisitsNumber":0,
        "todayOrderNumber":0,
        "thisWeekOrderNumber":0,
        "hotSetmeal":[
            {"proportion":0.4545,"name":"粉红珍爱(女)升级TM12项筛查体检套
             餐","setmeal_count":5},
             {"proportion":0.1818,"name":"阳光爸妈升级肿瘤12项筛查体检套
             餐","setmeal_count":2},
             {"proportion":0.1818,"name":"珍爱高端升级肿瘤12项筛
             查","setmeal_count":2},
             {"proportion":0.0909,"name":"孕前检查套餐","setmeal_count":1}
        ],
    },
    "flag":true,
    "message":"获取运营统计数据成功"
}

ReportController中提供getBusinessReportData方法

1
2
3
4
5
6
7
8
9
10
@RequestMapping("/getBusinessReportData")
public Result getBusinessReportData(){
    try {
        Map<String,Object> map = reportService.getBusinessReport();
        return new Result(true,MessageConstant.GET_BUSINESS_REPORT_SUCCESS,map);
    } catch (Exception e) {
        e.printStackTrace();
        return new Result(false,MessageConstant.GET_BUSINESS_REPORT_FAIL);
    }
}

创建ReportService服务接口并声明getBusinessReport方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/**
     * 获得运营统计数据
     * Map数据格式：
     * todayNewMember ‐> number
     * totalMember ‐> number
     * thisWeekNewMember ‐> number
     * thisMonthNewMember ‐> number
     * todayOrderNumber ‐> number
     * todayVisitsNumber ‐> number
     * thisWeekOrderNumber ‐> number
     * thisWeekVisitsNumber ‐> number
     * thisMonthOrderNumber ‐> number
     * thisMonthVisitsNumber ‐> number
     * hotSetmeal ‐> List<Setmeal>
     */
@Override
public Map<String, Object> getBusinessReport() throws Exception{
    //获得当前日期
    String today = DateUtils.parseDate2String(DateUtils.getToday());
    //获得本周一的日期
    String monday = DateUtils.parseDate2String(DateUtils.getThisWeekMonday());
    //获得本月第一天的日期
    String firstDay4ThisMonth = DateUtils.parseDate2String(DateUtils.getFirstDay4ThisMonth());

    Integer todayNewMember = memberDao.findMemberCountByDate(today);
    Integer totalMember = memberDao.findMemberTotalCount();
    Integer thisWeekNewMember = memberDao.findMemberCountAfterDate(monday);
    Integer thisMonthNewMember = memberDao.findMemberCountAfterDate(firstDay4ThisMonth);

    Integer todayOrderNumber = orderDao.findVisitsCountByDate(today);
    Integer todayVisitsNumber = orderDao.findVisitsCountByDate(today);
    Integer thisWeekOrderNumber = orderDao.findOrderCountAfterDate(monday);
    Integer thisWeekVisitsNumber = orderDao.findVisitsCountAfterDate(monday);
    Integer thisMonthOrderNumber = orderDao.findOrderCountAfterDate(firstDay4ThisMonth);
    Integer thisMonthVisitsNumber = orderDao.findVisitsCountAfterDate(firstDay4ThisMonth);

    List<Map> hotSetmeal = orderDao.findHotSetmeal();

    Map<String,Object> result = new HashMap<>();
    result.put("reportDate",today);
    result.put("todayNewMember",todayNewMember);
    result.put("totalMember",totalMember);
    result.put("thisWeekNewMember",thisWeekNewMember);
    result.put("thisMonthNewMember",thisMonthNewMember);
    result.put("todayOrderNumber",todayOrderNumber);
    result.put("thisWeekOrderNumber",thisWeekOrderNumber);
    result.put("thisMonthOrderNumber",thisMonthOrderNumber);
    result.put("todayVisitsNumber",todayVisitsNumber);
    result.put("thisWeekVisitsNumber",thisWeekVisitsNumber);
    result.put("thisMonthVisitsNumber",thisMonthVisitsNumber);
    result.put("hotSetmeal",hotSetmeal);
    return result;
}

其中热门套餐的sql语句较为复杂，需要t_setmeal和t_order两表查询出套餐的名字和预定此套餐的数量，并求出数量的占比。接着还需要对数量进行降序排序，同时限制只显示前两个。

1
2
3
select s.name,count(o.id) setmeal_count,count(o.id)/(select count(id) from t_order) proportion 
from t_setmeal s,t_order o 
WHERE s.id=o.setmeal_id group by o.setmeal_id order by setmeal_count desc limit 0,2

image-20201126160547183

效果：

image-20201126160622398

2.2统计报表导出

运营数据统计报表导出就是将统计数据写入到Excel并提供给客户端浏览器进行下载，以便体检机构管理人员对运营数据的查看和存档。

在企业实际开发中，对于这种比较复杂的表格导出一般我们会提前设计一个Excel模板文件，在这个模板文件中提前将表格的结构和样式设置好，我们的程序只需要读取这个文件并在文件中的相应位置写入具体的值就可以了。

页面提供导出按钮并绑定事件

ReportController中提供exportBusinessReport方法，基于POI将数据写入到Excel中并通过输出流下载到客户端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
@RequestMapping("/exportBusinessReport")
public Result exportBusinessReport(HttpServletRequest request, HttpServletResponse response){
    try {
        Map<String,Object> result = reportService.getBusinessReport();
        //取出返回结果数据，准备将报表数据写入到Excel文件中
        String reportDate = (String) result.get("reportDate");
        Integer todayNewMember = (Integer) result.get("todayNewMember");
        Integer totalMember = (Integer) result.get("totalMember");
        Integer thisWeekNewMember = (Integer) result.get("thisWeekNewMember");
        Integer thisMonthNewMember = (Integer) result.get("thisMonthNewMember");
        Integer todayOrderNumber = (Integer) result.get("todayOrderNumber");
        Integer thisWeekOrderNumber = (Integer) result.get("thisWeekOrderNumber");
        Integer thisMonthOrderNumber = (Integer) result.get("thisMonthOrderNumber");
        Integer todayVisitsNumber = (Integer) result.get("todayVisitsNumber");
        Integer thisWeekVisitsNumber = (Integer) result.get("thisWeekVisitsNumber");
        Integer thisMonthVisitsNumber = (Integer) result.get("thisMonthVisitsNumber");
        List<Map> hotSetmeal = (List<Map>) result.get("hotSetmeal");

        //通过request得到文件在项目中的路径
        String filePath = request.getSession().getServletContext().getRealPath("template") 
            + File.separator + "report_template.xlsx";
        //基于提供的Excel模板文件在内存中创建一个Excel表格对象
        XSSFWorkbook excel = new XSSFWorkbook(new FileInputStream(new File(filePath)));
        //读取第一个工作表
        XSSFSheet sheet = excel.getSheetAt(0);

        //写入数据
        XSSFRow row = sheet.getRow(2);
        row.getCell(5).setCellValue(reportDate);//日期

        row = sheet.getRow(4);
        row.getCell(5).setCellValue(todayNewMember);//新增会员数（本日）
        row.getCell(7).setCellValue(totalMember);//总会员数

        row = sheet.getRow(5);
        row.getCell(5).setCellValue(thisWeekNewMember);//本周新增会员数
        row.getCell(7).setCellValue(thisMonthNewMember);//本月新增会员数

        row = sheet.getRow(7);
        row.getCell(5).setCellValue(todayOrderNumber);//今日预约数
        row.getCell(7).setCellValue(todayVisitsNumber);//今日到诊数

        row = sheet.getRow(8);
        row.getCell(5).setCellValue(thisWeekOrderNumber);//本周预约数
        row.getCell(7).setCellValue(thisWeekVisitsNumber);//本周到诊数

        row = sheet.getRow(9);
        row.getCell(5).setCellValue(thisMonthOrderNumber);//本月预约数
        row.getCell(7).setCellValue(thisMonthVisitsNumber);//本月到诊数

        int rowNum = 12;
        for(Map map : hotSetmeal){//热门套餐
            String name = (String) map.get("name");
            Long setmeal_count = (Long) map.get("setmeal_count");
            BigDecimal proportion = (BigDecimal) map.get("proportion");
            row = sheet.getRow(rowNum ++);
            row.getCell(4).setCellValue(name);//套餐名称
            row.getCell(5).setCellValue(setmeal_count);//预约数量
            row.getCell(6).setCellValue(proportion.doubleValue());//占比
        }

        //使用输出流进行表格下载,基于浏览器作为客户端下载
        OutputStream out = response.getOutputStream();
        response.setContentType("application/vnd.ms-excel");//代表的是Excel文件类型
        response.setHeader("content-Disposition", "attachment;filename=report.xlsx");//指定以附件形式进行下载
        excel.write(out);

        out.flush();
        out.close();
        excel.close();
        return null;
    } catch (Exception e) {
        e.printStackTrace();
        return new Result(false,MessageConstant.GET_BUSINESS_REPORT_FAIL);
    }
}

效果：

image-20201126160916304

3.PDF报表

3.1常见的PDF报表生成方式

iText：

iText是著名的开放源码的站点sourceforge一个项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。 iText的安装非常方便，下载iText.jar文件后，只需要在系统的CLASSPATH中加入iText.jar的路径，在程序中就可以使用iText类库了。

示例代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
public class ItextDemo {
    public static void main(String[] args) {
        try {
            Document document = new Document();
            PdfWriter.getInstance(document, new
                                  FileOutputStream("D:\\test.pdf"));
            document.open();
            document.add(new Paragraph("hello itext"));
            document.close();
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } catch (DocumentException e) {
            e.printStackTrace();
        }
    }
}

JasperReports：

JasperReports是一个基于Java的开源报表工具，它可以在Java环境下像其它IDE报表工具一样来制作报表。JasperReports 支持PDF、HTML、XLS、CSV和XML文件输出格式。JasperReports是当前Java开发者最常用的报表工具。

3.2JasperReports入门

创建maven工程，导入JasperReports的maven坐标

1
2
3
4
5
<dependency>
    <groupId>net.sf.jasperreports</groupId>
    <artifactId>jasperreports</artifactId>
    <version>6.8.0</version>
</dependency>

将提前准备好的jrxml文件复制到maven工程中(后面会详细讲解如何创建jrxml文件)

编写单元测试，输出PDF报表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
@Test
public void testJasperReports()throws Exception{
    String jrxmlPath =
        "D:\\ideaProjects\\projects111\\jasperdemo\\src\\main\\resources\\demo.jrxml";
    String jasperPath =
        "D:\\ideaProjects\\projects111\\jasperdemo\\src\\main\\resources\\demo.jasper";
    //编译模板
    JasperCompileManager.compileReportToFile(jrxmlPath,jasperPath);
    paramters.put("reportDate","2019-10-10");
    paramters.put("company","itcast");
    List<Map> list = new ArrayList();
    Map map1 = new HashMap();
    map1.put("name","xiaoming");
    map1.put("address","beijing");
    map1.put("email","xiaoming@itcast.cn");
    Map map2 = new HashMap();
    map2.put("name","xiaoli");
    map2.put("address","nanjing");
    map2.put("email","xiaoli@itcast.cn");
    list.add(map1);
    list.add(map2);
    //填充数据
    JasperPrint jasperPrint =
        JasperFillManager.fillReport(jasperPath,
                                     paramters,
                                     new JRBeanCollectionDataSource(list));
    //输出文件
    String pdfPath = "D:\\test.pdf";
    JasperExportManager.exportReportToPdfFile(jasperPrint,pdfPath);
}

3.3模板设计器Jaspersoft Studio

Jaspersoft Studio是一个图形化的报表设计工具，可以非常方便的设计出PDF报表模板文件(其实就是一个xml文件)，再结合JasperReports使用，就可以渲染出PDF文件。

下载地址:https://community.jaspersoft.com/community-download

Jaspersoft Studio页面和eclipse非常相像，在面板左下角可以看到有三种视图方式：Design（设计模式）、Source（源码模式）、Preview（预览模式）:

通过Design视图可以看到模板的直观结构和样式
通过Source视图可以看到文件xml源码
通过Preview视图可以预览PDF文件输出后的效果

3.4在项目中输出运营数据PDF报表

使用Jaspersoft Studio设计运营数据PDF报表模板文件health_business3.jrxml，设计后的效果如下：

image-20201126213924980

ReportController中提供exportBusinessReport4PDF方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@RequestMapping("/exportBusinessReport4PDF")
public Result exportBusinessReport4PDF(HttpServletRequest request, HttpServletResponse response){
    try {
        Map<String,Object> result = reportService.getBusinessReport();

        List<Map> hotSetmeal = (List<Map>) result.get("hotSetmeal");

        //通过request得到文件在项目中的路径
        String jrxmlPath = request.getSession().getServletContext().getRealPath("template") + File.separator + "health_business3.jrxml";
        String jasperPath = request.getSession().getServletContext().getRealPath("template") +
            File.separator + "health_business3.jasper";
        //编译模板
        JasperCompileManager.compileReportToFile(jrxmlPath, jasperPath);

        //填充数据---使用JavaBean数据源方式填充
        JasperPrint jasperPrint =
            JasperFillManager.fillReport(jasperPath,result, new JRBeanCollectionDataSource(hotSetmeal));


        //使用输出流进行表格下载,基于浏览器作为客户端下载
        OutputStream out = response.getOutputStream();
        response.setContentType("application/pdf");
        response.setHeader("content-Disposition", "attachment;filename=report.pdf");
        out.flush();
        out.close();

        //输出文件
        JasperExportManager.exportReportToPdfStream(jasperPrint,out);

        return null;
    } catch (Exception e) {
        e.printStackTrace();
        return new Result(false,MessageConstant.GET_BUSINESS_REPORT_FAIL);
    }
}

结语

明天XML考试我还啥都没看咋办，在线等挺急的😭

赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

很惭愧<br><br>只做了一点微小的工作<br>谢谢大家