数据监控模块实现01

数据监控模块实现

2知识目标如何开发个人车辆届面了解车辆管理如何查看车辆分布01学习目标能力目标了解人人车辆管理运用车辆管理板块了解车辆分布板块023目录01个人车辆管理模块02企业车辆管理模块02车辆分布模块个人车辆管理模块4任务序号任务内容验证方式任务4.1.1开发个人车辆界面搜索后的车辆列表显示正确任务4.1.2车辆绑定正确绑定车辆任务4.1.3车辆删除删除车辆成功个人车辆管理模块5控制层

初始化车辆的一些基本信息，返回到页面上个人车辆管理模块61.在src\com\piesat\zyms\web\cms的UserController中添加如下代码@RequestMapping(value="/myselfcenter",method=RequestMethod.GET) publicModelAndViewmyselfcenter(HttpServletRequestrequest, HttpServletResponseresponse,ModelMapmodel){ Useruser=(User) request.getSession().getAttribute("user"); Stringuserid=""; StringvehID=""; Stringfdj="0";//发动机 Stringdc="0";//电池

Stringsw="0";//水温 Stringzczd="0";//驻车制动 Stringjy="0";//机油 Stringdp="0";//底盘 Stringabs="0";//abs Stringpark="0";//停车 Stringlight="0";//车灯 Stringwheel="0";//车轮

if(user!=null){userid=user.getId();} CarMessagecm=carMessageService.getCarMessageByUser(userid); if(cm!=null){vehID=cm.getVehID();} List<CarLocation>cl=carLocationService.getCarMessageByVehID(vehID); List<FaultInfo>fi=faultInfoService.getfaultinfoByVehID(vehID); ArrayList<FaultSolution>fs=newArrayList<>(); for(FaultInfofl:fi){

个人车辆管理模块71.在src\com\piesat\zyms\web\cms的UserController中添加如下代码 if(fl.getFaultState().equals("发动机")){fdj=fl.getFaultID();} if(fl.getFaultState().equals("电池")){dc=fl.getFaultID();}

if(fl.getFaultState().equals("水温")){sw=fl.getFaultID();} if(fl.getFaultState().equals("驻车制动")){zczd=fl.getFaultID();} if(fl.getFaultState().equals("机油")){jy=fl.getFaultID();} if(fl.getFaultState().equals("底盘")){dp=fl.getFaultID();} if(fl.getFaultState().equals("abs")){abs=fl.getFaultID();} if(fl.getFaultState().equals("停车")){park=fl.getFaultID();} if(fl.getFaultState().equals("车轮")){wheel=fl.getFaultID();}

FaultSolutionfsl=faultSolutionService.getSolutionByFaultID(fl.getFaultID()); fs.add(fsl);} ModelAndViewmv=newModelAndView(); mv.setViewName("car/MyselfCenter.jsp"); mv.addObject("carmessage",cm); if(cl!=null){mv.addObject("carlocation",cl);} if(fi!=null){mv.addObject("fdj",fdj); mv.addObject("dc",dc); mv.addObject("sw",sw); mv.addObject("zczd",zczd); mv.addObject("jy",jy); mv.addObject("abs",abs); mv.addObject("dp",dp); mv.addObject("park",park); mv.addObject("light",light); mv.addObject("wheel",wheel); } mv.addObject("faultsolution",fs); returnmv; }个人车辆管理模块81.通过ajax提交，在MyselfCenter.jsp添加如下代码：functionaddCar(){ varvehID=$("#vehID").val(); varplateNumber=$("#plateNumber").val(); varbrand=$("#brand").val(); varremarks=$("#remarks").val(); varproduceDate=$("#produceDate").val(); varcurrentMileage=parseInt($("#currentMileage").val()); varuserId=$("#userid").val(); $.ajax({ type:"post", url:'<%=path%>'+"/carmessage/add", dataType:"jsonp", jsonp:"jsoncallback", data:{ "vehID":vehID, "plateNumber":plateNumber, "brand":brand, "remarks":remarks,

个人车辆管理模块91.通过ajax提交，在MyselfCenter.jsp添加如下代码："produceDate":produceDate,"currentMileage":currentMileage,"userId":userId,},success:function(data){if(data=="false"){ alert("已存在登记车辆，请删除后再登记新车辆！"); window.location.href="http://"+location.host+'<%=path%>/'+'user/myselfcenter'; }else{ alert("添加成功!");

$("#modal").modal("hide"); window.location.href="http://"+location.host+'<%=path%>/'+'user/myselfcenter'; } } });}个人车辆管理模块101.通过ajax提交，在MyselfCenter.jsp添加如下代码：functiondel(id){ varid=id; $.ajax({ type:"post", url:'<%=path%>'+"/carmessage/deleteByUserid", data:{ userId:id }, dataType:"jsonp",//数据类型为json jsonp:"jsoncallback", success:function(data){ if(data=="true"){ alert("删除成功！"); window.location.href="http://"+location.host+'<%=path%>/'+'user/myselfcenter'; }else{ alert("删除失败!"); window.location.href="http://"+location.host+'<%=path%>/'+'user/myselfcenter'; } } });}个人车辆管理模块112.在控制层接受参数src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代码:@RequestMapping("/deleteByUserid") publicvoiddeleteByUserid(HttpServletRequestreq, HttpServletResponseresp,StringuserId)throwsIOException{ carMessageService.deleteByUserid(userId);

CarMessagecm=carMessageService.getCarMessageByUser(userId); Stringresult=""; Stringjsonp=""; if(cm==null){ result=newGson().toJson("true"); jsonp=req.getParameter("jsoncallback"); resp.setCharacterEncoding("UTF-8"); resp.setContentType("text/html"); if(jsonp!=null){ result=jsonp+"("+result+")"; resp.getWriter().write(result); }else{resp.getWriter().write(result);} }else{ result=newGson().toJson("false"); jsonp=req.getParameter("jsoncallback"); resp.setCharacterEncoding("UTF-8"); resp.setContentType("text/html"); if(jsonp!=null){ result=jsonp+"("+result+")"; resp.getWriter().write(result); }else{resp.getWriter().write(result);} }

}个人车辆管