基于Spring+SpringMvc實現(xiàn)的足球隊管理系統(tǒng)
系統(tǒng)功能結(jié)構(gòu)圖:

管理員(球隊經(jīng)理)用例圖:
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

教練組用例圖:
?

球員組用例圖:
?
?
1.登錄模塊
?
?
登錄主界面:

登錄異常處理:
一共設(shè)置了4種情況:
1.賬號密碼錯誤
2.賬號密碼正確,卻沒有登錄權(quán)限
3.網(wǎng)絡(luò)異常
4.正常登錄




?
?
2.主界面
?
?
管理員主界面:

?
?
教練組主界面 : ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

?
?
球員組主界面:

?
?
干事組主界面:

?
說明:不同角色登錄后展示的主界面各不同,其次不角色 點擊菜單后呈現(xiàn)的效果也更不多,例如:查看評價結(jié)果那一塊,管理員能看評價人的信息而且能對評價結(jié)果進行操作,而其他角色只能看見評價得分信息。?
?
?
3.用戶管理+角色管理:
用戶管理:
?



說明:基本的增刪改查+分頁查詢:
這里新加了一個停職的操作,這里的停職也就是撤銷了他的登錄權(quán)限,但系統(tǒng)依然會保留他的數(shù)據(jù),等待重新啟用以后,數(shù)據(jù)自動恢復(fù)和正常登錄授權(quán)。
不同的角色所呈現(xiàn)出來的信息不同,比如球員更多的展示身體條件等信息,教練則更多的展現(xiàn)執(zhí)教的經(jīng)驗與以往成就等。
至于右下角的那個環(huán)形菜單導(dǎo)航,會在后面再詳細介紹一下。
角色管理:

