【基于Web的電子政務系統(tǒng)設計與實現(xiàn)11000字（論文）】

基于Web的電子政務系統(tǒng)設計與實現(xiàn)TOC\o"1-3"\h\u1引言 、Maven技術要求SpringBoot框架MySQL進行對數(shù)據存儲系統(tǒng)分析可行性分析操作可行性:對于整個系統(tǒng)來說，做到友好，政務辦理用戶和管理員能操作便捷，主要以瀏覽器形式進行相應的訪問，有很強的操作性。電子政務系統(tǒng)本電子政務系統(tǒng)都是由自己全權負責、開發(fā)的，而且在系統(tǒng)當中并沒有不當?shù)男袨?，以及違反法律的行為，這也就保證了系統(tǒng)的可行性。系統(tǒng)設計目標基于Web的電子政務系統(tǒng)類政務辦理用戶，分別為政務辦理用戶和管理員。從政務辦理用戶進行在線政務辦理，減少線下跑腿次數(shù)的好、美觀、操作便捷。需求分析3.3.1用戶端功能需求分析服務清單列表政務辦理用戶能在服務清單列表中查看所有可以可以查看清單的服務，點擊查看清單可以查看詳情清單。詳細清單政務辦理用戶可以查看詳情的服務辦理清單，清單信息包括事項類型、辦理形式、咨詢方式、辦理時間等信息，可以更詳細清楚的了解辦理業(yè)務的詳細過程等。服務材料查看政務辦理用戶可以查看政務服務所需要的材料信息，信息包括材料名稱、材料要求、來源渠道、下載樣表等。服務收藏政務辦理用戶可以將經常辦理的服務事項進行收藏，在個人中心可以進行我的收藏的查看和管理。辦事服務列表政務辦理用戶可以在辦事服務列表中查看可以辦理的業(yè)務列表，點擊查看清單可以查看服務的詳細清單，點擊在線辦理可以進行業(yè)務的在線辦理。在線辦理政務辦理用戶可以進行在線業(yè)務的辦理，在填寫個人信息、上傳需要的材料后進行業(yè)務的辦理。證照關聯(lián)政務辦理用戶在辦理業(yè)務的過程中可以將已經上傳的證照與當前業(yè)務進行關聯(lián)，省去了再次上傳證照的步驟。政務資訊政務辦理用戶可以在線查看最新的政務資訊，了解政務信息。辦事提醒政務辦理用戶在辦理完成業(yè)務后，可以在個人中心中查看服務事項的辦理進度。我的證照政務辦理用戶可以上傳我的證照，方便后續(xù)業(yè)務辦理。信息修改政務辦理用戶可以修改賬戶信息，包括修改手機號和修改密碼。3.3.2后臺管理系統(tǒng)功能需求分析用戶信息管理管理員可以進行用戶信息的管理查看和維護，用戶信息包括用戶名和注冊時間，對用戶信息進行刪除，可以進行用戶的添加。事項列表管理員可以對事項列表進行查看，事項信息包括事項名稱、事項類型，對事項進行刪除。事項添加管理員可以在填寫事項名稱和事項類型后進行事項的添加，添加后可以在事項列表中進行查看和管理。事項清單列表管理員可以對對應的事項進行事項清單的查看，事項清單信息包括事項名稱、事項類型、辦件類型等信息，可以對事項清單進行維護事項清單添加管理員可以對對應事項填寫事項類型等信息后進行事項清單的添加，。文件列表管理員可以對事項所需的文件材料進行管理，可以進行事項材料的查看，可以對具體事項進行所需材料信息的添加。服務審核管理員可以對政務辦理用戶提交的服務進行審核，在查看材料信息后對服務進行審批，審批不通過給出具體理由。服務狀態(tài)查詢管理員可以根據服務狀態(tài)進行服務的查詢。資訊列表管理員可以查看歷史發(fā)布的政務資訊，對資訊進行管理，包括編輯和刪除。發(fā)布資訊管理員可以進行政務資訊的添加，資訊信息包括資訊標題和資訊內容。總體業(yè)務流程分析。用戶端和管理系統(tǒng)的業(yè)務流程分別如圖3-1、3-2所示。圖3-1用戶端業(yè)務流程圖圖3-2后臺管理系統(tǒng)業(yè)務流程圖系統(tǒng)設計功能結構設計本系統(tǒng)的實現(xiàn)主要通過兩種角色分別為政務辦理用戶和管理員，政務辦理用戶和管理員分別登錄后對整個系統(tǒng)進行相關操作和處理。通對本系統(tǒng)的需求進行分析，則電子政務系統(tǒng)功能模塊主要構成如圖4-1。圖4-1系統(tǒng)功能結構圖數(shù)據庫設計數(shù)據庫的設計最主要部分便是電子政務系統(tǒng)的關鍵所在，數(shù)據庫在對信息進行保存的過程中都需要來對信息進行處理，然后將數(shù)據進行分類，然后對這些分類的數(shù)據進行加密處理，使得用戶的個人信息能夠得到保護，除此之外，數(shù)據庫在對數(shù)據進行處理的過程中，也是系統(tǒng)內存進行優(yōu)化的過程中，數(shù)據庫能夠自動將無用的數(shù)據文件進行刪除操作，這樣就能在一定的程度上讓系統(tǒng)的運行速度更快，讓系統(tǒng)運行起來更加穩(wěn)定。4.2.1詳細說明（1）管理員信息表：該表中存放管理員信息，該表字段及其類型定義如表4-1所示。表4-1admin_list字段名稱字段類型字段長度備注信息idINT10管理員idusernameVARCHAR50管理員登陸名稱passwordVARCHAR50管理員登陸密碼（2）事項信息表：該表中存放事項相關信息，該表字段及其類型定義如表4-2所示。表4-2check_list字段名稱字段類型字段長度備注信息idINT10idcheck_nameVARCHAR30事項名稱check_typeVARCHAR255事項類型（3）事項清單信息表：該表中存放事項清單信息，該表字段及其類型定義如表4-3所示。表4-3check_table字段名稱字段類型字段長度備注信息idINT10idcheck_idINT10事項idcheck_nameVARCHAR30事項名稱work_typeVARCHAR255事項類型do_typeVARCHAR255辦件類型orgNameVARCHAR255實施主體perform_gradeVARCHAR255行使層級transaction_typeVARCHAR255辦理形式transaction_depthVARCHAR255辦理深度is_chargeVARCHAR255是否收費local_timeINT10現(xiàn)場辦理次數(shù)advice_wayVARCHAR255咨詢方式supervise_wayVARCHAR255監(jiān)督投訴方式workTimeVARCHAR500辦理時間work_addressVARCHAR255辦理地址countyPerRangeVARCHAR1000權限范圍is_expressVARCHAR255是否支持快遞物流statusVARCHAR255狀態(tài)basisVARCHAR255設定依據（4）收藏信息表：該表中存放事項收藏信息，該表字段及其類型定義如表4-4所示。表4-4collect_list字段名稱字段類型字段長度備注信息idINT10idcheck_idINT10事項idcheck_nameVARCHAR30事項名稱statusVARCHAR255狀態(tài)（5）評論信息表：用于存儲所有政務評論的信息。該表中存放事項評論信息，該表字段及其類型定義如表4-5所示。表4-5comment_list字段名稱字段類型字段長度備注信息idINT10idcheck_idVARCHAR30事項idcheck_nameVARCHAR30事項名稱rateVARCHAR255評分contentVARCHAR255評價內容user_idINT10用戶id（6）文件材料信息表：該表中存放文件材料信息，該表字段及其類型定義如表4-6所示。表4-6file_list字段名稱字段類型字段長度備注信息idINT10idfile_nameVARCHAR255文件名稱file_requireVARCHAR255文件要求is_needVARCHAR255是否必要sourceVARCHAR255來源渠道attachPathVARCHAR255附件（7）政策咨詢信息表：用于儲存相關政策的咨詢信息的表格，該表中存放政策咨詢的所有信息數(shù)據，該表字段及其類型定義如表4-7所示。表4-7news_list字段名稱字段類型字段長度備注信息idINT10idtitleVARCHAR30標題contentVARCHAR5000內容（8）服務信息表：該表中存放用戶提交的業(yè)務信息，該表字段及其類型定義如表4-8所示。表4-8service_list字段名稱字段類型字段長度備注信息idINT10idcheck_idINT10事項iduser_idINT10用戶idstatusVARCHAR255狀態(tài)check_nameVARCHAR30事項名稱dateVARCHAR255時間（9）用戶證照信息表：該表中存放用戶證照信息，該表字段及其類型定義如表4-9所示。表4-9user_card字段名稱字段類型字段長度備注信息idINT10iduser_idINT10用戶idpathVARCHAR255路徑（10）上傳材料信息表：該表中存放用戶上傳的材料信息，該表字段及其類型定義如表4-12所示。表4-12work_file字段名稱字段類型字段長度備注信息idINT10idcheck_idINT10事項idfile_idINT10文件idfile_pathVARCHAR500文件路徑statusVARCHAR255狀態(tài)（11）用戶信息表：該表中存放用戶信息，該表字段及其類型定義如表4-10所示。表4-10user_info字段名稱字段類型字段長度備注信息idINT10iduser_idINT10用戶idreal_nameVARCHAR10姓名id_cardVARCHAR30身份證號sexVARCHAR5性別birthdayVARCHAR10生日phoneVARCHAR11手機LandlineVARCHAR20固定電話addressVARCHAR255地址（12）系統(tǒng)用戶信息表：該表中存放系統(tǒng)注冊用戶信息，該表字段及其類型定義如表4-11所示。表4-11user_list字段名稱字段類型字段長度備注信息idINT10idusernameVARCHAR30用戶名passwordVARCHAR255密碼statusVARCHAR255狀態(tài)系統(tǒng)實現(xiàn)用戶端設計及實現(xiàn)說明5.1.1登錄模塊：政務辦理用戶注冊賬戶后，使用賬號密碼登錄電子政務系統(tǒng)。核心代碼如下，頁面如圖5-1所示。publicResultlogin(@RequestParamStringusername,@RequestParamStringpassword){UserListuser=userListService.findBy("username",username);if(user!=null){if(user.getPassword().equals(password)){returnResultGenerator.genSuccessResult(user);}else{returnResultGenerator.genFailResult("密碼錯誤！");}}else{returnResultGenerator.genFailResult("無此用戶！");}}@PostMapping("/register")publicResultregister(@RequestParamStringusername,@RequestParamStringpassword){UserListtuser=userListService.findBy("username",username);if(tuser==null){UserListuser=newUserList();user.setUsername(username);user.setPassword(password);userListService.save(user);returnResultGenerator.genSuccessResult(user);}else{returnResultGenerator.genFailResult("此用戶已存在！");}}圖5-1登錄頁面5.1.2服務清單列表：政務辦理用戶能在服務清單列表中查看所有可以可以查看清單的服務，點擊查看清單可以查看詳情清單。頁面如圖5-2所示。圖5-2服務清單列表5.1.3詳細清單：政務辦理用戶可以查看詳情的服務辦理清單，清單信息包括事項類型、辦理形式、咨詢方式、辦理時間等信息，可以更詳細清楚的了解辦理業(yè)務的詳細過程等。頁面如圖5-3所示。圖5-3服務詳細清單頁面5.1.4服務材料查看：政務辦理用戶可以查看政務服務所需要的材料信息，信息包括材料名稱、材料要求、來源渠道、下載樣表等。核心代碼如下，頁面如圖5-4所示。getfileList(){this.post("/file/getFileList",{id:this.checkId}).then((res)=>{if(res.data.code==400){this.$message(res.data.message);}elseif(res.data.code==200){this.fileList=res.data.data;}});},圖5-4文件材料頁面5.1.5服務收藏：政務辦理用戶可以將經常辦理的服務事項進行收藏，在個人中心可以進行我的收藏的查看和管理。核心代碼如下，頁面如圖5-5所示。isCollected(){this.post("/collect/detail",{checkId:this.checkId,userId:JSON.parse(localStorage.getItem("userInfo")).id}).then((res)=>{if(res.data.code==400){this.isCollect=false;}elseif(res.data.code==200){this.isCollect=true;this.collectData=res.data.data;}});},圖5-5服務收藏頁面5.1.6辦事服務列表：政務辦理用戶可以在辦事服務列表中查看可以辦理的業(yè)務列表，點擊查看清單可以查看服務的詳細清單，點擊在線辦理可以進行業(yè)務的在線辦理。核心代碼如下，頁面如圖5-6所示。<el-table-columnfixed="right"label="辦事指南"width="150px"><templateslot-scope="scope"><el-buttonsize="small"plaintype="primary"@click="checkDeatil(scope.row.id)">辦事指南</el-button></template></el-table-column><el-table-columnfixed="right"label="在線辦理"width="150px"><templateslot-scope="scope"><el-buttonsize="small"type="primary"@click="toWork(scope.row.id)">在線辦理</el-button></template>/el-table-column>圖5-6辦事服務列表5.1.7在線辦理：政務辦理用戶可以進行在線業(yè)務的辦理，在填寫個人信息、上傳需要的材料后進行業(yè)務的辦理。核心代碼如下，頁面如圖5-7所示。if(this.current==2){if(this.fileData==''){this.$('請上傳材料！')}else{this.current=3;this.submit();}}else{this.current+=1;}圖5-7在線辦理頁面5.1.8證照關聯(lián)：政務辦理用戶在辦理業(yè)務的過程中可以將已經上傳的證照與當前業(yè)務進行關聯(lián)，省去了再次上傳證照的步驟。核心代碼如下，頁面如圖5-8所示。linkCard(){if(this.idCard){this.fileData=this.idCard;this.post('/workFile/add',{checkId:this.checkId,fileId:this.fileList[0].id,filePath:this.idCard,userId:JSON.parse(localStorage.getItem("userInfo")).id}).then((res)=>{if(res.data.code==400){this.$message(res.data.message);}elseif(res.data.code==200){this.$message.success('上傳成功');}})}else{this.$message('請先在個人中心上傳后進行關聯(lián)')}},圖5-8關鍵證照頁面5.1.9政務資訊：政務辦理用戶可以在線查看最新的政務資訊，了解政務信息。核心代碼如下，頁面如圖5-9所示。getNewsDetail(){this.post('/news/detail',{id:this.$route.query.newsId}).then((res)=>{if(res.data.code==400){this.$message(res.data.message);}elseif(res.data.code==200){this.news=res.data.data;}})}}圖5-9政務資訊頁面5.1.10辦事提醒：政務辦理用戶在辦理完成業(yè)務后，可以在個人中心中查看服務事項的辦理進度。核心代碼如下，頁面如圖5-10所示。if(status==1){this.servicedList=res.data.data;}elseif(status==0){this.servicingList=res.data.data;}elseif(status==2){this.servicedList=this.servicedList.concat(res.data.data);}elseif(status==3){this.servicingList=this.servicingList.concat(res.data.data);}圖5-10辦事提醒頁面5.1.11我的證照：政務辦理用戶可以上傳我的證照，方便后續(xù)業(yè)務辦理。核心代碼如下，頁面如圖5-11所示。<divdata-v-7309768c=""class="emptysmall-height"><el-uploadclass="upload-demo"name="fileHandler"action="/file/upFile":on-success="handleAvatarSuccess"><el-buttonsize="small"type="primary">點擊上傳</el-button></el-upload><imgv-if="cardData!=null":src="'http://localhost:8082/'+cardData.path"class="avatar"></div> 5.1.12信息修改：政務辦理用戶可以修改賬戶信息，包括修改手機號和修改密碼。核心代碼如下，頁面如圖5-12所示。<divdata-v-9f5a0f9a=""class="ainfo"><imgdata-v-9f5a0f9a=""src="/portal/static/img/user-center/new_shoujihao.png"alt=""><pdata-v-9f5a0f9a=""style="position:relative;">{{userInfo.phone}}<spandata-v-9f5a0f9a=""class="aJump"@click="phoneVisible=true">修改</span></p></div>5.1.13數(shù)據庫連接：連接數(shù)據庫，政務辦理系統(tǒng)的數(shù)據都會存入數(shù)據庫中，核心代碼如下。#數(shù)據源配置，請修改為你項目的實際配置TODOspring.datasource.url=jdbc:mysql://localhost:3306/government_db?useUnicode=true&characterEncoding=UTF-8spring.datasource.username=rootspring.datasource.password=rootspring.datasource.driver-class-name=com.mysql.jdbc.Driver后臺管理系統(tǒng)設計及實現(xiàn)說明5.2.1管理員用戶信息管理：管理員可以對管理員賬戶進行管理，可以進行管理員賬戶的添加，可以對管理員賬戶信息進行查看。核心代碼如下，頁面如圖5-13所示。<el-table:data="tableData"borderclass="table"ref="multipleTable"header-cell-class-name="table-header"@selection-change="handleSelectionChange"><el-table-columnprop="id"label="ID"width="55"align="center"></el-table-column><el-table-columnprop="username"label="用戶名"></el-table-column><el-table-columnprop="addTime"label="注冊時間"></el-table-column></el-table>圖5-13管理員用戶管理頁面5.2.2用戶信息管理：管理員可以進行用戶信息的管理查看和維護，用戶信息包括用戶名和注冊時間，對用戶信息進行刪除，可以進行用戶的添加。頁面如圖5-14所示。圖5-14用戶管理頁面5.2.3事項列表：管理員可以對事項列表進行查看，事項信息包括事項名稱、事項類型，對事項進行刪除。頁面如圖5-15所示。圖5-15事項列表頁面5.2.4事項添加：管理員可以在填寫事項名稱和事項類型后進行事項的添加，添加后可以在事項列表中進行查看和管理。核心代碼如下，頁面如圖5-16所示。<el-dialogtitle="添加事項":visible.sync="editVisible"width="70%"><el-formref="form":model="form"label-width="70px"><el-form-itemlabel="事項名稱"><el-inputv-model="form.checkName"></el-input></el-form-item><el-form-itemlabel="事項類型"><el-inputv-model="form.checkType"></el-input></el-form-item></el-form><spanslot="footer"class="dialog-footer"><el-button@click="editVisible=false">取消</el-button><el-buttontype="primary"@click="saveEdit">確定</el-button></span></el-dialog>圖5-16事項添加頁面5.2.5事項清單列表：管理員可以對對應的事項進行事項清單的查看，事項清單信息包括事項名稱、事項類型、辦件類型等信息，可以對事項清單進行維護。頁面如圖5-17所示。圖5-17事項清單頁面5.2.6事項清單添加：管理員可以對對應事項填寫事項類型等信息后進行事項清單的添加。核心代碼如下，頁面如圖5-18所示。<el-form-itemlabel="事項名稱"><el-select@change="selectCheck"class="handle-inputmr10"v-model="form.checkName"placeholder="請選擇事項名稱"><el-optionv-for="(item,index)incheckList":key="index":label="item.checkName":value="index"></el-option></el-select></el-form-item>圖5-18添加事項清單頁面5.2.7文件列表：管理員可以對事項所需的文件材料進行管理，可以進行事項材料的查看，可以對具體事項進行所需材料信息的添加。核心代碼如下，頁面如圖5-19所示。<templateslot-scope="scope"><el-popoverplacement="right"width="400"trigger="hover"><imgwidth="300px"height="150px":src="'http://localhost:8082/'+scope.row.attachpath"alt=""><el-buttonslot="reference">查看</el-button></el-popover></template>圖5-19文件列表頁面5.2.8服務審核：管理員可以對政務辦理用戶提交的服務進行審核，在查看材料信息后對服務進行審批，審批不通過給出具體理由。核心代碼如下，頁面如圖5-20所示。<el-dialogtitle="審核回復":visible.sync="replyVisible"width="30%"><div><el-inputtype="text"v-model="reply"placeholder="回復"></el-input></div><spanslot="footer"class="dialog-footer"><el-buttontype="primary"@click="replyService(1)">通過</el-button><el-buttontype="danger"@click="replyService(3)">退回</el-button></span></el-dialog>圖5-20業(yè)務審核頁面5.2.9服務狀態(tài)查詢：管理員可以根據服務狀態(tài)進行服務的查詢。核心代碼如下，頁面如圖5-21所示。@PostMapping("/getListByStatus")publicResultgetListByStatus(@RequestParamIntegeruserId,@RequestParamStringstatus){Conditioncondition=newCondition(ServiceList.class);condition.createCriteria().andEqualTo("userId",userId).andEqualTo("status",status);List<ServiceList>list=serviceListService.findByCondition(condition);returnResultGenerator.genSuccessResult(list);}圖5-21服務狀態(tài)頁面5.2.10資訊列表：管理員可以查看歷史發(fā)布的政務資訊，對資訊進行管理，包括編輯和刪除。頁面如圖5-22所示。圖5-22資訊列表頁面5.2.11發(fā)布資訊：管理員可以進行政務資訊的添加，資訊信息包括資訊標題和資訊內容。頁面如圖5-23所示。圖5-23發(fā)布資訊頁面、系統(tǒng)測試與運行測試概述測試登錄模塊，政務辦理用戶和管理員是否能正確登錄。測試用戶模塊，用戶的功能是否能夠實現(xiàn)及數(shù)據是否能正確顯示。單元測試登錄模塊測試登錄模塊測試：政務辦理用戶和管理員分別輸入對應的賬戶及密碼，點擊“登錄”按鈕看是否能正確進入系統(tǒng)的主界面。此模塊的測試用例數(shù)據表，如下表6-1所示。表6-1登錄模塊的測試用例模塊測試測試登錄模塊用例情況（、密碼：分別輸入對應的賬號和密碼，驗證所輸入的信息是否能正確登錄測試數(shù)據預期結果實際結果和預想的結果是一致的最后結論登陸模塊：分別輸入對應的正確的賬號和密碼，實現(xiàn)系統(tǒng)登錄政務辦理用戶模塊測試政務辦理用戶模塊測試：政務辦理用戶模塊包含的功能有查看服務清單、在線服務辦理、查看政務資訊、辦事提醒、服務收藏等功能等，根據政務辦理用戶模塊所包含的功能依次完成測試。此模塊的測試用例數(shù)據表，如下表6-2所示。表6-2政務辦理用戶模塊的測試用例模塊測試測試政