學生會成員選拔管理系統(tǒng)設(shè)計摘要：現(xiàn)如今,很多學校都有了學生會。有了學生會的存在，學生不僅可以通過參加由學生會舉辦的各種活動來鍛煉自己各方面的能力，還可以和意氣相投的朋友一起交流學習生活等方面的問題。這樣看來，學生會的存在還是能給大家?guī)聿簧俸锰幍模敲匆虢M建一個優(yōu)秀的學生會,首先就必須選拔出合格的學生來加入到學生會的大家庭中。我做的系統(tǒng)就是為大家制定一個學生會成員選拔系統(tǒng),這樣的線上選拔方式,可以讓大家在線上就能選拔出一批合格的學生會成員。學生會成員選拔系統(tǒng)程序的框架采用SpringBoot架構(gòu)進行開發(fā)，使用了idea編程語言來進行編程。學生可通過登錄系統(tǒng)在學生模塊中填寫并提交申請表和考核試卷，此時學生所有填寫的數(shù)據(jù)信息都保存到Navicat數(shù)據(jù)庫系統(tǒng)中，管理員通過數(shù)據(jù)庫查看到學生填寫的數(shù)據(jù)庫信息，再利用數(shù)據(jù)庫通過分頁查詢的形式呈現(xiàn)出來。學生也可以在填寫申請表和完成考核系統(tǒng)前在本系統(tǒng)中的五大部門納新介紹和精彩瞬間中提前了解學生會和所有學生會部門，以便更準確的知道自己的內(nèi)心是否真的想加入學生會和選擇自己最心儀最適合自己的部門且是自己心儀的部門，同時也能在本系統(tǒng)中的學生模塊中查看錄取結(jié)果以及管理員可以在管理員模塊中查看報名情況。本系統(tǒng)設(shè)置了退出系統(tǒng)按鈕，如果學生和管理員想退出，隨時都可以點擊按鈕退出，并且學生也可以從退出界面上看到什么時候公布選拔結(jié)果，同時對本次選拔結(jié)果有異議的話，也可以通過本系統(tǒng)學生模塊的意見反饋，來反饋一些意見，管理員可根據(jù)這些意見重新考慮這次的選拔結(jié)果。關(guān)鍵詞：在線填寫申請表和考核試卷；SpringBoot架構(gòu)；數(shù)據(jù)庫Navicat；JDK目錄TOC\o"1-3"\h\u2425一、緒論 頁共65頁4.2數(shù)據(jù)庫表的設(shè)計要想讓大家更加快速準確的獲取網(wǎng)頁中的信息，就必須建立數(shù)據(jù)庫與系統(tǒng)的連接。因此本系統(tǒng)通過數(shù)據(jù)庫設(shè)計了很多表與系統(tǒng)相連，不僅使管理員能很好的管理數(shù)據(jù)，學生也能通過管理員將數(shù)據(jù)庫中的數(shù)據(jù)上傳而從中獲取到相關(guān)信息。數(shù)據(jù)庫的表設(shè)計如下所示：表4-1tbluser表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint110否主鍵2userNamevarchar2550是用戶名3userPassvarchar2550是密碼4userRolevarchar2550是角色5userEmailvarchar2550是郵箱表4-2stutest表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint100否主鍵2namevarchar200是姓名3sexvarchar100是性別4banjivarchar200是班級5minzuvarchar100是民族6zzmmvarchar100是政治面貌7iphonevarchar110是手機號碼8xybmvarchar100是心儀部門9tiaojivarchar100是是否調(diào)劑10huida1varchar5000是回答111huida2varchar5000是回答212huida3varchar5000是回答313resultvarchar100是結(jié)果表4-3msctest表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint100否主鍵2namevarchar200是姓名3banjivarchar200是班級4zzmmvarchar200是政治面貌5iphonevarchar110是手機號碼6huida4varchar5000是回答47huida5varchar5000是回答5表4-4xxbtest表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint100否主鍵2namevarchar200是姓名3banjivarchar200是班級4zzmmvarchar200是政治面貌5iphonevarchar110是手機號碼6huida4varchar5000是回答47huida5varchar5000是回答5