說明:
分為五類用戶組:管理員、教練組、球員組、干事組、停職人員
1.教練組:體能訓(xùn)練師、技術(shù)訓(xùn)練師、強化訓(xùn)練師、主教練等角色。
2.干事組:保潔人員、醫(yī)務(wù)人員、拉拉隊等成員。
3.球員組:邊后衛(wèi)、中后衛(wèi)、后腰、前腰、中前衛(wèi)、邊前衛(wèi)、前鋒、邊鋒、守門員等。
4.停職人員:無任何權(quán)限但保留其在數(shù)據(jù)庫里的信息。
我這里的權(quán)限是授予給 【組】 ?!例如:數(shù)學(xué)老師,化學(xué)老師,體育老師 都歸于【教師組】,他們的權(quán)限都是同級。
這里的操作,只能對組下的角色名進行增刪改查的操作,例如在干事組里新增一個【球童】的職務(wù),他所獲得的權(quán)限就是【干事組】的權(quán)限。(這里還有很大細化的空間,如果有對權(quán)限管理這塊要求比較嚴(yán)格的,可以參考-http://blog.csdn.net/chexlong/article/details/37697555/)
?
3.日程信息管理
管理員角色下-發(fā)布任務(wù)-查看任務(wù)狀態(tài)



被安排任務(wù)人員:
?
說明:這就是之前提到的同一個jsp,點擊后根據(jù)不同的角色呈現(xiàn)出不同的界面,例如管理員能管理任務(wù)的基本信息,員工們能通過(接收此日程任務(wù)/已完成此日常任務(wù)/此任務(wù)尚未完成)來反饋給管理員,使管理員能更好的知道各個日程任務(wù)的進度情況,也就是一個簡單的"發(fā)布者"與"執(zhí)行者"之間簡單的信息交互。
?
4.訓(xùn)練計劃+球隊陣容+球員數(shù)據(jù)
?
教練角色下-球隊陣容- 訓(xùn)練計劃
說明:訓(xùn)練計劃-球隊陣容 跟上面的實現(xiàn)原理差不多:1.增刪改查+分頁查詢+角色區(qū)別處理(不同角色能操作權(quán)限不同)。然后陣容這塊我多加個一個字段,來呈現(xiàn)出陣容是否啟用。
教練角色下-球員數(shù)據(jù)
點擊【查看近七場數(shù)據(jù)】:
?
說明:表單里展現(xiàn)出來的是最近一場的數(shù)據(jù),然后教練只能對最近一場的數(shù)據(jù) 進行增刪改查的操作。
(我個人的理解是:這里數(shù)據(jù)就好像我們平時的考試成績一樣,可能老師批卷有誤判的情況,那我們發(fā)現(xiàn)后可以向老師說明情況,老師再確認(rèn)后能修改【這次】的考試成績,至于以前的成績是經(jīng)過我們都確認(rèn)后,就不能再更改了。以防止個別教練因其他原因篡改歷史數(shù)據(jù),保證數(shù)據(jù)的公正性和準(zhǔn)確性)。
這里我們用 layer.js 插件,將最近七場的數(shù)據(jù)以彈出層的形式 展現(xiàn)出來。至于具體如何數(shù)據(jù)進行交互,后面會更詳細地介紹。
?
?
5.球隊簡介+公告管理+環(huán)形菜單導(dǎo)航
?
環(huán)形菜單導(dǎo)航
說明:點擊事件觸發(fā)后 展開
第一個圖標(biāo):球隊簡介,以彈出層的形式展示出來。
第二個圖標(biāo):跳轉(zhuǎn)到-編輯個人信息
第三個圖標(biāo):跳轉(zhuǎn)到-查看未接收日程任務(wù)
第四個圖標(biāo):跳轉(zhuǎn)到-個人備忘錄查詢
球隊簡介:
說明:點擊那個圖標(biāo)后,呈現(xiàn)出的效果,通過滾輪上下滑動呈現(xiàn)出新事件與舊事件。
說明:管理球隊簡介里的信息,基本的增刪改查+分頁。

說明:編輯球隊公告信息。
?
6.評價信息管理
管理員角色下-制定評價標(biāo)準(zhǔn)

球員組角色下-評價教練組

說明:先選擇評價的對象,因為每個教練只能被同一個球員評價一次,所以評價對象那塊下拉列表處就不會顯示該球員【已經(jīng)評價過】的教練。
?
查看評價結(jié)果:
管理員角色下:

? ?
?
?

?
說明:管理能查看評價人信息而且能對評價信息進行刪除操作。然后我在評價人那列字段下都加入超鏈接標(biāo)簽,這樣管理員就可以直接點擊評價人的名字就跳轉(zhuǎn)到查看評價人詳細信息。
? ? ?非管理員角色下:

說明:只能查看,沒有其他權(quán)限,也無法查看評價人信息。
?
7.球員考核管理
球員考核與前面的評價信息總體結(jié)構(gòu)大致相同,只是方向有所不同,前者是【球員組】評價【教練組】,后者是【教練組】考核【球員組】,所以以下只列出差異處。
?
制定考核標(biāo)準(zhǔn):

說明:因為考核標(biāo)準(zhǔn)可以存在多種情況,所以允許管理員添加多套考核標(biāo)準(zhǔn),啟用哪套標(biāo)準(zhǔn),教練考核的時候就使用哪套標(biāo)準(zhǔn)。
?
?
評審教練名單:



說明:制定參與考核球員的教練名單,獲得評審權(quán)限的教練才能參與考核,如果沒有參與考核的權(quán)限,就直接彈出提示并跳轉(zhuǎn)到查看考核結(jié)果。
?
考核球員組與查看考核結(jié)果跟前面的評價信息管理結(jié)構(gòu)相同,所以省略了。
?
8.菜單頁面管理
維護菜單名稱:

?
說明:這個功能比較雞肋 - - ? 就只能修改菜單的名稱,例如將【成員管理】修改為【人員管理】,當(dāng)初為什么想加這個功能呢,是因為想告訴別人,我的菜單頁面是 “活的”!不是寫死在JSP頁面的!全部的菜單頁面信息都是從數(shù)據(jù)庫里獲取到。。 ? ? ?額。。??好尷尬的功能啊。。
?
授權(quán)菜單顯示:

?

取消在【教練組】角色下的菜單頁面 ?顯示 【球員考核管理】頁面 與 【評價信息管理】頁面 后:

?

?
說明:管理員可動態(tài)的控制各成員登錄后主界面的頁面菜單顯示,原設(shè)想是控制所有的菜單的是否顯示,但因為當(dāng)前系統(tǒng)沒有太多控制菜單頁面的需求,所以暫時只控制【球員考核管理】頁面 與 【評價信息管理】頁面的顯示與否。
?
?
9.菜單頁面-【搜索】

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??



說明:輸入關(guān)鍵字,自動補全,然后移動鍵盤上下鍵,獲取焦點后,右邊界面自動跳轉(zhuǎn)。 圖片展示效果不是太明顯,效果就像【百度搜索引擎】那樣,輸入一個關(guān)鍵字,然后下拉列表彈出相關(guān)聯(lián)的信息,然后移動鍵盤 上下鍵,自動跳轉(zhuǎn),不需要我們?nèi)c擊。這樣可以大幅度提高管理員使用這個程序的工作效率。
補充:用的前端插件叫:jquery ui 里的 autoComplete.js? ?