數(shù)據(jù)監(jiān)控模塊實現(xiàn)02

數(shù)據(jù)監(jiān)控模塊實現(xiàn)

2知識目標如何開發(fā)個人車輛屆面了解車輛管理如何查看車輛分布01學(xué)習(xí)目標能力目標了解人人車輛管理運用車輛管理板塊了解車輛分布板塊023目錄01個人車輛管理模塊02企業(yè)車輛管理模塊02車輛分布模塊企業(yè)車輛管理模塊4任務(wù)序號任務(wù)內(nèi)容驗證方式任務(wù)4.2.1分頁加模糊查詢搜索后的車輛列表顯示正確任務(wù)4.2.2車輛詳情可以查看車輛的詳細信息任務(wù)4.2.3刪除車輛刪除車輛成功任務(wù)4.2.4更新車輛可以正常更新車輛信息任務(wù)4.2.5新增車輛信息可以新增車輛信息任務(wù)4.2.6批量導(dǎo)入車輛信息導(dǎo)入Excel，批量添加車輛信息任務(wù)4.2.7批量刪除車輛信息可以刪除多條車輛信息企業(yè)車輛管理模塊5本功能實現(xiàn)的技術(shù)原理如下：（1）視圖層頁面接受傳入的頁碼和輸入的搜索條件傳入控制層，（2）控制層接受頁碼和搜索條件，并將它們傳到業(yè)務(wù)層（3）服務(wù)層數(shù)據(jù)庫操作，查詢出對應(yīng)的車輛信息返回到控制層，再返回到視圖分頁加模糊查詢--相關(guān)知識企業(yè)車輛管理模塊61.通過ajax提交對應(yīng)的搜索條件，頁碼和輸入框輸入的條件，在manage.jsp添加如下代碼：functionsearchtest(num){ $.ajax({ type:"post", url:'<%=path%>'+"/carmessage/search", dataType:"jsonp", jsonp:"jsoncallback", data:{"str":$("#str").val(), "pageNumber":num, "pageSize":10, }, success:function(data){ varlistdata=data.rows; varhtml=""; for(varf=0;f<((!!listdata)?listdata.length:0);f++){ html+="<tr>"; html+="<td><inputtype=\"checkbox\"id=\""+listdata[f].vehID+"\"name=\"box\"/></td>"; html+="<td>"+listdata[f].vehID+"</td>"; html+="<td>"+listdata[f].brand+"</td>"; varnow=listdata[f].produceDate; if(produceDate!=0){now_=formatDate(now); html+="<td>"+now_+"</td>";企業(yè)車輛管理模塊72..在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:@RequestMapping("/search")publicvoidsearch(HttpServletRequestreq,HttpServletResponseresp, @RequestParam("str")Stringstr, @RequestParam("pageNumber")IntegerpageNumber, @RequestParam("pageSize")IntegerpageSize)throwsIOException{ PageInfopageInfo=newPageInfo(); pageInfo.setPage(pageNumber==null?1:pageNumber); pageInfo.setLen(pageSize==null?1000:pageSize); List<CarMessage>carMessages=carMessageService.searchCar(str,

pageInfo); List<Carshow>carshows=newArrayList<>(); if(carMessages.size()>0&&carMessages!=null){ for(CarMessagecarMessage:carMessages){ Carshowcarshow=newCarshow(); carshow.setVehID(carMessage.getVehID()); carshow.setCurrentMileage(carMessage.getCurrentMileage()); if(carMessage.getProduceDate()!=null) carshow.setProduceDate(carMessage.getProduceDate() .getTime());

企業(yè)車輛管理模塊82..在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:carshow.setBrand(carMessage.getBrand()); carshows.add(carshow); }}

TableReturnObjecttableReturnObject=newTableReturnObject(); tableReturnObject.setTotal(carshows.size()); tableReturnObject.setRows(carshows); Stringresult=newGson().toJson(tableReturnObject); Stringjsonp=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); }

}企業(yè)車輛管理模塊93.數(shù)據(jù)庫操作，在src\com\piesat\zyms\persistence的carmessagemapper.java和carmessage.xml添加如下代碼publicList<CarMessage>searchCarMessage(Map<String,Object>map);<selectid="searchCarMessage"parameterType="java.lang.Integer"resultType="com.piesat.zyms.domain.core.CarMessage"> select*from carmessage <iftest="str!=null">wherevehIDlikeconcat('%',#{str},'%')</if> orderbyidlimit #{start},#{end} </select>企業(yè)車輛管理模塊101.通過ajax提交，在manage.jsp添加如下代碼：functioncardetail(id){ letids=id.id; $.ajax({ type:"post", url:'<%=path%>'+"/carmessage/detail", dataType:"jsonp", jsonp:"jsoncallback", data:{ "vehID":ids, }, success:function(data){ $("#vehID1").val(data.vehID);

企業(yè)車輛管理模塊111.通過ajax提交，在manage.jsp添加如下代碼：$("#plateNumber1").val(data.plateNumber); $("#brand1").val(data.brand); $("#currentMileage1").val(data.currentMileage); $("#produceDate1").val(formatDate(duceDate)); $("#userId1").val(data.username); $("#remarks1").val(data.remarks); } }); }企業(yè)車輛管理模塊122.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:@RequestMapping("/detail") publicvoidcarDetail(HttpServletRequestreq,HttpServletResponseresp) throwsIOException{ StringvehID=req.getParameter("vehID"); List<CarMessage>carMessages=carMessageService.carDetail(vehID); CarMessagecarMessage=newCarMessage(); if(carMessages.size()>0&&carMessages!=null){

企業(yè)車輛管理模塊132.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:@RequestMapping("/detail") publicvoidcarDetail(HttpServletRequestreq,HttpServletResponseresp) throwsIOException{ StringvehID=req.getParameter("vehID"); List<CarMessage>carMessages=carMessageService.carDetail(vehID); CarMessagecarMessage=newCarMessage(); if(carMessages.size()>0&&carMessages!=null){

企業(yè)車輛管理模塊142.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:carMessage=carMessages.get(0); } Useruser=userService.getUserById(carMessage.getUserId()); carDetailBeanbean=newcarDetailBean(); bean.setVehID(carMessage.getVehID()); bean.setBrand(carMessage.getBrand()); bean.setCurrentMileage(carMessage.getCurrentMileage());

企業(yè)車輛管理模塊152.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:bean.setPlateNumber(carMessage.getPlateNumber()); bean.setRemarks(carMessage.getRemarks()); if(user!=null){ bean.setUsername(user.getUsername()); } if(carMessage.getProduceDate()!=null){ bean.setProduceDate(carMessage.getProduceDate().getTime()); }

企業(yè)車輛管理模塊162.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:Stringresult=newGson().toJson(bean); Stringjsonp=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); } }企業(yè)車輛管理模塊173.數(shù)據(jù)庫操作，在src\com\piesat\zyms\persistence的carmessagemapper.java和carmessage.xml添加如下代碼publicList<CarMessage>searchCarMessage(Map<String,Object>map);<selectid="searchCarMessage"parameterType="java.lang.Integer"resultType="com.piesat.zyms.domain.core.CarMessage"> select*from carmessage <iftest="str!=null">wherevehIDlikeconcat('%',#{str},'%')</if> orderbyidlimit #{start},#{end} </select>企業(yè)車輛管理模塊181.通過ajax提交，在manage.jsp添加如下代碼：functioncardelete(id){ letids=id.id; $.ajax({ type:"post", url:'<%=path%>'+"/carmessage/delete", data:{ "vehID":ids, }, success:function(data){ alert("刪除成功！"); } }); }企業(yè)車輛管理模塊192.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:@RequestMapping("/delete") publicvoiddeleteOne(HttpServletRequestreq,HttpServletResponseresp){ StringvehId=req.getParameter("vehID"); carMessageService.deleteOne(vehId); }企業(yè)車輛管理模塊203.數(shù)據(jù)庫操作，在src\com\piesat\zyms\persistence的carmessagemapper.java和carmessage.xml添加如下代碼publicvoiddeleteByVehID(StringvehId);<deleteid="deleteByVehID"parameterType="java.lang.String"> deletefromcarmessage wherevehID=#{vehID} </delete>企業(yè)車輛管理模塊21更新車輛--相關(guān)知識本功能實現(xiàn)的技術(shù)原理如下：（1）視圖層輸入更新車輛的信息，通過ajax傳入到控制層；（2）控制層接受更新后的車輛信息，傳入服務(wù)層；（3）服務(wù)層數(shù)據(jù)庫操作，將數(shù)據(jù)庫的對應(yīng)的車輛信息作更新企業(yè)車輛管理模塊221.通過ajax提交，在manage.jsp添加如下代碼：functionchangeCar(){ $.ajax({ type:"post", url:'<%=path%>'+"/carmessage/update", dataType:"jsonp", jsonp:"jsoncallback", data:{ "vehID":$("#vehID2").val(), "plateNumber":$("#plateNumber2").val(), "brand":$("#brand2").val(), "currentMileage":$("#currentMileage2").val(), "produceDate":$("#produceDate2").val(), "userId":$("#userId2option:selected").val(), "remarks":$("#remarks2").val(), }, success:function(data){ alert("更新成功"); } }); }企業(yè)車輛管理模塊232.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:@RequestMapping("update") publicvoidupdateCar(HttpServletRequestreq,HttpServletResponseresp) throwsIOException{ //TODO獲取當(dāng)前登錄用戶的ID //HttpSessionsession=req.getSession(); //StringcreateId=(String)session.getAttribute("userId"); StringcreateId="13121212"; StringvehID=req.getParameter("vehID"); StringplateNumber=req.getParameter("plateNumber"); StringuserId=req.getParameter("userId"); Stringbrand=req.getParameter("brand"); IntegercurrentMileage=Integer.parseInt(req .getParameter("currentMileage")); Stringdate=req.getParameter("produceDate"); DateproduceDate=null; DateFormatformat=newSimpleDateFormat("yyyy-MM-dd"); try{produceDate=format.parse(date); }catch(Exceptione){

} 企業(yè)車輛管理模塊242.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:try{produceDate=format.parse(date);}catch(Exceptione){

}Stringremarks=req.getParameter("remarks");CarMessagecarMessage=newCarMessage();carMessage.setVehID(vehID);carMessage.setBrand(brand);carMessage.setCurrentMileage(currentMileage);carMessage.setCreateId(createId);carMessage.setPlateNumber(plateNumber);carMessage.setProduceDate(produceDate);carMessage.setRemarks(remarks);carMessage.setUserId(userId);carMessageService.updateCar(carMessage);Stringresult=newGson().toJson("OK");Stringjsonp=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); } }企業(yè)車輛管理模塊253.數(shù)據(jù)庫操作，在src\com\piesat\zyms\persistence的carmessagemapper.java和carmessage.xml添加如下代碼publicvoidupdateCarById(CarMessagecarMessage);<updateid="updateCarById"parameterType="com.piesat.zyms.domain.core.CarMessage"> updatecarmessage<set>vehID=#{vehId}, plateNumber=#{plateNumber}, brand=#{brand}, remarks=#{remarks}, producedate=#{produceDate}, currentmileage= #{currentMileage}, userid=#{userId}, createid=#{createId},</set> wherevehId=#{vehId} </update>企業(yè)車輛管理模塊261.通過ajax提交，在manage.jsp添加如下代碼：functioncardelete(id){ letids=id.id; $.ajax({ type:"post", url:'<%=path%>'+"/carmessage/delete", data:{ "vehID":ids, }, success:function(data){ alert("刪除成功！"); } });

}企業(yè)車輛管理模塊272.在控制層接受參數(shù)src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:@RequestMapping("/delete") publicvoiddeleteOne(HttpServletRequestreq,HttpServletResponseresp){ StringvehId=req.getParameter("vehID"); carMessageService.deleteOne(vehId); }

