【基于Web的电子政务系统设计与实现11000字（论文）】

基于Web的电子政务系统设计与实现TOC\o"1-3"\h\u1引言 、Maven技术要求SpringBoot框架MySQL进行对数据存储系统分析可行性分析操作可行性:对于整个系统来说，做到友好，政务办理用户和管理员能操作便捷，主要以浏览器形式进行相应的访问，有很强的操作性。电子政务系统本电子政务系统都是由自己全权负责、开发的，而且在系统当中并没有不当的行为，以及违反法律的行为，这也就保证了系统的可行性。系统设计目标基于Web的电子政务系统类政务办理用户，分别为政务办理用户和管理员。从政务办理用户进行在线政务办理，减少线下跑腿次数的好、美观、操作便捷。需求分析3.3.1用户端功能需求分析服务清单列表政务办理用户能在服务清单列表中查看所有可以可以查看清单的服务，点击查看清单可以查看详情清单。详细清单政务办理用户可以查看详情的服务办理清单，清单信息包括事项类型、办理形式、咨询方式、办理时间等信息，可以更详细清楚的了解办理业务的详细过程等。服务材料查看政务办理用户可以查看政务服务所需要的材料信息，信息包括材料名称、材料要求、来源渠道、下载样表等。服务收藏政务办理用户可以将经常办理的服务事项进行收藏，在个人中心可以进行我的收藏的查看和管理。办事服务列表政务办理用户可以在办事服务列表中查看可以办理的业务列表，点击查看清单可以查看服务的详细清单，点击在线办理可以进行业务的在线办理。在线办理政务办理用户可以进行在线业务的办理，在填写个人信息、上传需要的材料后进行业务的办理。证照关联政务办理用户在办理业务的过程中可以将已经上传的证照与当前业务进行关联，省去了再次上传证照的步骤。政务资讯政务办理用户可以在线查看最新的政务资讯，了解政务信息。办事提醒政务办理用户在办理完成业务后，可以在个人中心中查看服务事项的办理进度。我的证照政务办理用户可以上传我的证照，方便后续业务办理。信息修改政务办理用户可以修改账户信息，包括修改手机号和修改密码。3.3.2后台管理系统功能需求分析用户信息管理管理员可以进行用户信息的管理查看和维护，用户信息包括用户名和注册时间，对用户信息进行删除，可以进行用户的添加。事项列表管理员可以对事项列表进行查看，事项信息包括事项名称、事项类型，对事项进行删除。事项添加管理员可以在填写事项名称和事项类型后进行事项的添加，添加后可以在事项列表中进行查看和管理。事项清单列表管理员可以对对应的事项进行事项清单的查看，事项清单信息包括事项名称、事项类型、办件类型等信息，可以对事项清单进行维护事项清单添加管理员可以对对应事项填写事项类型等信息后进行事项清单的添加，。文件列表管理员可以对事项所需的文件材料进行管理，可以进行事项材料的查看，可以对具体事项进行所需材料信息的添加。服务审核管理员可以对政务办理用户提交的服务进行审核，在查看材料信息后对服务进行审批，审批不通过给出具体理由。服务状态查询管理员可以根据服务状态进行服务的查询。资讯列表管理员可以查看历史发布的政务资讯，对资讯进行管理，包括编辑和删除。发布资讯管理员可以进行政务资讯的添加，资讯信息包括资讯标题和资讯内容。总体业务流程分析。用户端和管理系统的业务流程分别如图3-1、3-2所示。图3-1用户端业务流程图图3-2后台管理系统业务流程图系统设计功能结构设计本系统的实现主要通过两种角色分别为政务办理用户和管理员，政务办理用户和管理员分别登录后对整个系统进行相关操作和处理。通对本系统的需求进行分析，则电子政务系统功能模块主要构成如图4-1。图4-1系统功能结构图数据库设计数据库的设计最主要部分便是电子政务系统的关键所在，数据库在对信息进行保存的过程中都需要来对信息进行处理，然后将数据进行分类，然后对这些分类的数据进行加密处理，使得用户的个人信息能够得到保护，除此之外，数据库在对数据进行处理的过程中，也是系统内存进行优化的过程中，数据库能够自动将无用的数据文件进行删除操作，这样就能在一定的程度上让系统的运行速度更快，让系统运行起来更加稳定。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现场办理次数advice_wayVARCHAR255咨询方式supervise_wayVARCHAR255监督投诉方式workTimeVARCHAR500办理时间work_addressVARCHAR255办理地址countyPerRangeVARCHAR1000权限范围is_expressVARCHAR255是否支持快递物流statusVARCHAR255状态basisVARCHAR255设定依据（4）收藏信息表：该表中存放事项收藏信息，该表字段及其类型定义如表4-4所示。表4-4collect_list字段名称字段类型字段长度备注信息idINT10idcheck_idINT10事项idcheck_nameVARCHAR30事项名称statusVARCHAR255状态（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）政策咨询信息表：用于储存相关政策的咨询信息的表格，该表中存放政策咨询的所有信息数据，该表字段及其类型定义如表4-7所示。表4-7news_list字段名称字段类型字段长度备注信息idINT10idtitleVARCHAR30标题contentVARCHAR5000内容（8）服务信息表：该表中存放用户提交的业务信息，该表字段及其类型定义如表4-8所示。表4-8service_list字段名称字段类型字段长度备注信息idINT10idcheck_idINT10事项iduser_idINT10用户idstatusVARCHAR255状态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状态（11）用户信息表：该表中存放用户信息，该表字段及其类型定义如表4-10所示。表4-10user_info字段名称字段类型字段长度备注信息idINT10iduser_idINT10用户idreal_nameVARCHAR10姓名id_cardVARCHAR30身份证号sexVARCHAR5性别birthdayVARCHAR10生日phoneVARCHAR11手机LandlineVARCHAR20固定电话addressVARCHAR255地址（12）系统用户信息表：该表中存放系统注册用户信息，该表字段及其类型定义如表4-11所示。表4-11user_list字段名称字段类型字段长度备注信息idINT10idusernameVARCHAR30用户名passwordVARCHAR255密码statusVARCHAR255状态系统实现用户端设计及实现说明5.1.1登录模块：政务办理用户注册账户后，使用账号密码登录电子政务系统。核心代码如下，页面如图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详细清单：政务办理用户可以查看详情的服务办理清单，清单信息包括事项类型、办理形式、咨询方式、办理时间等信息，可以更详细清楚的了解办理业务的详细过程等。页面如图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办事服务列表：政务办理用户可以在办事服务列表中查看可以办理的业务列表，点击查看清单可以查看服务的详细清单，点击在线办理可以进行业务的在线办理。核心代码如下，页面如图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在线办理：政务办理用户可以进行在线业务的办理，在填写个人信息、上传需要的材料后进行业务的办理。核心代码如下，页面如图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证照关联：政务办理用户在办理业务的过程中可以将已经上传的证照与当前业务进行关联，省去了再次上传证照的步骤。核心代码如下，页面如图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('请先在个人中心上传后进行关联')}},图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办事提醒：政务办理用户在办理完成业务后，可以在个人中心中查看服务事项的办理进度。核心代码如下，页面如图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我的证照：政务办理用户可以上传我的证照，方便后续业务办理。核心代码如下，页面如图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数据库连接：连接数据库，政务办理系统的数据都会存入数据库中，核心代码如下。#数据源配置，请修改为你项目的实际配置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后台管理系统设计及实现说明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业务审核页面5.2.9服务状态查询：管理员可以根据服务状态进行服务的查询。核心代码如下，页面如图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服务状态页面5.2.10资讯列表：管理员可以查看历史发布的政务资讯，对资讯进行管理，包括编辑和删除。页面如图5-22所示。图5-22资讯列表页面5.2.11发布资讯：管理员可以进行政务资讯的添加，资讯信息包括资讯标题和资讯内容。页面如图5-23所示。图5-23发布资讯页面、系统测试与运行测试概述测试登录模块，政务办理用户和管理员是否能正确登录。测试用户模块，用户的功能是否能够实现及数据是否能正确显示。单元测试登录模块测试登录模块测试：政务办理用户和管理员分别输入对应的账户及密码，点击“登录”按钮看是否能正确进入系统的主界面。此模块的测试用例数据表，如下表6-1所示。表6-1登录模块的测试用例模块测试测试登录模块用例情况（、密码：分别输入对应的账号和密码，验证所输入的信息是否能正确登录测试数据预期结果实际结果和预想的结果是一致的最后结论登陆模块：分别输入对应的正确的账号和密码，实现系统登录政务办理用户模块测试政务办理用户模块测试：政务办理用户模块包含的功能有查看服务清单、在线服务办理、查看政务资讯、办事提醒、服务收藏等功能等，根据政务办理用户模块所包含的功能依次完成测试。此模块的测试用例数据表，如下表6-2所示。表6-2政务办理用户模块的测试用例模块测试测试政