【《学生会成员选拔管理系统设计》13000字（论文）】

学生会成员选拔管理系统设计摘要：现如今,很多学校都有了学生会。有了学生会的存在，学生不仅可以通过参加由学生会举办的各种活动来锻炼自己各方面的能力，还可以和意气相投的朋友一起交流学习生活等方面的问题。这样看来，学生会的存在还是能给大家带来不少好处的，那么要想组建一个优秀的学生会,首先就必须选拔出合格的学生来加入到学生会的大家庭中。我做的系统就是为大家制定一个学生会成员选拔系统,这样的线上选拔方式,可以让大家在线上就能选拔出一批合格的学生会成员。学生会成员选拔系统程序的框架采用SpringBoot架构进行开发，使用了idea编程语言来进行编程。学生可通过登录系统在学生模块中填写并提交申请表和考核试卷，此时学生所有填写的数据信息都保存到Navicat数据库系统中，管理员通过数据库查看到学生填写的数据库信息，再利用数据库通过分页查询的形式呈现出来。学生也可以在填写申请表和完成考核系统前在本系统中的五大部门纳新介绍和精彩瞬间中提前了解学生会和所有学生会部门，以便更准确的知道自己的内心是否真的想加入学生会和选择自己最心仪最适合自己的部门且是自己心仪的部门，同时也能在本系统中的学生模块中查看录取结果以及管理员可以在管理员模块中查看报名情况。本系统设置了退出系统按钮，如果学生和管理员想退出，随时都可以点击按钮退出，并且学生也可以从退出界面上看到什么时候公布选拔结果，同时对本次选拔结果有异议的话，也可以通过本系统学生模块的意见反馈，来反馈一些意见，管理员可根据这些意见重新考虑这次的选拔结果。关键词：在线填写申请表和考核试卷；SpringBoot架构；数据库Navicat；JDK目录TOC\o"1-3"\h\u2425一、绪论 页共65页4.2数据库表的设计要想让大家更加快速准确的获取网页中的信息，就必须建立数据库与系统的连接。因此本系统通过数据库设计了很多表与系统相连，不仅使管理员能很好的管理数据，学生也能通过管理员将数据库中的数据上传而从中获取到相关信息。数据库的表设计如下所示：表4-1tbluser表:序号字段名称字段类型字段长度小数点允许为空备注1idint110否主键2userNamevarchar2550是用户名3userPassvarchar2550是密码4userRolevarchar2550是角色5userEmailvarchar2550是邮箱表4-2stutest表:序号字段名称字段类型字段长度小数点允许为空备注1idint100否主键2namevarchar200是姓名3sexvarchar100是性别4banjivarchar200是班级5minzuvarchar100是民族6zzmmvarchar100是政治面貌7iphonevarchar110是手机号码8xybmvarchar100是心仪部门9tiaojivarchar100是是否调剂10huida1varchar5000是回答111huida2varchar5000是回答212huida3varchar5000是回答313resultvarchar100是结果表4-3msctest表:序号字段名称字段类型字段长度小数点允许为空备注1idint100否主键2namevarchar200是姓名3banjivarchar200是班级4zzmmvarchar200是政治面貌5iphonevarchar110是手机号码6huida4varchar5000是回答47huida5varchar5000是回答5表4-4xxbtest表:序号字段名称字段类型字段长度小数点允许为空备注1idint100否主键2namevarchar200是姓名3banjivarchar200是班级4zzmmvarchar200是政治面貌5iphonevarchar110是手机号码6huida4varchar5000是回答47huida5varchar5000是回答5