企業(yè)車輛管理模塊283.數(shù)據(jù)庫操作，在src\com\piesat\zyms\persistence的carmessagemapper.java和carmessage.xml添加如下代碼publicvoiddeleteByVehID(StringvehId);<deleteid="deleteByVehID"parameterType="java.lang.String"> deletefromcarmessage wherevehID=#{vehID} </delete>企業(yè)車輛管理模塊29批量導(dǎo)入車輛信息--相關(guān)知識（1）視圖層上傳Excel文件,傳入控制層（2）控制層接受Excel文件，并將它上傳到服務(wù)器，讀取Excel，遍歷每條記錄，將它們傳到服務(wù)層（3）服務(wù)層接受車輛記錄信息，保存數(shù)據(jù)庫企業(yè)車輛管理模塊301.通過ajaxFileUpload上傳Excel文件，在manage.jsp添加如下代碼：functionajaxFileUpload(){

$.ajaxFileUpload({url:'<%=path%>'+"/carmessage/uploadCar",//用于文件上傳的服務(wù)器端請求地址secureuri:false,//一般設(shè)置為falsefileElementId:'Excelfile',//文件上傳控件的id屬性<inputtype="file"id="upload"name="upload"/>dataType:'json',//返回值類型一般設(shè)置為jsonsuccess:function(message)//服務(wù)器成功響應(yīng)處理函數(shù){ $('#myModal').modal('hide');alert(message);

},error:function(data,status,e)//服務(wù)器響應(yīng)失敗處理函數(shù){alert(e);}});returnfalse;}企業(yè)車輛管理模塊312.在控制層接受Excel文件src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼:@SuppressWarnings("deprecation")@RequestMapping("uploadCar")@TransactionalpublicvoidaddCarList(HttpServletRequestreq,HttpServletResponseresp,@RequestParam("Excelfile")MultipartFilefile)throwsIOException{ Stringresult=null; //獲取文件后綴 StringoriginalFilename=file.getOriginalFilename(); //TODO上傳的文件名亂碼問題 //newString(originalFilename.getBytes("ISO-8859-1"),"UTF-8"); Stringextend=originalFilename.substring(originalFilename .lastIndexOf(".")+1); if(file.isEmpty()){result=newGson().toJson("請選擇文件"); }else{if(!extend.equals("xls")&&!extend.equals("xlsx")){ result=newGson().toJson("請選擇正確的Excel格式"); }else{StringrealPath=req.getSession().getServletContext() .getRealPath("/upload"); System.out.println(realPath); FileUtils.copyInputStreamToFile(file.getInputStream(), newFile(realPath,file.getOriginalFilename())); Stringpath=req.getSession().getServletContext().getRealPath("/upload") +"\\"+originalFilename; System.out.println(path); FileInputStreamfis=null; Workbookwookbook=null; try{ //獲取一個絕對地址的流 fis=newFileInputStream(path); }catch(Exceptione){ e.printStackTrace(); }企業(yè)車輛管理模塊322.在控制層接受Excel文件src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼: try{ wookbook=newHSSFWorkbook(fis); }catch(Exceptione){ try{ //2007版本的excel，用.xlsx結(jié)尾 wookbook=newXSSFWorkbook(path);//得到工作簿 }catch(IOExceptione2){ //TODOAuto-generatedcatchblock e.printStackTrace(); } } //得到一個工作表 Sheetsheet=wookbook.getSheetAt(0); //獲得數(shù)據(jù)的總行數(shù) inttotalRowNum=sheet.getLastRowNum(); for(inti=1;i<=totalRowNum;i++){ //獲得第i行對象 Rowrow=sheet.getRow(i); CarMessagecarMessage=newCarMessage(); //獲得獲得第i行第0列的String類型對象 Cellcell0=row.getCell((short)0); if(cell0!=null){ cell0.setCellType(Cell.CELL_TYPE_STRING); StringvehID=cell0.getStringCellValue().toString(); carMessage.setVehID(vehID); } Cellcell1=row.getCell((short)1); f(cell1!=null){ cell1.setCellType(Cell.CELL_TYPE_STRING); StringplateNumber=cell1.getStringCellValue().toString(); carMessage.setPlateNumber(plateNumber); }企業(yè)車輛管理模塊332.在控制層接受Excel文件src/com/piesat/zyms/web/cms/CarMessageController.java中加如下代碼: Cellcell2=row.getCell((short)2); if(cell2!=null){ cell2.setCe