模塊三 管理端-檢查組管理

模塊三管理端-檢查組管理《JavaEE企業(yè)級(jí)應(yīng)用開(kāi)發(fā)項(xiàng)目教程（SSM）》技能目標(biāo)/Target掌握新增檢查組功能的實(shí)現(xiàn)掌握查詢檢查組功能的實(shí)現(xiàn)掌握編輯檢查組功能的實(shí)現(xiàn)掌握刪除檢查組功能的實(shí)現(xiàn)章節(jié)概述/

Summary體檢的檢查項(xiàng)種類繁多，為了方便管理和快速篩選出類別相同的檢查項(xiàng)，傳智健康將類別相同的檢查項(xiàng)放到同一個(gè)檢查組中進(jìn)行管理，從而提高了管理效率。這些檢查組可以在管理端進(jìn)行管理，包括檢查組的新增、查詢、編輯和刪除。目錄/Contents01020304新增檢查組查詢檢查組編輯檢查組刪除檢查組新增檢查組3-1任務(wù)描述使用瀏覽器訪問(wèn)health_backend子模塊中的檢查組管理頁(yè)面checkgroup.html。傳智健康中可以供用戶檢查的檢查項(xiàng)有很多，如果想查找同一類別的檢查項(xiàng)，每次都需要逐條篩選，不僅耗時(shí)，而且容易發(fā)生數(shù)據(jù)遺漏。為了提高工作效率、減少失誤，統(tǒng)一管理這些檢查項(xiàng)時(shí)，需要先新增一個(gè)檢查組。任務(wù)描述單擊檢查組管理頁(yè)面中的“新增”按鈕，彈出新增檢查組對(duì)話框。在checkgroup.html頁(yè)面中單擊“新增”按鈕后會(huì)彈出新增檢查組對(duì)話框，在對(duì)話框中填寫(xiě)基本信息和勾選檢查項(xiàng)信息后，單擊對(duì)話框中的“確定”按鈕提交新增檢查組的數(shù)據(jù)，實(shí)現(xiàn)檢查組的新增。由此，可以將新增檢查組分解成2個(gè)功能，分別是彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框、完成檢查組的新增。任務(wù)分析任務(wù)分析（1）彈出新增檢查組對(duì)話框?yàn)閏heckgroup.html頁(yè)面的“新增”按鈕綁定單擊事件，在單擊事件觸發(fā)后彈出新增檢查組對(duì)話框，再提交查詢所有檢查項(xiàng)的請(qǐng)求。（2）接收和處理查詢檢查項(xiàng)請(qǐng)求客戶端發(fā)起查詢檢查項(xiàng)的請(qǐng)求后，由CheckItemController類的findAll()方法接收頁(yè)面提交的請(qǐng)求，并調(diào)用CheckItemService接口的findAll()方法查詢所有檢查項(xiàng)。1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)分析（3）查詢所有檢查項(xiàng)在CheckItemServiceImpl類中重寫(xiě)CheckItemService接口的findAll()方法，并在方法中調(diào)用CheckItemDao接口的findAllCheckItem()方法從數(shù)據(jù)庫(kù)中查詢所有檢查項(xiàng)。（4）顯示檢查項(xiàng)查詢結(jié)果由CheckItemController類中的findAll()方法將查詢檢查項(xiàng)的結(jié)果響應(yīng)回checkgroup.html頁(yè)面，checkgroup.html頁(yè)面根據(jù)響應(yīng)結(jié)果在新增檢查組對(duì)話框中顯示檢查項(xiàng)信息。1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)分析彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框的實(shí)現(xiàn)過(guò)程1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)分析（1）提交新增檢查組數(shù)據(jù)為checkgroup.html頁(yè)面新增檢查組對(duì)話框的“確定”按鈕綁定單擊事件，在單擊事件觸發(fā)后提交對(duì)話框中的數(shù)據(jù)。（2）接收和處理新增檢查組請(qǐng)求客戶端發(fā)起新增檢查組的請(qǐng)求后，由控制器類CheckGroupController的add()方法接收頁(yè)面提交的請(qǐng)求，請(qǐng)求的參數(shù)中包含基本信息和對(duì)檢查項(xiàng)的引用信息。2.完成檢查組的新增任務(wù)分析（3）保存新增檢查組數(shù)據(jù)在CheckGroupServiceImpl類中重寫(xiě)CheckGroupService接口的add()方法，在方法中調(diào)用CheckGroupDao接口用于新增基本信息的add()方法，用于新增檢查組對(duì)檢查項(xiàng)引用信息的setCheckGroupAndCheckItem()方法。（4）提示新增檢查組的結(jié)果CheckGroupController類中的add()方法將新增檢查組的結(jié)果響應(yīng)回checkgroup.html頁(yè)面，checkgroup.html頁(yè)面根據(jù)響應(yīng)結(jié)果提示新增檢查組成功或失敗的信息。2.完成檢查組的新增任務(wù)分析新增檢查組的實(shí)現(xiàn)過(guò)程2.完成檢查組的新增任務(wù)實(shí)現(xiàn)<el-buttontype="primary"class="butT">新增</el-button><!--新增標(biāo)簽彈層--><divclass="add-form"><el-dialogtitle="新增檢查組":visible.sync="dialogFormVisible">