表4-5tybtest表:序号字段名称字段类型字段长度小数点允许为空备注1idint100否主键2namevarchar200是姓名3banjivarchar200是班级4zzmmvarchar200是政治面貌5iphonevarchar110是手机号码6huida4varchar5000是回答47huida5varchar5000是回答5表4-6xcbtest表:序号字段名称字段类型字段长度小数点允许为空备注1idint100否主键2namevarchar200是姓名3banjivarchar200是班级4zzmmvarchar200是政治面貌5iphonevarchar110是手机号码6huida4varchar5000是回答47huida5varchar5000是回答5表4-7shbtest表:序号字段名称字段类型字段长度小数点允许为空备注1idint100否主键2namevarchar200是姓名3banjivarchar200是班级4zzmmvarchar200是政治面貌5iphonevarchar110是手机号码6huida4varchar5000是回答47huida5varchar5000是回答5表4-8opinion表:序号字段名称字段类型字段长度小数点允许为空备注1idint100否主键2namevarchar200是姓名3banjivarchar200是班级4xybmvarchar200是政治面貌5iphonevarchar110是手机号码6opinionvarchar5000是意见我的系统中一共7张表，功能其实都是差不多的。第1张表（tbluser）是获取学生和管理员登录注册账号的数据。第2张表（stutest）是获取学生填写提交申请表中的数据。第3张表至第7张表（分别是msctest、xxbtest、tybtest、xcbtest、shbtest）是获取学生在各个部门中填写提交考核试卷的数据。此外，所有表中的id都是主键。第8张表是获取学生在意见反馈表中填写的数据。4.3数据库E-R图的设计E-R图分为实体、属性和联系。实体是用矩形框表示，属性是用椭圆表示、联系是用菱形框表示。数据库E-R图的设计如下所示：图4管理员账号管理的E-R图（tbluser表）图5学生填写申请表的E-R图（stutest表）图6秘书处考核试卷的E-R图（msctest表）图7学习部考核试卷的E-R图（xxbtest表）图8体育部考核试卷的E-R图（tybtest表）图9宣传部考核试卷的E-R图（xcbtest表）图10生活部考核试卷的E-R图（shbtest表）图11学生填写意见反馈的E-R图（opinion表）五、系统功能模块的实现5.1用户名注册界面学生和管理员点击新用户注册按钮,并完成新用户的注册。如果学生和管理员用户名注册成功再跳回到登录页面。如果学生和管理员用户名注册失败,比如两次不一致,会弹出提示框"两次不一致"的提示信息。用户名注册成功界面如图12所示：图12用户名注册成功界面//核心代码如下：<tablestyle="text-align:center"><form><divclass="logform">新账号注册</div><divclass="logleft">账号</div><divclass="logright"><inputid="name"name="name"></div><divclass="logleft"></div><divclass="logright"><inputtype="button"value="注册"onclick="mydata()"/><inputtype="reset"value="重置"/></div></form></table>5.2用户名登录界面学生和管理员在正确输入信息之后，会立刻跳转到首页界面，如果登录失败，会跳转到error的错误网页。用户名登录界面如图13所示：图13学生用户名登录界面//核心代码如下：<formaction="/gologin1"method="post"><tablealign="center"cellpadding="10px"><tr><td><ahref="/login1"><divclass="logform"th:text="#{login.zhanghao}">用户名登录</div></a></td><td><ahref="/login2"><divclass="logform"th:text="#{login.youxiang}">邮箱登录</div></a></td></tr></table><divclass="loginput"><spanth:text="#{login.username}">请输入用户名</span><inputid="name"name="name"></div><divclass="loginput"><inputtype="submit"th:value="#{login.button}"登录> <ahref="registeryh"><spanth:text="#{login.register}">新用户注册</span></a></div><divclass="loginput"><spanth:text="${currentYear}">2019</span>-<spanth:text="${currentYear}+1">2020</span><span>CopyRight</span></div><divclass="loginput"><ath:href="@{/login1(lang='zh_CN')}">中文</a><ath:href="@{/login1(lang='en_US')}">English</a></div></form></div>5.3邮箱注册界面学生和管理员点击新邮箱注册按钮，填写注册信息，填写完后信息将存入到数据库中，如果邮箱注册成功再跳回到登录页面。邮箱注册界面如图14所示：图14邮箱注册界面//核心代码<tablestyle="text-align:center"><form><divclass="logform">新邮箱注册</div><divclass="logleft">邮箱</div><divclass="logright"><inputid="email"name="email"type="email"></div><divclass="logleft"></div><divclass="logright"><inputtype="button"value="注册"onclick="mydata()"/><inputtype="reset"value="重置"/></div></form></table>5.4邮箱登录界面该界面实现了邮箱登录功能，学生和管理员在该界面完成相关信息之后，点击登录按钮，会自动跳转到首页界面。邮箱登录界面如图15所示：图15邮箱登录界面//核心代码<tablestyle="text-align:center"><form><divclass="logform">新邮箱注册</div><divclass="logleft">邮箱</div><divclass="logright"><inputid="email"name="email"type="email"></div><divclass="logleft"></div><divclass="logright"><inputtype="button"value="注册"onclick="mydata()"/><inputtype="reset"value="重置"/></div></form></table>5.5首页为了让首页精彩一点，我采用的是3张图片自动切换法。因为word中没有办法将切换的动态效果展现出来，所以目前看到的就只有一张图片。首页界面如图16所示：图16首页界面核心代码如图17所示：图17首页核心代码5.6五大部门五大部门这一栏主要是介绍学生会每个部门。主要功能是五大部门的下拉菜单设置、字体设置、页边距设置、行高设置、插入图片、图片宽度高度设置。五大部门界面如图18所示（这里选取体育部纳新介绍界面作为展示）：图18体育部纳新介绍界面核心代码如图19所示：图19体育部纳新介绍代码5.7精彩瞬间1这个精彩瞬间我采用的是3D照片墙的效果将我们学院学生会的一些活动时的照片播放了出来，供学生们观看。由于这个效果也是动态的，所以下面图10所示的截图是静止的。精彩瞬间1界面如图20所示：图20精彩瞬间1界面核心代码如图21所示：图21精彩瞬间1代码5.8精彩瞬间2这个精彩瞬间我采用的是插入一个视频，和一些字体效果（文字阴影和字符间距的效果）。精彩瞬间2界面如图22所示：图22精彩瞬间2界面//核心代码:精彩瞬间2.html：<h1align="center"style="text-shadow:2px2px2pxgrey;letter-spacing:40px">精彩瞬间</h1><videowidth="900px"height="430px"controls><sourcesrc="../images/精彩瞬间.mp4"type="video/mp4"><sourcesrc="../images/精彩瞬间.mp4"type="video/ogg"></video>5.9学生模块——申请表学生可以在申请表这一栏中填写并提交申请表申请表界面如图23所示：图23学生模块（申请表）界面数据库的变化如图24所示：图24学生填写完申请表后数据库中的变化//核心代码application.html：<formth:action="@{/s1}"method="post"><tableborder="1"align="left"style="text-align:center;"><caption>物联网技术学院学生会报名申请表</caption><trstyle="height:50px;"><tdstyle="width:150px;">姓名</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="name"name="name"type="text"></td><tdstyle="width:150px;">性别</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="sex"name="sex"type="text"></td></tr><trstyle="height:50px;"><tdstyle="width:150px;">班级</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="banji"name="banji"type="text"></td><tdstyle="width:150px;">民族</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="minzu"name="minzu"type="text"></td></tr><trstyle="height:50px;"><tdstyle="width:150px;">政治面貌</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="zzmm"name="zzmm"type="text"></td><tdstyle="width:150px;">手机号码</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="iphone"name="iphone"type="tel"></td></tr><trstyle="height:50px;"><tdstyle="width:150px;">心仪部门</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="xybm"name="xybm"type="text"></td><tdstyle="width:150px;">是否服从调剂</td><td><inputstyle="height:50px;width:184px;text-align:center;"id="tiaoji"name="tiaoji"type="text"></td></tr><trstyle="height:100px;"><tdstyle="width:150px;">你有什么特长爱好</td><tdcolspan="3"><textareastyle="width:522px;height:130px;"wrap="soft"id="hobby"name="hobby"></textarea></td></tr><trstyle="height:100px;"><!--wrap="soft"是自动换行--><tdstyle="width:150px;">想进心仪部门的理由</td><tdcolspan="3"><textareastyle="width:522px;height:130px;"wrap="soft"id="result"name="result"></textarea></td></tr><trstyle="height:100px;"><tdstyle="width:150px;">对心仪部门的了解</td><tdcolspan="3"><textareastyle="width:522px;height:130px;"wrap="soft"id="know"name="know"></textarea></td></tr></table><buttontype="submit"value="提交"onclick="mydata()">提交</button><scriptlanguage="javascript">functionmydata()//声明标识符{alert("提交成功");//弹出对话框}</script></form>UserService.java:publicUserBeanapplication(Stringname,Stringsex,Stringbirth,Stringbanji,Stringminzu,Stringzzmm,Stringjiguan,Stringiphone,Stringxybm,Stringtiaoji,Stringhuida1,Stringhuida2,Stringhuida3);publicints1(StuBeanstuBean);UserServiceImpl.java：@OverridepublicUserBeanapplication(Stringname,Stringsex,Stringbirth,Stringbanji,Stringminzu,Stringzzmm,Stringjiguan,Stringiphone,Stringxybm,Stringtiaoji,Stringhuida1,Stringhuida2,Stringhuida3){returnuserMapper.application(name,sex,banji,minzu,zzmm,iphone,xybm,tiaoji,huida1,huida2,huida3);}@Overridepublicintapplication(UserBeanusers){returnuserMapper.application(users);}@Overridepublicints1(StuBeanstuBean){returnuserMapper.s1(stuBean);}UserMapper.java：UserBeanapplication(Stringname,Stringsex,Stringbanji,Stringminzu,Stringzzmm,Stringiphone,Stringxybm,Stringtiaoji,Stringhuida1,Stringhuida2,Stringhuida3);intapplication(UserBeanusers);publicints1(StuBeanstuBean);UserMapping.xml:<insertid="s1"parameterType="com.glxt.model.StuBean">insertintostutest(name,sex,banji,minzu,zzmm,iphone,xybm,tiaoji,huida1,huida2,huida3)values(#{name},#{sex},#{banji},#{minzu},#{zzmm},#{iphone},#{xybm},#{tiaoji},#{hobby},#{result},#{know});</insert>UserController.java：@PostMapping("/s1")publicStrings1(StuBeanuser){System.out.println(user);userService.s1(user);return"redirect:/application";}@GetMapping("/application")publicStringapplication(StuBeanuser){System.out.println("application2");//userService.application(user);return"application";}5.10学生模块——考核试卷学生可以在考核试卷中先选择自己心仪的部门，然后完成并提交对应的考核试卷，管理员可以在后台查看学生在各部门考核试卷中所填写的相关信息。考核试卷界面如图25所示（这里选择宣传部的考核试卷作为展示）：图25学生模块（考核试卷）界面数据库的变化如图26所示：图26学生填写完宣传部考核试卷后数据库中的变化//核心代码宣传部考核试卷2.html：<formth:action="@{/s5}"method="post">请选择你的心仪部门：<inputtype="radio"name="choice"onclick="location.href='/秘书处考核试卷2';">秘书处<inputtype="radio"name="choice"onclick="location.href='/学习部考核试卷2';"/>学习部<inputtype="radio"name="choice"onclick="location.href='/体育部考核试卷2';"/>体育部<inputtype="radio"name="choice"checked="checked"onclick="location.href='/宣传部考核试卷2';"/>宣传部<inputtype="radio"name="choice"onclick="location.href='/生活部考核试卷2';"/>生活部<br><br><tableborder="1"align="left"style="text-align:center;"><caption>物联网技术学院学生会宣传部考核试卷</caption><trstyle="height:50px;"><tdstyle="width:100px;">姓名</td><td><inputstyle="height:50px;width:210px;text-align:center;"id="name"name="name"type="text"></td><tdstyle="width:100px;">班级</td><td><inputstyle="height:50px;width:210px;text-align:center;"id="banji"name="banji"type="text"></td></tr><trstyle="height:50px;"><tdstyle="width:100px;">政治面貌</td><td><inputstyle="height:50px;width:210px;text-align:center;"id="zzmm"name="zzmm"type="text"></td><tdstyle="width:100px;">手机号码</td><td><inputstyle="height:50px;width:210px;text-align:center;"id="iphone"name="iphone"type="tel"></td></tr><trstyle="height:50px;"><tdcolspan="4"style="text-align:center;">你为什么想进宣传部</td></tr><trstyle="height:130px;"><tdcolspan="4"><textareastyle="width:623px;height:160px"wrap="soft"id="huida4"name="huida4"></textarea></td></tr><trstyle="height:50px;"><!--wrap="soft"是自动换行--><tdcolspan="4"style="text-align:center;">如果部门要举办活动需要大家来一起布置活动现场，你会主动报名来帮忙吗？</td></tr><trstyle="height:130px;"><tdcolspan="4"><textareastyle="width:623px;height:160px"wrap="soft"id="huida5"name="huida5"></textarea></td></tr></table><buttontype="submit"value="提交"onclick="mydata()">提交</button><scriptlanguage="javascript">functionmydata()//声明标识符{alert("提交成功");//弹出对话框}</script></form>UserService.java：publicUserBean宣传部考核试卷2(Stringname,Stringbanji,Stringzzmm,Stringiphone,Stringhuida4,Stringhuida5);publicints5(XcbBeanxcbBean);UserServiceImpl.java:@OverridepublicUserBean宣传部考核试卷2(Stringname,Stringbanji,Stringzzmm,Stringiphone,Stringhuida4,Stringhuida5){returnuserMapper.宣传部考核试2(name,banji,zzmm,iphone,huida4,huida5);}@Overridepublicints5(XcbBeanxcbBean){returnuserMapper.s5(xcbBean);}UserMapper.java：UserBean宣传部考核试卷2(Stringname,Stringbanji,Stringzzmm,Stringiphone,Stringhuida4,Stringhuida5);publicints5(XcbBeanxcbBean);UserMappering.xml：<insertid="s5"parameterType="com.glxt.model.XcbBean">insertintoxcbtest(name,banji,zzmm,iphone,huida4,huida5)values(#{name},#{banji},#{zzmm},#{iphone},#{huida4},#{huida5});</insert>UserController.java：@GetMapping("/宣传部考核试卷2")publicString宣传部考核试卷2(XcbBeanuser){System.out.println("宣传部考核试卷21");return"宣传部考核试卷2";}@PostMapping("/s5")publicStrings5(XcbBeanuser){System.out.println(user);userService.s5(user);return"redirect:/宣传部考核试卷2";}5.11学生模块——选拔结果该功能的目的是把选拔结果从数据库上传到前台学生模块中，供学生自己在系统中查看。同时学生也可以在搜索框中搜索，便于快速的查看到自己的选拔结果。选拔结果界面如图27所示：图27学生模块（选拔结果）界面选拔结果查询界面如图28所示：图28学生模块（选拔结果查询）界面//核心代码my_page.html：<table> <thead> <thstyle="text-align:center;">序号</th> <thstyle="text-align:center;">姓名</th> <thstyle="text-align:center;">性别</th> <thstyle="text-align:center;">班级</th> <thstyle="text-align:center;">民族</th> <thstyle="text-align:center;">政治面貌</th> <thstyle="text-align:center;">手机号码</th> <thstyle="text-align:center;">心仪部门</th> <!--<th>是否服从调剂</th>--> <thstyle="text-align:center;">选拔结果</th> </thead> <tbody> <trclass="alert-infoactivetable-"th:each="Cont:${Result}"> <tdth:text="${Cont.id}"></td> <tdth:text="${C}"></td> <tdth:text="${Cont.sex}"></td> <tdth:text="${Cont.banji}"></td> <tdth:text="${Cont.minzu}"></td> <tdth:text="${Cont.zzmm}"></td> <tdth:text="${Cont.iphone}"></td> <tdth:text="${Cont.xybm}"></td> <!--<tdth:text="${Cont.tiaoji}"></td>--> <tdth:text="${Cont.result}"></td> </tr> </tbody></table>5.12学生模块——意见反馈若学生在系统中查询到自己的选拔结果后不满意，可以在意见反馈中填写并提交意见反馈表。意见反馈界面如图29所示：图29学生模块（意见反馈）界面数据库的变化如图30所示：图30学生填写意见反馈后数据库中的变化核心代码如图31所示：图31学生模块（意见反馈）核心代码5.13管理员模块——账号管理管理员可以有账号管理的权限。比如对账号进行查看、减去现有的账户、删改。删改可以修改用户名、邮箱、密码和身份。账号管理界面如图32所示：图32账号管理界面账号修改界面如图33所示：图33账号修改界面//核心代码edituser.html：<tableclass="tabletable-hover"style="width:80%"><trth:each="User:${Result}"><tdth:text="${User.id}"></td><tdth:text="${User.userName}"></td><tdth:text="${User.userEmail}"></td><tdth:text="${User.userPass}"></td><tdth:text="${User.userRole}"></td><td><ath:href="@{'/godel/'+${User.id}}">删除</a><ath:href="@{'/goupdate/'+${User.id}}">修改</a></td></tr></table>result.html：<tableid="table"border="1"cellspacing="0"cellpadding="0"><thead> <th>Id</th> <th>userName</th> <th>userEmail</th> <th>userPass</th> <th>userRole</th></thead><tbody> <trth:each="User:${Result}"> <tdth:text="${User.id}"></td> <tdth:text="${User.userName}"></td> <tdth:text="${User.userEmail}"></td> <tdth:text="${User.userPass}"></td> <tdth:text="${User.userRole}"></td></tr></tbody></table>updateuser.html：<formaction="/update"method="get"><h2>修改页面</h2><inputtype="hidden"id="id"name="id"th:value="${user.id}"><br><br>请输入姓名<inputid="name"name="name"type="text"th:value="${user.userName}"/><br><br>请输入邮箱<inputid="email"name="email"type="text"th:value="${user.userEmail}"/><br><br>请选择身份<selectid="role"name="role"type="text"style="..."><optionth:value="${user.userRole}"selected><pth:text="${user.userRole}"></p></option><inputtype="submit"value="修改"><buttonname="button"onclick="javascript:history.back(-1);">返回</button></form>5.14管理员模块——编辑申请表管理员在后台用idea编辑一个申请表，并在管理员模块中查看是否这个申请表设计的还可以，不影响美观。管理员申请表界面如图34所示：图34管理员申请表界面//核心代码申请表.html：<tableborder="1"align="left"style="text-align:center;"><caption>物联网技术学院学生会报名申请表</caption><trstyle="height:50px;"><tdstyle="width:150px;">姓名</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td><tdstyle="width:150px;">性别</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td></tr><trstyle="height:50px;"><tdstyle="width:150px;">班级</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td><tdstyle="width:150px;">民族</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td></tr><trstyle="height:50px;"><tdstyle="width:150px;">政治面貌</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td><tdstyle="width:150px;">手机号码</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td></tr><trstyle="height:50px;"><tdstyle="width:150px;">心仪部门</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td><tdstyle="width:150px;">是否服从调剂</td><td><inputstyle="height:50px;width:184px;text-align:center;"></td></tr><trstyle="height:100px;"><tdstyle="width:150px;">你有什么特长爱好</td><tdcolspan="3"><textareastyle="width:522px;height:130px"wrap="soft"></textarea></td></tr><trstyle="height:100px;"><!--wrap="soft"是自动换行--><tdstyle="width:150px;">想进心仪部门的理由</td><tdcolspan="3"><textareastyle="width:522px;height:130px"wrap="soft"></textarea></td></tr><trstyle="height:100px;"><tdstyle="width:150px;">对心仪部门的了解</td><tdcolspan="3"><textareastyle="width:522px;height:130px"wrap="soft"></textarea></td></tr></table><formth:action="@{/uploadFile}"method="post"enctype="multipart/form-data"><h4>上传文件</h4><inputtype="button"value="添加文件"onclick="add()"/><divid="file"style="margin-top:10px;"th:value="文件上传区域"></div><inputid="submit"type="submit"value="上传"style="display:none;margin-top:10px;"/></form><scripttype="text/javascript">//动态添加上传按钮functionadd(){varinnerdiv="<divstyle='display:flex'>";innerdiv+="<inputtype='file'name='fileUpload'required='required'>"+"<inputtype='button'value='删除'onclick='remove(this)'>";innerdiv+="</div>";$("#file").append(innerdiv);//打开上传按钮$("#submit").css("display","block");}//删除当前行<div>functionremove(obj){$(obj).parent().remove();if($("#filediv").length==0){$("#submit").css("display","none");}}</script>5.15管理员模块——编辑考核试卷管理员在后台用idea编辑五份考核试卷，并在管理员模块中查看是否这些考核试卷设计的还可以，不影响美观。管理员考核试卷界面如图35所示（这里选取宣传部的考核试卷界面作为展示）：图35管理员宣传部考核试卷界面//核心代码宣传部考核试卷.html：请选择你的心仪部门：<inputtype="radio"name="choice"onclick="location.href='/秘书处考核试卷';">秘书处<inputtype="radio"name="choice"onclick="location.href='/学习部考核试卷';"/>学习部<inputtype="radio"name="choice"onclick="location.href='/体育部考核试卷';"/>体育部<inputtype="radio"name="choice"checked="checked"onclick="location.href='/宣传部考核试卷';"/>宣传部<inputtype="radio"name="choice"onclick="location.href='/生活部考核试卷';"/>生活部<br><br><tableborder="1"align="left"style="text-align:center;"><caption>物联网技术学院学生会宣传部考核试卷</caption><trstyle="height:50px;"><tdstyle="width:100px;">姓名</td><td><inputstyle="height:50px;width:210px;text-align:center;"></td><tdstyle="width:100px;">班级</td><td><inputstyle="height:50px;width:210px;text-align:center;"></td></tr><trstyle="height:50px;"><tdstyle="width:100px;">政治面貌</td><td><inputstyle="height:50px;width:210px;text-align:center;"></td><tdstyle="width:100px;">手机号码</td><td><inputstyle="height:50px;width:210px;text-align:center;"></td></tr><trstyle="height:50px;"><tdcolspan="4"style="text-align:center;">你为什么想进宣传部</td></tr><trstyle="height:130px;"><tdcolspan="4"><textareastyle="width:623px;height:160px"wrap="soft"></textarea></td></tr><trstyle="height:50px;"><!--wrap="soft"是自动换行--><tdcolspan="4"style="text-align:center;">如果部门要举办活动需要大家来一起布置活动现场，你会主动报名来帮忙吗？</td></tr><trstyle="height:130px;"><tdcolspan="4"><textareastyle="width:623px;height:160px"wrap="soft"></textarea></td></tr></table><formth:action="@{/uploadFile}"method="post"enctype="multipart/form-data"><h4>上传文件</h4><inputtype="button"value="添加文件"onclick="add()"/><divid="file"style="margin-top:10px;"th:value="文件上传区域"></div><inputid="submit"type="submit"value="上传"style="display:none;margin-top:10px;"/></form><scripttype="text/javascript">//动态添加上传按钮functionadd(){varinnerdiv="<divstyle='display:flex'>";innerdiv+="<inputtype='file'name='fileUpload'required='required'>"+"<inputtype='button'value='删除'onclick='remove(this)'>";innerdiv+="</div>";$("#file").append(innerdiv);//打开上传按钮$("#submit").css("display","block");}//删除当前行<div>functionremove(obj){$(obj).parent().remove();if($("#filediv").length==0){$("#submit").css("display","none");}}</script>5.16管理员模块——报名情况管理员可以在报名情况中查看每个部门的报名人数统计报名情况界面如图36所示：图36报名情况界面核心代码如图37所示：图37管理员模块（报名情况）核心代码5.17退出系统当学生和管理员想退出这个系统时，可以点击退出系统。同时学生也能查看到管理员在退出系统界面发出的通知。退出系统界面如图38所示：图38退出系统界面//核心代码exit.html：<style> body{background:url(../images/退出背景.jpg)no-repeat;}</style>5.18显示当前用户名登录的信息当学生和管理员用用户名成功登录系统时，会显示用户名登录的标志。显示当前用户名登录界面如图39所示：图39显示当前用户名登录界面//核心代码publicpage.html：<li><ahref="#"th:text="'用户名:'+${session.currentuser}"/></a></li>LoginController.java：session.setAttribute("currentuser",username);5.19显示当前邮箱登录的信息当学生和管理员用邮箱成功登录系统时，会显示邮箱登录的标志。显示当前邮箱登录界面如图40所示：图40显示当前邮箱登录界面//核心代码publicpage.html：<li><ahref="#"th:text="'邮箱:'+${session.currentEmail}"/></a></li>LoginController.java：session.setAttribute("currentEmail",userEmail);5.20用户名登录界面的中英文切换功能该界面实现了用户名登录界面的中英文切换功能。用户名登录中英文切换功能中的英文界面如图41所示：图41用户名登录中英文切换功能中的英文界面//核心代码login.zhanghao=Usernameloginlogin.youxiang=Emailloginlogin.username=Usernamelogin.password=Passwordlogin.email=Emaillogin.button=Loginlogin.cancel=Cancellogin.register=Newuserregisterlogin.zhanghao=用户名登录login.youxiang=邮箱登录login.username=请输入用户名login.password=请输入密码login.email=请输入邮箱login.button=登录login.cancel=取消login.register=新账号注册5.21邮箱登录界面的中英文切换功能该界面实现了邮箱登录界面的中英文切换功能。邮箱登录中英文切换功能中的英文界面如图42所示：图42邮箱登录中英文切换功能中的英文界面//核心代码register.zhanghao=Usernameregisterregister.youxiang=Emailregisterregister.username=Usernameregister.password=Passwordregister.email=Emailregister.button=Loginregister.cancel=Cancelregister.register=Newuserregisterregister.zhanghao=用户名登录register.youxiang=邮箱登录register.username=请输入用户名register.password=请输入密码register.email=请输入邮箱register.button=登录register.cancel=取消register.register=新邮箱注册六、系统调试、测试和使用说明6.1程序调试程序设计完成之后，难免会出现一些错误，尤其是比较难的程序，必须经过多次调试，不断地发现其中的错误并修改，直至程序无误能正常运行为止。6.2程序的测试6.2.1测试的目的以及重要性1、测试的重要性我对我的这个系统进行了多次测试才达到了现在的这个效果，所以要想让自己所设计的软件和系统与自己预期的效果一样并且实用性强的话，就要经常对软件和系统去测试。现如今，不管哪个软件哪个系统那都是要经过无数次的测试，虽然这个过程很长，也需要花费人们很长的精力，但是如果不经常测试的话，代码中出现的错误就会一直阻碍你达到你理想中的效果，所以能越早的通过不断测试发现其中的错误，越早修改那必然是更早的离自己的目标更近了，同时也减少了不必消耗的时间。在实际操作的过程中，我们需要认真检查我们的程序，不要以为程序正常运行了，就没有错误了。因为那只是代码不报错，一些细小的错误还是很