表4-5tybtest表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint100否主鍵2namevarchar200是姓名3banjivarchar200是班級4zzmmvarchar200是政治面貌5iphonevarchar110是手機號碼6huida4varchar5000是回答47huida5varchar5000是回答5表4-6xcbtest表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint100否主鍵2namevarchar200是姓名3banjivarchar200是班級4zzmmvarchar200是政治面貌5iphonevarchar110是手機號碼6huida4varchar5000是回答47huida5varchar5000是回答5表4-7shbtest表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint100否主鍵2namevarchar200是姓名3banjivarchar200是班級4zzmmvarchar200是政治面貌5iphonevarchar110是手機號碼6huida4varchar5000是回答47huida5varchar5000是回答5表4-8opinion表:序號字段名稱字段類型字段長度小數(shù)點允許為空備注1idint100否主鍵2namevarchar200是姓名3banjivarchar200是班級4xybmvarchar200是政治面貌5iphonevarchar110是手機號碼6opinionvarchar5000是意見我的系統(tǒng)中一共7張表，功能其實都是差不多的。第1張表（tbluser）是獲取學生和管理員登錄注冊賬號的數(shù)據(jù)。第2張表（stutest）是獲取學生填寫提交申請表中的數(shù)據(jù)。第3張表至第7張表（分別是msctest、xxbtest、tybtest、xcbtest、shbtest）是獲取學生在各個部門中填寫提交考核試卷的數(shù)據(jù)。此外，所有表中的id都是主鍵。第8張表是獲取學生在意見反饋表中填寫的數(shù)據(jù)。4.3數(shù)據(jù)庫E-R圖的設(shè)計E-R圖分為實體、屬性和聯(lián)系。實體是用矩形框表示，屬性是用橢圓表示、聯(lián)系是用菱形框表示。數(shù)據(jù)庫E-R圖的設(shè)計如下所示：圖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表）五、系統(tǒng)功能模塊的實現(xiàn)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用戶名登錄界面學生和管理員在正確輸入信息之后，會立刻跳轉(zhuǎn)到首頁界面，如果登錄失敗，會跳轉(zhuǎn)到error的錯誤網(wǎng)頁。用戶名登錄界面如圖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郵箱注冊界面學生和管理員點擊新郵箱注冊按鈕，填寫注冊信息，填寫完后信息將存入到數(shù)據(jù)庫中，如果郵箱注冊成功再跳回到登錄頁面。郵箱注冊界面如圖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郵箱登錄界面該界面實現(xiàn)了郵箱登錄功能，學生和管理員在該界面完成相關(guān)信息之后，點擊登錄按鈕，會自動跳轉(zhuǎn)到首頁界面。郵箱登錄界面如圖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中沒有辦法將切換的動態(tài)效果展現(xiàn)出來，所以目前看到的就只有一張圖片。首頁界面如圖16所示：圖16首頁界面核心代碼如圖17所示：圖17首頁核心代碼5.6五大部門五大部門這一欄主要是介紹學生會每個部門。主要功能是五大部門的下拉菜單設(shè)置、字體設(shè)置、頁邊距設(shè)置、行高設(shè)置、插入圖片、圖片寬度高度設(shè)置。五大部門界面如圖18所示（這里選取體育部納新介紹界面作為展示）：圖18體育部納新介紹界面核心代碼如圖19所示：圖19體育部納新介紹代碼5.7精彩瞬間1這個精彩瞬間我采用的是3D照片墻的效果將我們學院學生會的一些活動時的照片播放了出來，供學生們觀看。由于這個效果也是動態(tài)的，所以下面圖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學生模塊（申請表）界面數(shù)據(jù)庫的變化如圖24所示：圖24學生填寫完申請表后數(shù)據(jù)庫中的變化//核心代碼application.html：<formth:action="@{/s1}"method="post"><tableborder="1"align="left"style="text-align:center;"><caption>物聯(lián)網(wǎng)技術(shù)學院學生會報名申請表</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;">是否服從調(diào)劑</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學生模塊——考核試卷學生可以在考核試卷中先選擇自己心儀的部門，然后完成并提交對應(yīng)的考核試卷，管理員可以在后臺查看學生在各部門考核試卷中所填寫的相關(guān)信息?？己嗽嚲斫缑嫒鐖D25所示（這里選擇宣傳部的考核試卷作為展示）：圖25學生模塊（考核試卷）界面數(shù)據(jù)庫的變化如圖26所示：圖26學生填寫完宣傳部考核試卷后數(shù)據(jù)庫中的變化//核心代碼宣傳部考核試卷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>物聯(lián)網(wǎng)技術(shù)學院學生會宣傳部考核試卷</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;">如果部門要舉辦活動需要大家來一起布置活動現(xiàn)場，你會主動報名來幫忙嗎？</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學生模塊——選拔結(jié)果該功能的目的是把選拔結(jié)果從數(shù)據(jù)庫上傳到前臺學生模塊中，供學生自己在系統(tǒng)中查看。同時學生也可以在搜索框中搜索，便于快速的查看到自己的選拔結(jié)果。選拔結(jié)果界面如圖27所示：圖27學生模塊（選拔結(jié)果）界面選拔結(jié)果查詢界面如圖28所示：圖28學生模塊（選拔結(jié)果查詢）界面//核心代碼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>是否服從調(diào)劑</th>--> <thstyle="text-align:center;">選拔結(jié)果</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學生模塊——意見反饋若學生在系統(tǒng)中查詢到自己的選拔結(jié)果后不滿意，可以在意見反饋中填寫并提交意見反饋表。意見反饋界面如圖29所示：圖29學生模塊（意見反饋）界面數(shù)據(jù)庫的變化如圖30所示：圖30學生填寫意見反饋后數(shù)據(jù)庫中的變化核心代碼如圖31所示：圖31學生模塊（意見反饋）核心代碼5.13管理員模塊——賬號管理管理員可以有賬號管理的權(quán)限。比如對賬號進行查看、減去現(xiàn)有的賬戶、刪改。刪改可以修改用戶名、郵箱、密碼和身份。賬號管理界面如圖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編輯一個申請表，并在管理員模塊中查看是否這個申請表設(shè)計的還可以，不影響美觀。管理員申請表界面如圖34所示：圖34管理員申請表界面//核心代碼申請表.html：<tableborder="1"align="left"style="text-align:center;"><caption>物聯(lián)網(wǎng)技術(shù)學院學生會報名申請表</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;">是否服從調(diào)劑</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="文件上傳區(qū)域"></div><inputid="submit"type="submit"value="上傳"style="display:none;margin-top:10px;"/></form><scripttype="text/javascript">//動態(tài)添加上傳按鈕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編輯五份考核試卷，并在管理員模塊中查看是否這些考核試卷設(shè)計的還可以，不影響美觀。管理員考核試卷界面如圖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>物聯(lián)網(wǎng)技術(shù)學院學生會宣傳部考核試卷</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;">如果部門要舉辦活動需要大家來一起布置活動現(xiàn)場，你會主動報名來幫忙嗎？</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="文件上傳區(qū)域"></div><inputid="submit"type="submit"value="上傳"style="display:none;margin-top:10px;"/></form><scripttype="text/javascript">//動態(tài)添加上傳按鈕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管理員模塊——報名情況管理員可以在報名情況中查看每個部門的報名人數(shù)統(tǒng)計報名情況界面如圖36所示：圖36報名情況界面核心代碼如圖37所示：圖37管理員模塊（報名情況）核心代碼5.17退出系統(tǒng)當學生和管理員想退出這個系統(tǒng)時，可以點擊退出系統(tǒng)。同時學生也能查看到管理員在退出系統(tǒng)界面發(fā)出的通知。退出系統(tǒng)界面如圖38所示：圖38退出系統(tǒng)界面//核心代碼exit.html：<style> body{background:url(../images/退出背景.jpg)no-repeat;}</style>5.18顯示當前用戶名登錄的信息當學生和管理員用用戶名成功登錄系統(tǒng)時，會顯示用戶名登錄的標志。顯示當前用戶名登錄界面如圖39所示：圖39顯示當前用戶名登錄界面//核心代碼publicpage.html：<li><ahref="#"th:text="'用戶名:'+${session.currentuser}"/></a></li>LoginController.java：session.setAttribute("currentuser",username);5.19顯示當前郵箱登錄的信息當學生和管理員用郵箱成功登錄系統(tǒng)時，會顯示郵箱登錄的標志。顯示當前郵箱登錄界面如圖40所示：圖40顯示當前郵箱登錄界面//核心代碼publicpage.html：<li><ahref="#"th:text="'郵箱:'+${session.currentEmail}"/></a></li>LoginController.java：session.setAttribute("currentEmail",userEmail);5.20用戶名登錄界面的中英文切換功能該界面實現(xiàn)了用戶名登錄界面的中英文切換功能。用戶名登錄中英文切換功能中的英文界面如圖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郵箱登錄界面的中英文切換功能該界面實現(xiàn)了郵箱登錄界面的中英文切換功能。郵箱登錄中英文切換功能中的英文界面如圖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=新郵箱注冊六、系統(tǒng)調(diào)試、測試和使用說明6.1程序調(diào)試程序設(shè)計完成之后，難免會出現(xiàn)一些錯誤，尤其是比較難的程序，必須經(jīng)過多次調(diào)試，不斷地發(fā)現(xiàn)其中的錯誤并修改，直至程序無誤能正常運行為止。6.2程序的測試6.2.1測試的目的以及重要性1、測試的重要性我對我的這個系統(tǒng)進行了多次測試才達到了現(xiàn)在的這個效果，所以要想讓自己所設(shè)計的軟件和系統(tǒng)與自己預(yù)期的效果一樣并且實用性強的話，就要經(jīng)常對軟件和系統(tǒng)去測試。現(xiàn)如今，不管哪個軟件哪個系統(tǒng)那都是要經(jīng)過無數(shù)次的測試，雖然這個過程很長，也需要花費人們很長的精力，但是如果不經(jīng)常測試的話，代碼中出現(xiàn)的錯誤就會一直阻礙你達到你理想中的效果，所以能越早的通過不斷測試發(fā)現(xiàn)其中的錯誤，越早修改那必然是更早的離自己的目標更近了，同時也減少了不必消耗的時間。在實際操作的過程中，我們需要認真檢查我們的程序，不要以為程序正常運行了，就沒有錯誤了。因為那只是代碼不報錯，一些細小的錯誤還是很