<el-tab-panelabel="基本信息"name="first"></el-tab-pane><el-tab-panelabel="檢查項(xiàng)信息"name="second"></el-tab-pane></el-dialog></div><script>varvue=newVue({el:'#app',data:{activeName:'first',

//對(duì)話框Tab標(biāo)簽名稱formData:{},

//表單數(shù)據(jù)tableData:[],

//表單中對(duì)應(yīng)的檢查項(xiàng)列表數(shù)據(jù)checkitemIds:[],

//表單中檢查項(xiàng)對(duì)應(yīng)的復(fù)選框dialogFormVisible:false,//控制添加對(duì)話框顯示/隱藏

}</script>（1）彈出新增檢查組對(duì)話框1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框通過(guò)設(shè)置dialogFormVisible的值，進(jìn)而改變:visible的屬性值，進(jìn)而控制對(duì)話框在頁(yè)面中顯示或隱藏。查看checkgroup.html頁(yè)面中與“新增”按鈕和新增檢查組對(duì)話框相關(guān)的源代碼。任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面中定義handleCreate()方法，將dialogFormVisible的值修改為true。定義resetForm()方法，在每次顯示對(duì)話框之前將表單域和檢查項(xiàng)列表中的數(shù)據(jù)清空。resetForm(){this.formData={};//清空表單域this.activeName='first';//默認(rèn)顯示基本信息區(qū)this.checkitemIds=[];//清空勾選的檢查項(xiàng)},handleCreate(){this.resetForm();//調(diào)用重置表單的方法this.dialogFormVisible=true;//修改顯示彈窗的屬性為trueaxios.get("/checkitem/findAll.do").then((res)=>{if(res.data.flag){

this.tableData=res.data.data;//查詢成功為tableData賦值}else{this.$message.error(res.data.message);}});}（1）彈出新增檢查組對(duì)話框1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)為checkgroup.html頁(yè)面的“新增”按鈕綁定單擊事件，并設(shè)置在單擊時(shí)調(diào)用handleCreate()方法。<el-buttontype="primary"class="butT"@click="handleCreate()">新增</el-button>（1）彈出新增檢查組對(duì)話框1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_backend子模塊的CheckItemController類中定義findAll()方法，用于處理查詢所有檢查項(xiàng)的請(qǐng)求。@RequestMapping("/findAll")publicResultfindAll(){try{List<CheckItem>list=checkItemService.findAll();//服務(wù)調(diào)用成功，返回查詢結(jié)果與查詢成功提示信息returnnewResult(true,MessageConstant.

QUERY_CHECKITEM_SUCCESS,list);}catch(Exceptione){e.printStackTrace();//服務(wù)調(diào)用失敗，返回查詢失敗提示信息returnnewResult(false,MessageConstant.QUERY_CHECKITEM_FAIL);}}（2）實(shí)現(xiàn)查詢所有檢查項(xiàng)1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_interface子模塊的CheckItemService接口中定義findAll()方法，用于查詢所有檢查項(xiàng)。publicList<CheckItem>findAll();（2）實(shí)現(xiàn)查詢所有檢查項(xiàng)1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckItemServiceImpl類中重寫(xiě)CheckItemService接口的findAll()方法，用于查詢所有的檢查項(xiàng)。@OverridepublicList<CheckItem>findAll(){returncheckItemDao.findAllCheckItem();（2）實(shí)現(xiàn)查詢所有檢查項(xiàng)1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckItemDao接口中定義findAllCheckItem()方法，用于查詢所有的檢查項(xiàng)。//查詢所有檢查項(xiàng)publicList<CheckItem>findAllCheckItem();在health_service_provider子模塊的CheckItemDao.xml映射文件中使用<select>元素映射查詢語(yǔ)句，從數(shù)據(jù)庫(kù)中查詢所有的檢查項(xiàng)。<!--查詢所有的檢查項(xiàng)--><selectid="findAllCheckItem"

resultType="com.itheima.pojo.CheckItem">SELECT*FROMt_checkitem</select>（2）實(shí)現(xiàn)查詢所有檢查項(xiàng)1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)啟動(dòng)ZooKeeper服務(wù)。在IDEA中依次啟動(dòng)health_service_provider和health_backend。在瀏覽器中訪問(wèn)http://localhost:82/pages/checkgroup.html（3）測(cè)試彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在檢查組頁(yè)面中，單擊“新增”按鈕，彈出新增檢查組對(duì)話框。（3）測(cè)試彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在新增檢查組對(duì)話框單擊對(duì)話框中的“檢查項(xiàng)信息”選項(xiàng)卡，顯示檢查項(xiàng)信息。（3）測(cè)試彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框1.彈出帶有檢查項(xiàng)數(shù)據(jù)的新增檢查組對(duì)話框任務(wù)實(shí)現(xiàn)為新增檢查組對(duì)話框中的“取消”和“確定”按鈕綁定單擊事件，并設(shè)置單擊時(shí)要執(zhí)行的操作。<divslot="footer"class="dialog-footer"><el-button@click="dialogFormVisible=false">取消</el-button><el-buttontype="primary"@click="handleAdd()">確定</el-button></div>（1）提交新增檢查組請(qǐng)求2.完成檢查組的新增任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面中定義handleAdd()方法，用于提交表單的數(shù)據(jù)。handleAdd(){//發(fā)送Ajax請(qǐng)求，需要提交檢查組基本信息和勾選的檢查項(xiàng)信息axios.post("/checkgroup/add.do?checkitemIds="+this.checkitemIds,this.formData).then((res)=>{if(res.data.flag){this.dialogFormVisible=false;//成功,關(guān)閉新增對(duì)話框//彈出請(qǐng)求成功提示信息this.$message({type:'success',message:res.data.message});}else{//執(zhí)行失敗，彈出提示信息this.$message.error(res.data.message);}});}（1）提交新增檢查組數(shù)據(jù)（1）提交新增檢查組請(qǐng)求2.完成檢查組的新增任務(wù)實(shí)現(xiàn)在health_common子模塊的com.itheima.pojo包下創(chuàng)建檢查組類CheckGroup，在類中聲明檢查組的屬性，定義各個(gè)屬性的getter/setter方法。（2）創(chuàng)建檢查組類2.完成檢查組的新增任務(wù)實(shí)現(xiàn)在health_backend子模塊創(chuàng)建控制器類CheckGroupController，在類中定義add()方法，用于處理新增檢查組的請(qǐng)求。@RequestMapping("/add")publicResultadd(@RequestBodyCheckGroupcheckGroup,Integer[]checkitemIds){try{checkGroupService.add(checkGroup,checkitemIds);//調(diào)用服務(wù)成功，返回新增成功提示信息returnnewResult(true,MessageConstant.ADD_CHECKGROUP_SUCCESS);}catch(Exceptione){e.printStackTrace();//調(diào)用服務(wù)失敗，返回新增失敗提示信息returnnewResult(false,MessageConstant.ADD_CHECKGROUP_FAIL);}}（3）實(shí)現(xiàn)新增檢查組控制器2.完成檢查組的新增任務(wù)實(shí)現(xiàn)在health_interface子模塊創(chuàng)建接口CheckGroupService，在接口中定義新增檢查組的add()方法。publicinterfaceCheckGroupService{

//新增檢查組publicvoidadd(CheckGroupcheckGroup,Integer[]checkitemIds);}（4）創(chuàng)建新增檢查組服務(wù)2.完成檢查組的新增任務(wù)實(shí)現(xiàn)在health_service_provider子模塊創(chuàng)建CheckGroupService接口實(shí)現(xiàn)類CheckGroupServiceImpl，并重寫(xiě)接口的add()方法，用于新增檢查組。@Service(interfaceClass=CheckGroupService.class)@TransactionalpublicclassCheckGroupServiceImplimplementsCheckGroupService{@Autowired//注入DAO對(duì)象privateCheckGroupDaocheckGroupDao;//新增檢查組同時(shí)需要關(guān)聯(lián)檢查項(xiàng)（設(shè)置多對(duì)多關(guān)系）

@Overridepublicvoidadd(CheckGroupcheckGroup,Integer[]checkitemIds){checkGroupDao.add(checkGroup);//調(diào)用持久層接口IntegercheckGroupId=checkGroup.getId();//獲取檢查組id//關(guān)聯(lián)檢查項(xiàng)this.setCheckGroupAndCheckItem(checkGroupId,checkitemIds);}}（5）實(shí)現(xiàn)新增檢查組服務(wù)2.完成檢查組的新增任務(wù)實(shí)現(xiàn)//設(shè)置檢查組和檢查項(xiàng)多對(duì)多關(guān)系的方法publicvoidsetCheckGroupAndCheckItem(IntegercheckGroupId,

Integer[]checkitemIds){//設(shè)置多對(duì)多關(guān)系if(checkitemIds!=null&&checkitemIds.length>0){

for(IntegercheckitemId:checkitemIds){//遍歷檢查項(xiàng)idMap<String,Integer>map=newHashMap<>();map.put("checkgroupId",checkGroupId);//檢查組idmap.put("checkitemId",checkitemId);//勾選的檢查項(xiàng)idcheckGroupDao.setCheckGroupAndCheckItem(map);//調(diào)用持久層接口}}}設(shè)置檢查組對(duì)檢查項(xiàng)的引用，遍歷數(shù)組checkitemIds，把檢查組id和遍歷的檢查項(xiàng)id存儲(chǔ)到map集合中。（5）實(shí)現(xiàn)新增檢查組服務(wù)2.完成檢查組的新增任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的com.itheima.dao包下創(chuàng)建持久層接口CheckGroupDao，用于處理與檢查組相關(guān)的操作。publicinterfaceCheckGroupDao{publicvoidadd(CheckGroupcheckGroup);//添加檢查組//設(shè)置檢查組對(duì)檢查項(xiàng)的引用publicvoidsetCheckGroupAndCheckItem(Map<String,Integer>map);}（6）實(shí)現(xiàn)持久層新增檢查組2.完成檢查組的新增任務(wù)實(shí)現(xiàn)在health_service_provider子模塊創(chuàng)建與CheckGroupDao接口同名的映射文件CheckGroupDao.xml。使用<intert>元素映射新增語(yǔ)句，分別新增檢查組的基本信息和檢查組對(duì)檢查項(xiàng)的引用。<!--新增檢查組--><insertid="add"parameterType="com.itheima.pojo.CheckGroup"><selectKeykeyProperty="id"resultType="int"order="AFTER">SELECT

LAST_INSERT_ID()</selectKey>INSERTINTOt_checkgroup(code,name,helpCode,sex,remark,attention)

VALUES(#{code},#{name},#{helpCode},#{sex},#{remark},#{attention})</insert><!--設(shè)置檢查組和檢查項(xiàng)多對(duì)多關(guān)系，操作的是中間關(guān)系表--><insertid="setCheckGroupAndCheckItem"parameterType="map">INSERTINTOt_checkgroup_checkitem(checkgroup_id,checkitem_id)VALUES(#{checkgroupId},#{checkitemId})</insert>（6）實(shí)現(xiàn)持久層新增檢查組2.完成檢查組的新增任務(wù)實(shí)現(xiàn)依次啟動(dòng)ZooKeeper服務(wù)、health_service_provider和health_backend。在瀏覽器中訪問(wèn)http://localhost:82/pages/checkgroup.html，單擊“新增”按鈕，彈出新增檢查組對(duì)話框，在對(duì)話框中填寫(xiě)檢查組的基本信息。（7）測(cè)試新增檢查組2.完成檢查組的新增任務(wù)實(shí)現(xiàn)單擊“檢查項(xiàng)信息”選項(xiàng)卡，勾選檢查組包含的檢查項(xiàng)信息。（7）測(cè)試新增檢查組2.完成檢查組的新增任務(wù)實(shí)現(xiàn)由于查詢檢查組的功能暫未開(kāi)發(fā)完成，剛新增的檢查組數(shù)據(jù)并不會(huì)展示在檢查組管理頁(yè)面中。（7）測(cè)試新增檢查組2.完成檢查組的新增如果新增失敗，頁(yè)面會(huì)提示“新增檢查組失敗”。如果新增成功，頁(yè)面會(huì)提示“新增檢查組成功”。任務(wù)實(shí)現(xiàn)查詢數(shù)據(jù)庫(kù)中檢查組及引用的檢查項(xiàng)數(shù)據(jù)。成功查詢出新增的檢查組以及檢查組對(duì)應(yīng)的檢查項(xiàng)信息，說(shuō)明新增檢查組的操作執(zhí)行成功。（7）測(cè)試新增檢查組2.完成檢查組的新增查詢檢查組3-2任務(wù)描述在實(shí)現(xiàn)新增檢查組后，還不能立即從checkgroup.html中查看新增的檢查組，為了便于查看檢查組信息，可以在訪問(wèn)checkgroup.html頁(yè)面時(shí)，自動(dòng)將系統(tǒng)中的檢查組查詢出來(lái)并在頁(yè)面上分頁(yè)展示。任務(wù)分析（1）提交分頁(yè)查詢檢查組請(qǐng)求。（2）接收和處理分頁(yè)查詢檢查組請(qǐng)求。（3）分頁(yè)查詢檢查組。（4）展示分頁(yè)查詢結(jié)果。分頁(yè)展示檢查組為checkgroup.html頁(yè)面的分頁(yè)條綁定單擊事件，在單擊事件觸發(fā)后根據(jù)要跳轉(zhuǎn)的頁(yè)碼進(jìn)行分頁(yè)查詢。頁(yè)碼切換為checkgroup.html頁(yè)面的“查詢”按鈕綁定單擊事件，在單擊事件觸發(fā)后執(zhí)行按條件的分頁(yè)查詢。按條件查詢檢查組查詢檢查組任務(wù)分析分頁(yè)查詢檢查組的實(shí)現(xiàn)過(guò)程任務(wù)實(shí)現(xiàn)<el-tablesize="small"current-row-key="id":data="dataList"stripe>

</el-table><divclass="pagination-container"><el-paginationclass="pagiantion"></el-pagination></div><script>varvue=newVue({el:'#app',data:{pagination:{//分頁(yè)屬性 currentPage:1,//當(dāng)前頁(yè)碼 pageSize:10,//每頁(yè)顯示的記錄數(shù) total:0,//總記錄數(shù) queryString:null//查詢條件},dataList:[],//當(dāng)前頁(yè)要展示的分頁(yè)列表數(shù)據(jù)

},//鉤子函數(shù)，Vue對(duì)象初始化完成后自動(dòng)執(zhí)行created(){},})</script>（1）提交分頁(yè)查詢檢查組的請(qǐng)求1.分頁(yè)展示檢查組:data="dataList"通過(guò)數(shù)據(jù)雙向綁定的方式展示數(shù)據(jù)el-pagination分頁(yè)組件，用于實(shí)現(xiàn)數(shù)據(jù)分頁(yè)分頁(yè)屬性pagination，包括當(dāng)前頁(yè)碼、每頁(yè)顯示的記錄數(shù)、總記錄數(shù)和查詢條件dataList表示當(dāng)前頁(yè)要展示的數(shù)據(jù)。created()函數(shù)在Vue對(duì)象初始化完成后自動(dòng)執(zhí)行。查看health_backend子模塊下checkgroup.html頁(yè)面中用于展示檢查組的源代碼。任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面中定義findPage()方法，用于分頁(yè)查詢檢查組。findPage(){//定義分頁(yè)參數(shù)varparam={currentPage:this.pagination.currentPage,//當(dāng)前頁(yè)pageSize:this.pagination.pageSize,//每頁(yè)顯示記錄數(shù)

queryString:this.pagination.queryString//查詢條件};//發(fā)送Ajax請(qǐng)求，進(jìn)行分頁(yè)查詢axios.post("/checkgroup/findPage.do",param).then((res)=>{this.dataList=res.data.rows;//查詢結(jié)果this.pagination.total=res.data.total;//總記錄數(shù)});}（1）提交分頁(yè)查詢檢查組的請(qǐng)求1.分頁(yè)展示檢查組任務(wù)實(shí)現(xiàn)在鉤子函數(shù)created()中調(diào)用findPage()方法，created()函數(shù)在Vue對(duì)象初始化完成后自動(dòng)執(zhí)行，訪問(wèn)checkgroup.html頁(yè)面后即可實(shí)現(xiàn)查詢檢查組并分頁(yè)顯示。created(){

this.findPage();//調(diào)用分頁(yè)查詢方法完成分頁(yè)查詢}（1）提交分頁(yè)查詢檢查組的請(qǐng)求1.分頁(yè)展示檢查組任務(wù)實(shí)現(xiàn)在health_backend子模塊的CheckGroupController類中定義findPage()方法，用于處理分頁(yè)查詢檢查組的請(qǐng)求。@RequestMapping("/findPage")publicPageResultfindPage(@RequestBodyQueryPageBeanqueryPageBean){//調(diào)用服務(wù)接口findPage()returncheckGroupService.findPage(queryPageBean);}（2）實(shí)現(xiàn)查詢檢查組控制器1.分頁(yè)展示檢查組任務(wù)實(shí)現(xiàn)在health_interface子模塊的CheckGroupService接口中定義findPage()方法，用于分頁(yè)查詢檢查組。//分頁(yè)查詢檢查組接口publicPageResultfindPage(QueryPageBeanqueryPageBean);（3）創(chuàng)建查詢檢查組服務(wù)1.分頁(yè)展示檢查組任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckGroupServiceImpl類中重寫(xiě)CheckGroupService接口的findPage()方法，用于分頁(yè)查詢檢查組。@OverridepublicPageResultfindPage(QueryPageBeanqueryPageBean){IntegercurrentPage=queryPageBean.getCurrentPage();//獲取當(dāng)前頁(yè)面IntegerpageSize=queryPageBean.getPageSize();//獲取每頁(yè)顯示的記錄數(shù)StringqueryString=queryPageBean.getQueryString();//獲取查詢條件//分頁(yè)插件，會(huì)在執(zhí)行sql之前將分頁(yè)關(guān)鍵字追加到SQL后面

PageHelper.startPage(currentPage,pageSize);//調(diào)用持久層接口方法Page<CheckItem>page=checkGroupDao.findByCondition(queryString);//返回分頁(yè)結(jié)果對(duì)象returnnewPageResult(page.getTotal(),page.getResult());}（4）實(shí)現(xiàn)查詢檢查組服務(wù)1.分頁(yè)展示檢查組任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckGroupDao接口中定義findByCondition()方法，用于分頁(yè)查詢檢查組。//分頁(yè)查詢檢查組publicPage<CheckGroup>findByCondition(StringqueryString);（5）實(shí)現(xiàn)持久層查詢檢查組1.分頁(yè)展示檢查組在health_service_provider子模塊的CheckGroupDao.xml映射文件中使用<select>元素映射查詢語(yǔ)句，進(jìn)行檢查組的條件查詢、分頁(yè)查詢。<!--根據(jù)條件查詢、分頁(yè)查詢檢查組--><selectid="findByCondition"parameterType="string" resultType="com.itheima.pojo.CheckGroup">SELECT*FROMt_checkgroup<iftest="value!=nullandvalue.length>0">WHERE

code=#{value}OR

nameLIKE'%${value}%'orhelpCode=#{value}

</if></select>任務(wù)實(shí)現(xiàn)依次啟動(dòng)ZooKeeper服務(wù)、health_service_provider和health_backend，在瀏覽器中訪問(wèn)http://localhost:82/pages/checkgroup.html。（6）測(cè)試分頁(yè)展示檢查組1.分頁(yè)展示檢查組任務(wù)實(shí)現(xiàn)（7）完善checkgroup.html頁(yè)面的handleAdd()方法1.分頁(yè)展示檢查組優(yōu)化handleAdd()方法，在新增檢查組成功后調(diào)用findPage()方法。以實(shí)現(xiàn)新增檢查組成功后在checkgroup.html頁(yè)面中查看最新添加的檢查組。//添加檢查組handleAdd(){axios.post("/checkgroup/add.do?checkitemIds="+ this.checkitemIds,this.formData).then((res)=>{if(res.data.flag){

this.findPage();//分頁(yè)查詢檢查組}

});}任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面中定義handleCurrentChange()方法，用于實(shí)現(xiàn)頁(yè)碼切換。//切換頁(yè)碼handleCurrentChange(currentPage){this.pagination.currentPage=currentPage;//指定最新的頁(yè)碼this.findPage();//調(diào)用分頁(yè)查詢檢查組的方法}2.頁(yè)碼切換任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面提供了分頁(yè)組件el-pagination，為el-pagination組件設(shè)置與頁(yè)碼相關(guān)的屬性值。<el-pagination

class="pagiantion"

@current-change="handleCurrentChange"

:current="pagination.currentPage"

:size="pagination.pageSize"

:total="pagination.total"

layout="total,prev,pager,next,jumper"></el-pagination>表示在頁(yè)碼發(fā)生改變時(shí)觸發(fā)的方法表示當(dāng)前頁(yè)表示每頁(yè)顯示條數(shù)表示總條數(shù)2.頁(yè)碼切換任務(wù)實(shí)現(xiàn)導(dǎo)入測(cè)試數(shù)據(jù)。依次啟動(dòng)Zookeeper服務(wù)、health_service_provider和health_backend。訪問(wèn)檢查組管理頁(yè)面，單擊“>”按鈕跳轉(zhuǎn)到下一頁(yè)。2.頁(yè)碼切換任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面為“查詢”按鈕綁定單擊事件，在單擊時(shí)調(diào)用handleCurrentChange(1)方法。<el-buttonclass="dalfBut"

@click="handleCurrentChange(1)">查詢</el-button>使findPage()方法返回的數(shù)據(jù)從查詢結(jié)果第一條開(kāi)始返回3.按條件查詢檢查組任務(wù)實(shí)現(xiàn)依次啟動(dòng)Zookeeper服務(wù)、health_service_provider和health_backend。在瀏覽器中訪問(wèn)http://localhost:82/pages/checkgroup.html。在查詢條件輸入框中輸入查詢條件，單擊“查詢”按鈕進(jìn)行條件查詢。3.按條件查詢檢查組編輯檢查組3-3任務(wù)描述編輯對(duì)應(yīng)的檢查項(xiàng)時(shí)，彈出的編輯檢查組對(duì)話框中需要顯示當(dāng)前檢查組的基本信息和所有的檢查項(xiàng)信息，并將檢查組關(guān)聯(lián)的檢查項(xiàng)設(shè)置為勾選狀態(tài)。編輯檢查組時(shí)，可以根據(jù)需求對(duì)檢查組的基本信息或關(guān)聯(lián)的檢查項(xiàng)信息進(jìn)行修改。在checkgroup.html頁(yè)面中單擊“編輯”按鈕后會(huì)彈出編輯檢查組對(duì)話框并顯示檢查組數(shù)據(jù)，修改對(duì)話框中的數(shù)據(jù)后，單擊“確定”按鈕提交檢查組數(shù)據(jù)，完成檢查組的編輯。由此，可以將編輯檢查組分解成2個(gè)功能，分別是彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框，以及完成檢查組的編輯。任務(wù)分析任務(wù)分析（1）彈出編輯檢查組對(duì)話框?yàn)轫?yè)面中“編輯”按鈕綁定單擊事件，在單擊事件觸發(fā)后彈出編輯檢查組對(duì)話框，再依次提交查詢基本信息、查詢所有檢查項(xiàng)、查詢檢查組對(duì)檢查項(xiàng)的引用的請(qǐng)求。（2）接收和處理查詢檢查組請(qǐng)求檢查組的數(shù)據(jù)包含基本信息和對(duì)檢查項(xiàng)的引用信息，因此，客戶端發(fā)起查詢檢查組的請(qǐng)求時(shí)，除了要提交查詢檢查組基本信息的請(qǐng)求，還要提交查詢所有檢查項(xiàng)的請(qǐng)求、查詢檢查組對(duì)檢查項(xiàng)的引用的請(qǐng)求。1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)分析（3）查詢檢查組數(shù)據(jù)①重寫(xiě)CheckGroupService接口的findById()方法，在方法中調(diào)用CheckGroupDao接口中查詢基本信息的findById()方法；②重寫(xiě)findCheckItemIdsByCheckGroupId()方法，在方法中調(diào)用CheckGroupDao接口中查詢檢查組對(duì)檢查項(xiàng)的引用的findCheckItemIdsByCheckGroupId()方法。（4）顯示查詢結(jié)果將CheckGroupController類中findById()方法的查詢結(jié)果、CheckItemController類中findAll()方法的查詢結(jié)果、CheckGroupController類中findCheckItemIdsByCheckGroupId()方法的查詢結(jié)果依次返回到checkgroup.html頁(yè)面。1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)分析彈出帶有檢查組數(shù)據(jù)的對(duì)話框的實(shí)現(xiàn)過(guò)程任務(wù)分析（1）提交編輯檢查組數(shù)據(jù)為編輯檢查組對(duì)話框的“確定”按鈕綁定單擊事件，在單擊事件觸發(fā)后提交對(duì)話框中的檢查組數(shù)據(jù)。（2）接收和處理編輯檢查組請(qǐng)求客戶端發(fā)起編輯檢查組數(shù)據(jù)的請(qǐng)求后，由控制器類CheckGroupController的edit()方法接收頁(yè)面提交的請(qǐng)求，請(qǐng)求的參數(shù)中包含檢查組基本信息和對(duì)檢查項(xiàng)的引用。2.完成檢查組的編輯任務(wù)分析（3）編輯檢查組數(shù)據(jù)在CheckItemServiceImpl類中重寫(xiě)CheckGroupService接口的edit()方法，在方法中調(diào)用CheckGroupDao接口中的相關(guān)方法實(shí)現(xiàn)編輯檢查組。（4）提示編輯結(jié)果CheckGroupController類中的edit()方法將編輯檢查組的結(jié)果返回checkgroup.html頁(yè)面，checkgroup.html頁(yè)面根據(jù)返回結(jié)果提示編輯成功或失敗的信息。2.完成檢查組的編輯任務(wù)分析完成檢查組編輯的實(shí)現(xiàn)過(guò)程任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面中定義handleUpdate()方法，用于彈出編輯檢查組對(duì)話框后回顯數(shù)據(jù)。handleUpdate(row){this.activeName='first';//每次彈出的編輯對(duì)話框默認(rèn)顯示基本信息區(qū)this.dialogFormVisible4Edit=true;//編輯對(duì)話框顯示axios.get("/checkgroup/findById.do?id="+row.id).then((res)=>{

//查詢檢查組基本信息});axios.get("/checkitem/findAll.do").then((res)=>{//查詢檢查項(xiàng)信息if(res.data.flag){this.tableData=res.data.data;//查詢檢查項(xiàng)列表成功，為tableData賦值axios.get("/checkgroup/findCheckItemIdsByCheckGroupId.do?checkgroupId="+

row.id).then((res)=>{

});}

//省略查詢錯(cuò)誤的提示信息});}1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框（1）彈出編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)為checkgroup.html頁(yè)面的“編輯”按鈕綁定單擊事件，并設(shè)置單擊按鈕時(shí)調(diào)用handleUpdate()方法。<el-buttontype="primary"class="mini"

@click="handleUpdate(scope.row)">編輯</el-button>1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框（1）彈出編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_backend子模塊的CheckGroupController類中定義findById()方法，用于處理根據(jù)檢查組id查詢檢查組基本信息的請(qǐng)求。@RequestMapping("/findById")publicResultfindById(Integerid){try{//調(diào)用服務(wù)接口findById()，返回檢查項(xiàng)實(shí)體對(duì)象CheckGroupcheckGroup

=checkGroupService.findById(id);//調(diào)用服務(wù)接口成功，返回成功結(jié)果信息returnnewResult(true,MessageConstant.QUERY_CHECKGROUP_SUCCESS,checkGroup);}catch(Exceptione){e.printStackTrace();//調(diào)用服務(wù)接口失敗，返回失敗結(jié)果信息returnnewResult(false,MessageConstant.QUERY_CHECKGROUP_FAIL);}}（2）實(shí)現(xiàn)查詢檢查組控制器1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在CheckGroupController類中定義findCheckItemIdsByCheckGroupId()方法，用于處理根據(jù)檢查組id查詢檢查組對(duì)檢查項(xiàng)的引用的請(qǐng)求。@RequestMapping("/findCheckItemIdsByCheckGroupId")publicResultfindCheckItemIdsByCheckGroupId(IntegercheckgroupId){try{//調(diào)用服務(wù)接口，發(fā)送請(qǐng)求,返回關(guān)聯(lián)的id列表List<Integer>list=checkGroupService. findCheckItemIdsByCheckGroupId(checkgroupId);//服務(wù)調(diào)用成功，返回查詢結(jié)果與查詢成功提示信息returnnewResult(true, MessageConstant.QUERY_CHECKITEM_SUCCESS,list);}catch(Exceptione){e.printStackTrace();returnnewResult(false,MessageConstant.QUERY_CHECKITEM_FAIL);}}（2）實(shí)現(xiàn)查詢檢查組控制器1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_interface子模塊的CheckGroupService接口中定義findById()方法，用于根據(jù)檢查組id查詢檢查組的基本信息；定義findCheckItemIdsByCheckGroupId()方法，用于根據(jù)檢查組id查詢檢查組對(duì)檢查項(xiàng)的引用。//根據(jù)檢查組id查詢檢查組基本信息publicCheckGroupfindById(Integerid);//根據(jù)檢查組id查詢檢查組對(duì)檢查項(xiàng)的引用publicList<Integer>findCheckItemIdsByCheckGroupId(IntegercheckgroupId);(3)創(chuàng)建查詢檢查組服務(wù)1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckGroupServiceImpl類中重寫(xiě)CheckGroupService接口的findById()方法和findCheckItemIdsByCheckGroupId()方法。//根據(jù)檢查組id查詢檢查組基本信息publicCheckGroupfindById(Integerid){//調(diào)用持久層方法returncheckGroupDao.findById(id);}//根據(jù)檢查組id查詢檢查組對(duì)檢查項(xiàng)的引用publicList<Integer>findCheckItemIdsByCheckGroupId(IntegercheckgroupId){//調(diào)用持久層方法returncheckGroupDao.findCheckItemIdsByCheckGroupId(checkgroupId);}1.彈出帶有檢查組數(shù)據(jù)的對(duì)話框(4)實(shí)現(xiàn)查詢檢查組服務(wù)1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckGroupDao接口中定義findById()方法，用于根據(jù)檢查組id查詢檢查組基本信息；定義findCheckItemIdsByCheckGroupId()方法，用于根據(jù)檢查組id查詢檢查組對(duì)檢查項(xiàng)的引用。//根據(jù)檢查組id查詢檢查組基本信息publicCheckGroupfindById(Integerid);//根據(jù)檢查組id查詢檢查組對(duì)檢查項(xiàng)的引用publicList<Integer>findCheckItemIdsByCheckGroupId(IntegercheckgroupId);(5)實(shí)現(xiàn)持久層查詢檢查組1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckGroupDao.xml映射文件中使用<select>元素映射查詢語(yǔ)句，分別查詢檢查組基本信息、查詢檢查組對(duì)檢查項(xiàng)的引用。<!--根據(jù)id查詢檢查組--><selectid="findById"parameterType="int"resultType="com.itheima.pojo.CheckGroup">SELECT*FROMt_checkgroupWHEREid=#{id}</select><!--根據(jù)檢查組id查詢與之關(guān)聯(lián)的檢查項(xiàng)id--><selectid="findCheckItemIdsByCheckGroupId" parameterType="int"resultType="int">SELECT

checkitem_idFROM

t_checkgroup_checkitem WHERE

checkgroup_id=#{checkgroup_id}</select>(5)實(shí)現(xiàn)持久層查詢檢查組1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)依次啟動(dòng)ZooKeeper服務(wù)、health_service_provider和health_backend。在瀏覽器中訪問(wèn)http://localhost:82/pages/checkgroup.html。1.彈出帶有檢查組數(shù)據(jù)的對(duì)話框(6)測(cè)試彈出帶有檢查組數(shù)據(jù)對(duì)話框?qū)硬樵儥z查組1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)找到檢查組編碼為0001的檢查組，單擊其右側(cè)的“編輯”按鈕，彈出編輯檢查組對(duì)話框。1.彈出帶有檢查組數(shù)據(jù)的對(duì)話框(6)測(cè)試彈出帶有檢查組數(shù)據(jù)對(duì)話框?qū)硬樵儥z查組1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)單擊編輯檢查組對(duì)話框中的“檢查項(xiàng)信息”，跳轉(zhuǎn)到檢查項(xiàng)信息選項(xiàng)卡。1.彈出帶有檢查組數(shù)據(jù)的對(duì)話框(6)測(cè)試彈出帶有檢查組數(shù)據(jù)對(duì)話框?qū)硬樵儥z查組1.彈出帶有檢查組數(shù)據(jù)的編輯檢查組對(duì)話框任務(wù)實(shí)現(xiàn)為編輯檢查組對(duì)話框中的“取消”和“確定”按鈕綁定單擊事件，并設(shè)置單擊時(shí)要執(zhí)行的操作。<divslot="footer"class="dialog-footer"><el-button@click="dialogFormVisible4Edit=false">取消</el-button><el-buttontype="primary"@click="handleEdit()">確定</el-button></div>2.完成檢查組的編輯(1)提交編輯檢查組數(shù)據(jù)任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面中定義handleEdit()方法，用于提交編輯檢查組數(shù)據(jù)。handleEdit(){axios.post("/checkgroup/edit.do?checkitemIds="+this.checkitemIds,this.formData).then((res)=>{if(res.data.flag){this.dialogFormVisible4Edit=false;//關(guān)閉編輯對(duì)話框//彈出提示信息this.$message({type:'success',message:res.data.message});

this.findPage();//執(zhí)行分頁(yè)查詢}else{//執(zhí)行失敗，彈出提示信息this.$message.error(res.data.message);}});}2.完成檢查組的編輯(1)提交編輯檢查組數(shù)據(jù)任務(wù)實(shí)現(xiàn)在health_backend子模塊的CheckGroupController類中定義edit()方法，用于處理編輯檢查組的請(qǐng)求。//編輯檢查組@RequestMapping("/edit")publicResultedit(@RequestBodyCheckGroupcheckGroup,Integer[]checkitemIds){try{//調(diào)用服務(wù)接口edit()，發(fā)送請(qǐng)求checkGroupService.edit(checkGroup,checkitemIds);//調(diào)用服務(wù)成功，返回編輯成功提示信息returnnewResult(true,MessageConstant.EDIT_CHECKGROUP_SUCCESS);}catch(Exceptione){e.printStackTrace();//調(diào)用服務(wù)失敗，返回編輯失敗提示信息returnnewResult(false,MessageConstant.EDIT_CHECKGROUP_FAIL);}}2.完成檢查組的編輯(2)實(shí)現(xiàn)編輯檢查組控制器任務(wù)實(shí)現(xiàn)在health_interface子模塊的CheckGroupService接口中定義edit()方法，用于編輯檢查組。//編輯檢查組publicvoidedit(CheckGroupcheckGroup,Integer[]checkitemIds);2.完成檢查組的編輯(3)創(chuàng)建編輯檢查組服務(wù)任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckGroupServiceImpl類中重寫(xiě)CheckGroupService接口的edit()方法。//編輯檢查組，同時(shí)需要設(shè)置關(guān)聯(lián)關(guān)系@Overridepublicvoidedit(CheckGroupcheckGroup,Integer[]checkitemIds){checkGroupDao.edit(checkGroup);//編輯檢查組基本信息checkGroupDao.deleteAssociation(checkGroup.getId());//刪除關(guān)聯(lián)檢查項(xiàng)//重新增立關(guān)聯(lián)檢查項(xiàng)this.setCheckGroupAndCheckItem(checkGroup.getId(),checkitemIds);}2.完成檢查組的編輯(4)實(shí)現(xiàn)編輯檢查組服務(wù)任務(wù)實(shí)現(xiàn)在health_service_provider子模塊的CheckGroupDao接口中定義edit()方法以編輯檢查組基本信息；定義deleteAssociation()方法以刪除檢查組對(duì)檢查項(xiàng)的引用。//編輯檢查組基本信息publicvoidedit(CheckGroupcheckGroup);//刪除檢查組和檢查項(xiàng)的關(guān)聯(lián)關(guān)系（操作中間關(guān)系表）publicvoiddeleteAssociation(IntegercheckgroupId);2.完成檢查組的編輯(5)實(shí)現(xiàn)持久層編輯檢查組任務(wù)實(shí)現(xiàn)在CheckGroupDao.xml映射文件中使用<update>元素映射修改語(yǔ)句，修改檢查組的基本信息。<!--編輯檢查組基本信息--><updateid="edit"parameterType="com.itheima.pojo.CheckGroup">UPDATE

t_checkgroup<set><iftest="name!=null">name=#{name},</if>

省略其他字段</set>WHERE

id=#{id}</update>2.完成檢查組的編輯(5)實(shí)現(xiàn)持久層編輯檢查組任務(wù)實(shí)現(xiàn)在CheckGroupDao.xml映射文件中使用<delete>元素映射刪除語(yǔ)句，刪除檢查組對(duì)檢查項(xiàng)的引用。<!--清理檢查組和檢查項(xiàng)的關(guān)聯(lián)關(guān)系--><deleteid="deleteAssociation"parameterType="int">DELETEFROM

t_checkgroup_checkitemWHERE

checkgroup_id=#{checkgroup_id}</delete>2.完成檢查組的編輯(5)實(shí)現(xiàn)持久層編輯檢查組任務(wù)實(shí)現(xiàn)依次啟動(dòng)ZooKeeper服務(wù)、health_service_provider和health_backend，在瀏覽器中訪問(wèn)http://localhost:82/pages/checkgroup.html。選擇檢查組編碼為0001的檢查組進(jìn)行編輯，將“說(shuō)明”的值修改為“一般檢查無(wú)須空腹”。2.完成檢查組的編輯(6)測(cè)試編輯檢查組任務(wù)實(shí)現(xiàn)單擊編輯檢查組對(duì)話框的“檢查項(xiàng)信息”，將項(xiàng)目編碼為0006的檢查項(xiàng)取消勾選。2.完成檢查組的編輯(6)測(cè)試編輯檢查組任務(wù)實(shí)現(xiàn)頁(yè)面提示“編輯檢查組成功”，并且項(xiàng)目編碼為0001的數(shù)據(jù)中說(shuō)明字段修改為了“一般檢查無(wú)須空腹”。2.完成檢查組的編輯(6)測(cè)試編輯檢查組任務(wù)實(shí)現(xiàn)單擊其右側(cè)的“編輯”按鈕，查看勾選的檢查項(xiàng)是否修改成功。2.完成檢查組的編輯(6)測(cè)試編輯檢查組刪除檢查組3-4任務(wù)描述每個(gè)檢查組右側(cè)都有一個(gè)“刪除”按鈕，單擊“刪除”按鈕可提交刪除檢查組的請(qǐng)求。為了防止誤刪數(shù)據(jù)，在單擊“刪除”按鈕后會(huì)彈出提示對(duì)話框，讓用戶確認(rèn)是否刪除該檢查組。單擊“確定”按鈕提交刪除檢查組的請(qǐng)求。對(duì)于檢查組列表中重復(fù)出現(xiàn)的、與檢查項(xiàng)搭配不合理的檢查組，或者是已經(jīng)過(guò)時(shí)的檢查組，除了可以進(jìn)行編輯外，還可以進(jìn)行刪除。任務(wù)分析彈出提示對(duì)話框提交刪除檢查組請(qǐng)求接收和處理刪除檢查組請(qǐng)求刪除檢查組數(shù)據(jù)提示刪除檢查組的結(jié)果12345為checkgroup.html頁(yè)面的“刪除”按鈕綁定單擊事件，在單擊事件觸發(fā)后彈出提示對(duì)話框。為提示對(duì)話框“確定”按鈕綁定單擊事件，在單擊事件觸發(fā)后提交要?jiǎng)h除的檢查組數(shù)據(jù)。CheckGroupController類的delete()方法接收頁(yè)面提交的請(qǐng)求。在CheckGroupServiceImpl類中重寫(xiě)CheckGroupService接口的delete()方法。checkgroup.html頁(yè)面根據(jù)結(jié)果提示刪除成功或失敗的信息。任務(wù)分析刪除檢查組的實(shí)現(xiàn)過(guò)程任務(wù)實(shí)現(xiàn)為checkgroup.html頁(yè)面中的“刪除”按鈕綁定單擊事件，并設(shè)置在單擊“刪除”按鈕時(shí)調(diào)用handleDelete()方法。<el-buttonsize="mini"type="danger"

@click="handleDelete(scope.row)">刪除</el-button>（1）彈出提示對(duì)話框任務(wù)實(shí)現(xiàn)在checkgroup.html頁(yè)面中實(shí)現(xiàn)handleDelete()方法，用于刪除檢查組。handleDelete(row){

this.$confirm('你確定要?jiǎng)h除當(dāng)前數(shù)據(jù)嗎？','提示',{confirmButtonText:'確定',cancelButtonText:'取消',type:'warning'