Day3_1 今天的任务是完成柱状图的展示

完成下图页面展示：这是周一接到的任务，昨天老大给我讲了一下思路，没有什么进展，首先自己遇到问题是：

1、上面是个查询，从js页面输入查询条件的时候，他的值传给谁了？

传值给controller层进行处理

1、首先在jsp页面点击查询的时候，会触发onClick事件：

<div class="col-md-4">截至时间：<input type="datetime" id="ENDTIME" name="ENDTIME" value="${pd.ENDTIME }" class="form-control"onClick="WdatePicker()" />

</div>

<button name="" id="" class="btn btn-success" type="button" onClick="requestData()">
<i class="Hui-iconfont">&#xe665;</i> 查询
</button>

2、在触发这个事件之后就在下面<script></script>中执行这个方法：

function requestData() {
var BEGINTIME = $("#BEGINTIME").val();//从界面上得到这个数据

                           $ajax({                         

                               url: 'repairrecord/getjson.do',//要调整到controller层的地址
type:'post',
dataType:'json',
data:{"BEGINTIME":BEGINTIME,"LABELCODE":LABELCODE,"ENDTIME":ENDTIME,"ORGANCODE":ORGANCODE,"TYPE":1},
async: false,

//data就是从controllere层的map里面全部数据，success: function(data)必需。规定当请求成功时运行的函数。 XMLHttpRequest 对象options

                                  })

2、他是通过什么方式传后台controller层的？

通过ajax传值给controller层进行处理

3、controller层又怎么把值返回给前台？返回给前台又是通过什么方式传值给柱状图，让柱状图展示出相对应的数的？

controller层通过public Object getjson(HttpServletResponse response,Page page,String ORGANCODE,String BEGINTIME,String ENDTIME,String LABELCODE,String TYPE)得到前台jsp穿过来的值。

4、图二的表格又是怎么展示出来的？

图片是引用插件还实现的，根据插件的配置方法，接受的数据类型是json类型

5、数据导出功能是如何实现的？

也是插件实现，但是要注意的是，在jsp页面中使用class方法是用$('#table_report').dataTable，用id 的话用$('.list').append(html);

6、下面的分页展示又是如何展示的？

插件实践