電競(jìng)運(yùn)動(dòng)賽事網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

目錄

1引言1

1.1項(xiàng)目開發(fā)背景1

1.2開發(fā)技術(shù)簡(jiǎn)介1

1.2.1SpringBoot簡(jiǎn)介1

1.2.2MybatisPlus簡(jiǎn)介1

1.2.3JSP簡(jiǎn)介2

2需求分析2

2.1功能需求描述2

2.2需求用例建模2

2.2.1個(gè)人信息管理用例3

2.2.2用戶管理用例4

2.2.3新聞資訊管理用例5

2.2.4電競(jìng)類目管理用例6

2.2.5電競(jìng)比賽管理用例7

2.2.6電競(jìng)隊(duì)伍管理用例8

2.2.7電競(jìng)隊(duì)員管理用例8

3系統(tǒng)概要設(shè)計(jì)10

3.1系統(tǒng)設(shè)計(jì)原則10

3.2系統(tǒng)框架設(shè)計(jì)10

3.3系統(tǒng)功能設(shè)計(jì)11

3.3.1個(gè)人信息功能設(shè)計(jì)11

3.3.2用戶管理功能設(shè)計(jì)12

3.3.3新聞資訊管理功能設(shè)計(jì)13

3.3.4電競(jìng)類目管理功能設(shè)計(jì)13

3.3.5電競(jìng)比賽管理功能設(shè)計(jì)14

3.3.6電競(jìng)隊(duì)伍管理功能設(shè)計(jì)14

3.3.7電競(jìng)隊(duì)員管理功能設(shè)計(jì)15

I

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.4數(shù)據(jù)庫(kù)設(shè)計(jì)15

3.4.1設(shè)計(jì)原則15

3.4.2概念設(shè)計(jì)16

3.4.3邏輯設(shè)計(jì)16

3.4.4數(shù)據(jù)字典17

4系統(tǒng)詳細(xì)設(shè)計(jì)18

4.1個(gè)人信息管理子功能模塊設(shè)計(jì)18

4.1.1個(gè)人信息管理子功能模塊說明18

4.1.2個(gè)人信息管理子功能模塊詳細(xì)設(shè)計(jì)19

4.2用戶管理子功能模塊設(shè)計(jì)19

4.2.1用戶管理子功能模塊說明19

4.2.2用戶管理子功能模塊詳細(xì)設(shè)計(jì)20

4.3新聞資訊管理子功能模塊設(shè)計(jì)20

4.3.1新聞資訊管理子功能模塊說明20

4.3.2新聞資訊管理子功能模塊詳細(xì)設(shè)計(jì)21

4.4電競(jìng)類目管理子功能模塊設(shè)計(jì)21

4.4.1電競(jìng)類目管理子功能模塊說明21

4.4.2電競(jìng)類目管理子功能模塊詳細(xì)設(shè)計(jì)22

4.5電競(jìng)比賽管理子功能模塊設(shè)計(jì)22

4.5.1電競(jìng)比賽管理子功能模塊說明22

4.5.2電競(jìng)比賽管理子功能模塊詳細(xì)設(shè)計(jì)22

4.6電競(jìng)隊(duì)伍管理子功能模塊設(shè)計(jì)23

4.6.1電競(jìng)隊(duì)伍管理子功能模塊說明23

4.6.2電競(jìng)隊(duì)伍管理子功能模塊詳細(xì)設(shè)計(jì)23

4.7電競(jìng)隊(duì)員子功能模塊設(shè)計(jì)24

4.7.1電競(jìng)隊(duì)員子功能模塊說明24

4.7.2電競(jìng)隊(duì)員子功能模塊詳細(xì)設(shè)計(jì)24

5系統(tǒng)實(shí)現(xiàn)26

II

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

5.1電競(jìng)隊(duì)員子功能模塊設(shè)計(jì)26

5.1.1個(gè)人信息管理模塊界面設(shè)計(jì)26

5.1.2個(gè)人信息管理模塊核心代碼實(shí)現(xiàn)26

5.2用戶管理管理子模塊實(shí)現(xiàn)27

5.2.1用戶管理管理模塊界面設(shè)計(jì)27

5.2.2用戶管理模塊核心代碼實(shí)現(xiàn)28

5.3新聞資訊管理子模塊實(shí)現(xiàn)29

5.3.1新聞資訊管理模塊界面設(shè)計(jì)29

5.3.2新聞資訊管理模塊核心代碼實(shí)現(xiàn)29

5.4電競(jìng)類目管理子模塊實(shí)現(xiàn)30

5.4.1電競(jìng)類目管理模塊界面設(shè)計(jì)30

5.4.2電競(jìng)類目理模塊核心代碼實(shí)現(xiàn)31

5.5電競(jìng)比賽管理子模塊實(shí)現(xiàn)32

5.5.1電競(jìng)比賽管理模塊界面設(shè)計(jì)32

5.5.2電競(jìng)比賽管理模塊核心代碼實(shí)現(xiàn)33

5.6電競(jìng)隊(duì)伍管理子模塊實(shí)現(xiàn)34

5.6.1電競(jìng)隊(duì)伍管理模塊界面設(shè)計(jì)34

5.6.2電競(jìng)隊(duì)伍管理模塊核心代碼實(shí)現(xiàn)34

5.7電競(jìng)隊(duì)員管理子模塊實(shí)現(xiàn)35

5.7.1電競(jìng)隊(duì)員管理模塊界面設(shè)計(jì)35

5.7.2電競(jìng)隊(duì)員管理模塊核心代碼實(shí)現(xiàn)36

6系統(tǒng)測(cè)試37

6.1個(gè)人信息管理功能測(cè)試37

6.2用戶信息管理功能測(cè)試37

6.3新聞資訊管理功能測(cè)試38

6.4電競(jìng)類目管理功能測(cè)試38

6.5電競(jìng)比賽管理功能測(cè)試39

6.6電競(jìng)隊(duì)伍管理功能測(cè)試39

III

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

6.7電競(jìng)隊(duì)員管理功能測(cè)試40

7設(shè)計(jì)小結(jié)40

參考資料41

IV

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

電競(jìng)運(yùn)動(dòng)賽事網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1引言

隨著科技的不斷進(jìn)步，電子競(jìng)技已經(jīng)從過去的娛樂活動(dòng)逐漸發(fā)展成為一項(xiàng)

具有規(guī)模和商業(yè)價(jià)值的競(jìng)技運(yùn)動(dòng)。現(xiàn)在的電競(jìng)賽事已經(jīng)可以在全球范圍內(nèi)進(jìn)行，

并且擁有數(shù)以百萬(wàn)計(jì)的玩家和觀眾。

1.1項(xiàng)目開發(fā)背景

隨著科技的不斷進(jìn)步,電競(jìng)作為一項(xiàng)新興的產(chǎn)業(yè)，也為商業(yè)機(jī)會(huì)和產(chǎn)業(yè)鏈的

發(fā)展帶來了新的機(jī)遇。贊助商和廣告商開始關(guān)注電競(jìng)產(chǎn)業(yè)，投入大量資金和資

源支持電競(jìng)比賽和運(yùn)動(dòng)員的發(fā)展。電競(jìng)比賽的直播平臺(tái)也越來越多，觀眾可以

通過直播平臺(tái)觀看比賽，這也為廣告商提供了更多的機(jī)會(huì)。

隨著電競(jìng)比賽的職業(yè)化，越來越多的電競(jìng)運(yùn)動(dòng)員開始崛起。他們通過參加

各種比賽，提高自己的技能和經(jīng)驗(yàn)，成為了職業(yè)電競(jìng)選手。電競(jìng)比賽也變得更

加規(guī)范化和專業(yè)化，需要專業(yè)的裁判和管理機(jī)構(gòu)來確保比賽的公正和安全。

1.2開發(fā)技術(shù)簡(jiǎn)介

本電競(jìng)網(wǎng)站前端部分基于html+css進(jìn)行開發(fā)，框架使用的是bootstrap后

端部分基于Java的SpringBoot框架進(jìn)行開發(fā)。后端部分：采用SpringBoot作

為開發(fā)框架，同時(shí)集成Mysql、JSP、MybatisPlus等相關(guān)技術(shù)。

1.2.1SpringBoot簡(jiǎn)介

S是ngBoot是一個(gè)基于S是ng框架的快速開發(fā)框架，它簡(jiǎn)化了S是ng

應(yīng)用的初始搭建和開發(fā)過程，使開發(fā)人員可以更加便捷地創(chuàng)建功能完善的應(yīng)用

程序。S是ngBoot借鑒了RubyonRails框架的設(shè)計(jì)理念和約定大于配置的開

發(fā)方式，減少了開發(fā)過程中的很多繁瑣的配置和細(xì)節(jié)，使開發(fā)人員可以更加專

注于應(yīng)用程序的核心業(yè)務(wù)邏輯。

1.2.2MybatisPlus簡(jiǎn)介

MyBatis-Plus(簡(jiǎn)稱MP)是一個(gè)基于MyBatis的增強(qiáng)工具，它簡(jiǎn)化了對(duì)MyB

atis的使用，提供了許多實(shí)用的功能，減少了開發(fā)量，提高了開發(fā)效率，使得

開發(fā)人員可以更加專注于業(yè)務(wù)邏輯的實(shí)現(xiàn)。

1

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

1.2.3JSP簡(jiǎn)介

JSP，全稱為JavaServerPages，是一種動(dòng)態(tài)Web頁(yè)面開發(fā)技術(shù)，它可

以讓開發(fā)人員使用Java代碼嵌入到HTML頁(yè)面中，將Java代碼和HTML組合起

來生成動(dòng)態(tài)頁(yè)面。JSP技術(shù)是JavaEE技術(shù)規(guī)范的一部分，由Java原生技術(shù)

和JavaWeb技術(shù)框架組成。

JSP采用基于JavaServlet的JavaEE技術(shù)，使用Java編寫后專門通過編

譯器編譯成Servlet，并運(yùn)行到Web服務(wù)器中。由于JSP的本質(zhì)是Servlet，

因此JSP可以與Servlet和其他JavaEE特性（如JNDI和JDBC等）協(xié)同使用。

2需求分析

2.1功能需求描述

本系統(tǒng)共包含7個(gè)功能模塊，具體如下：

1.個(gè)人信息管理模塊：系統(tǒng)管理員和普通用戶兩種角色能進(jìn)行修改密碼、

退出系統(tǒng)的操作；

2.用戶管理模塊：系統(tǒng)管理員能進(jìn)行添加用戶信息、修改用戶信息、刪

除用戶信息、分頁(yè)查看用戶信息。

3.新聞資模塊：系統(tǒng)管理員能進(jìn)行添加電競(jìng)新聞、刪除電競(jìng)新聞、發(fā)布

電競(jìng)新聞、預(yù)覽新聞。普通用戶能查看新聞資訊。

4.電競(jìng)類目管理模塊：系統(tǒng)管理員能進(jìn)行添加電競(jìng)比賽類目、修改電競(jìng)

比賽類目、刪除電競(jìng)比賽類目、分頁(yè)查看電競(jìng)類目信息。

5.電競(jìng)比賽管理模塊：系統(tǒng)管理員能進(jìn)行添加比賽、修改比賽、刪除比

賽、分頁(yè)查看比賽。普通用戶能進(jìn)行查看電競(jìng)比賽。

6.電競(jìng)隊(duì)伍管理模塊：系統(tǒng)管理員能進(jìn)行添加電競(jìng)隊(duì)伍、修改電競(jìng)隊(duì)伍、

刪除電競(jìng)隊(duì)伍、分頁(yè)查看電競(jìng)隊(duì)伍的操作。

7.隊(duì)員管理：添加隊(duì)員、修改隊(duì)員、分頁(yè)查詢隊(duì)員、刪除隊(duì)員。

2.2需求用例建模

通過對(duì)功能需求的分析，創(chuàng)建以下總體用例模型，如圖2-1所示。

2

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖2-1電競(jìng)系統(tǒng)的總體用例模型。

2.2.1個(gè)人信息管理用例

該用例主要包含了個(gè)人信息的密碼修改和退出系統(tǒng)如圖2-2所示

圖2-2個(gè)人信息管理用例圖

個(gè)人信息管理用例描述如表2-1所示。

表2-1個(gè)人信息管理用例描述

項(xiàng)目描述

用例名稱個(gè)人信息管理模塊

用例標(biāo)識(shí)號(hào)01

參與者管理員、普通用戶

簡(jiǎn)要說明參與者輸入登錄后修改個(gè)人密碼

前置條件參與者已經(jīng)登錄系統(tǒng)

1.參與者在管理后臺(tái)點(diǎn)擊頭像修改密碼

基本事件流

2.在原密碼框輸入原密碼

3

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.在新密碼框輸入新密碼

4.點(diǎn)擊確定

5.用例終止

其他事件流點(diǎn)擊確認(rèn)按鈕、提交請(qǐng)求

異常事件流提示錯(cuò)誤信息，參與人確認(rèn)

后置條件進(jìn)入updatePassword.jsp頁(yè)面

2.2.2用戶管理用例

該用例主要包含了用戶的增刪改查功能，具體用例如圖2-3所示

圖2-3用戶管理用例圖。

用戶管理用例描述如表2-2所示。

表2-2用戶管理用例描述

項(xiàng)目描述

用例名稱用戶管理模塊

用例標(biāo)識(shí)號(hào)02

4

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

參與者管理員

簡(jiǎn)要說明參與者查看用戶的相關(guān)信息

前置條件參與者已經(jīng)登錄系統(tǒng)

1.參與者點(diǎn)擊用戶管理菜單

2.查看用戶列表

基本事件流

3.選擇分頁(yè)查看每頁(yè)的用戶信息

5.用例終止

其他事件流提交表單、分頁(yè)顯示數(shù)據(jù)等

異常事件流提示錯(cuò)誤信息，參與人確認(rèn)

后置條件進(jìn)入admin/user頁(yè)面

2.2.3新聞資訊管理用例

該用例主要包含了新聞資訊管理的增刪改查功能，具體用例如圖2-4所示

圖2-4新聞資訊管理用例圖。

新聞資訊管理用例描述如表2-3所示。

表2-3新聞資訊管理用例描述

項(xiàng)目描述

用例名稱新聞資訊管理模塊

用例標(biāo)識(shí)號(hào)03

參與者管理員

簡(jiǎn)要說明參與者查看新聞的相關(guān)信息

前置條件參與者已經(jīng)登錄系統(tǒng)

基本事件流1.參與者點(diǎn)擊新聞管理菜單

5

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

2.查看新聞列表

3.選擇分頁(yè)查看每頁(yè)的新聞信息

5.用例終止

其他事件流提交表單、分頁(yè)顯示數(shù)據(jù)等

異常事件流提示錯(cuò)誤信息，參與人確認(rèn)

后置條件進(jìn)入admin/news頁(yè)面

2.2.4電競(jìng)類目管理用例

該用例主要包含了電競(jìng)類目管理的增刪改查功能，具體用例如圖2-5所示

圖2-5電競(jìng)類目管理用例圖。

電競(jìng)類目管理用例描述如表2-4所示。

表2-4電競(jìng)類目管理用例描述

項(xiàng)目描述

用例名稱電競(jìng)類目管理模塊

用例標(biāo)識(shí)號(hào)04

6

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

參與者管理員

簡(jiǎn)要說明參與者查看電競(jìng)類目的相關(guān)信息

前置條件參與者已經(jīng)登錄系統(tǒng)

1.參與者點(diǎn)擊電競(jìng)類目管理菜單

2.查看電競(jìng)類目列表

基本事件流

3.選擇分頁(yè)查看每頁(yè)的電競(jìng)類目信息

5.用例終止

其他事件流提交表單、分頁(yè)顯示數(shù)據(jù)等

異常事件流提示錯(cuò)誤信息，參與人確認(rèn)

后置條件進(jìn)入admin/gametype頁(yè)面

2.2.5電競(jìng)比賽管理用例

該用例主要包含了電競(jìng)比賽管理的增刪改查功能，具體用例如圖2-6所示

圖2-6電競(jìng)比賽用例圖。

電競(jìng)比賽管理用例描述如表2-5所示。

表2-5電競(jìng)比賽用例描述

項(xiàng)目描述

用例名稱電競(jìng)比賽管理模塊

用例標(biāo)識(shí)號(hào)05

參與者管理員

簡(jiǎn)要說明參與者查看電競(jìng)比賽的相關(guān)信息

前置條件參與者已經(jīng)登錄系統(tǒng)

1.參與者點(diǎn)擊電競(jìng)比賽管理菜單

2.查看電競(jìng)比賽列表

基本事件流

3.選擇分頁(yè)查看每頁(yè)的電競(jìng)比賽信息

5.用例終止

其他事件流提交表單、分頁(yè)顯示數(shù)據(jù)等

7

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

異常事件流提示錯(cuò)誤信息，參與人確認(rèn)

后置條件進(jìn)入admin/match頁(yè)面

2.2.6電競(jìng)隊(duì)伍管理用例

該用例主要包含了電競(jìng)隊(duì)伍管理的增刪改查功能，具體用例如圖2-7所示

圖2-7電競(jìng)隊(duì)伍管理用例圖。

電競(jìng)隊(duì)伍管理用例描述如表2-6所示。

表2-6電競(jìng)隊(duì)伍管理用例描述

項(xiàng)目描述

用例名稱電競(jìng)隊(duì)伍管理模塊

用例標(biāo)識(shí)號(hào)06

參與者管理員

簡(jiǎn)要說明參與者查看電競(jìng)隊(duì)伍的相關(guān)信息

前置條件參與者已經(jīng)登錄系統(tǒng)

1.參與者點(diǎn)擊電競(jìng)隊(duì)伍管理菜單

2.查看電競(jìng)隊(duì)伍列表

基本事件流

3.選擇分頁(yè)查看每頁(yè)的電競(jìng)隊(duì)伍信息

5.用例終止

其他事件流提交表單、分頁(yè)顯示數(shù)據(jù)等

異常事件流提示錯(cuò)誤信息，參與人確認(rèn)

后置條件進(jìn)入admin/team頁(yè)面

2.2.7電競(jìng)隊(duì)員管理用例

該用例主要包含了隊(duì)員管理的增刪改查功能，具體用例如圖2-8所示

8

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖2-8電競(jìng)隊(duì)員管理用例圖。

電競(jìng)隊(duì)伍管理用例描述如表2-7所示。

表2-7電競(jìng)隊(duì)員管理用例描述

項(xiàng)目描述

用例名稱電競(jìng)隊(duì)員管理模塊

用例標(biāo)識(shí)號(hào)07

參與者管理員

簡(jiǎn)要說明參與者查看隊(duì)員的相關(guān)信息

前置條件參與者已經(jīng)登錄系統(tǒng)

1.參與者點(diǎn)擊隊(duì)員管理菜單

2.查看隊(duì)員列表

基本事件流

3.選擇分頁(yè)查看每頁(yè)的對(duì)員信息

5.用例終止

其他事件流提交表單、分頁(yè)顯示數(shù)據(jù)等

異常事件流提示錯(cuò)誤信息，參與人確認(rèn)

后置條件進(jìn)入admin/teammember頁(yè)面

9

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3系統(tǒng)概要設(shè)計(jì)

3.1系統(tǒng)設(shè)計(jì)原則

系統(tǒng)充分考慮了用戶的操作習(xí)慣，并針對(duì)系統(tǒng)的各項(xiàng)功能進(jìn)行了嚴(yán)格測(cè)試，

然后逐步完善操作。系統(tǒng)采用JavaEE技術(shù)，所有的功能都是按照模塊劃分的，

面向接口編程，很多公用的部分抽象出接口，代碼抽取出來，如果需要延伸功

能，只需繼承接口實(shí)現(xiàn)即可。使用JavaEE框架的同時(shí)遵從嚴(yán)格的代碼規(guī)范，

保證了系統(tǒng)的可擴(kuò)充與維護(hù)。

3.2系統(tǒng)框架設(shè)計(jì)

根據(jù)系統(tǒng)的需求分析、用例建模分析結(jié)合開發(fā)平臺(tái)的特點(diǎn)設(shè)計(jì)該服裝網(wǎng)站系

統(tǒng)的系統(tǒng)架構(gòu)模型，如圖3-1所示:

圖3-1電競(jìng)運(yùn)動(dòng)賽事網(wǎng)站框架圖

10

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.3系統(tǒng)功能設(shè)計(jì)

系統(tǒng)模塊化結(jié)構(gòu)設(shè)計(jì)工作是在系統(tǒng)分析階段對(duì)子系統(tǒng)劃分的基礎(chǔ)上，在進(jìn)一

步地劃分，將它逐層的分解成多個(gè)大小相同、功能單一、具有一定獨(dú)立性的模

塊，以便程序設(shè)計(jì)工作的同時(shí)，有加強(qiáng)了數(shù)據(jù)庫(kù)之間的聯(lián)系，使系統(tǒng)更加的完

美。根據(jù)本系統(tǒng)的需求分析和用例建模分析，本文確定了系統(tǒng)的主要功能模塊。

如下圖3-2所示：

圖3-2電競(jìng)運(yùn)動(dòng)賽事網(wǎng)站結(jié)構(gòu)圖

3.3.1個(gè)人信息功能設(shè)計(jì)

電競(jìng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的個(gè)人信息管理的流程圖如下圖3-3所示。

11

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖3-3個(gè)人信息管理功能模流程圖

3.3.2用戶管理功能設(shè)計(jì)

電競(jìng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的用戶信息管理的功能結(jié)構(gòu)圖如下圖3-4所示。

圖3-4用戶管理功能模塊流程圖

12

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.3.3新聞資訊管理功能設(shè)計(jì)

電競(jìng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的新聞資訊管理的功能結(jié)構(gòu)圖如下圖3-5所示。

圖3-5新聞資訊管理功能模塊流程圖

3.3.4電競(jìng)類目管理功能設(shè)計(jì)

電競(jìng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的電競(jìng)類目管理的功能結(jié)構(gòu)圖如下圖3-6所示。

圖3-6電競(jìng)類目管理功能模塊流程圖

13

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.3.5電競(jìng)比賽管理功能設(shè)計(jì)

電競(jìng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的電競(jìng)比賽管理的功能結(jié)構(gòu)圖如下圖3-7所示。

圖3-7電競(jìng)比賽管理功能模塊流程圖

3.3.6電競(jìng)隊(duì)伍管理功能設(shè)計(jì)

電競(jìng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的電競(jìng)隊(duì)伍管理的功能結(jié)構(gòu)圖如下圖3-8所示。

圖3-8電競(jìng)隊(duì)伍管理功能模塊流程圖

14

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.3.7電競(jìng)隊(duì)員管理功能設(shè)計(jì)

電競(jìng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的電競(jìng)隊(duì)員管理功能的功能結(jié)構(gòu)圖如下圖3-9所

示：

圖3-9隊(duì)員管理功能模塊流程圖

3.4數(shù)據(jù)庫(kù)設(shè)計(jì)

數(shù)據(jù)庫(kù)設(shè)計(jì)往往是系統(tǒng)設(shè)計(jì)中最為核心的一個(gè)步驟。其設(shè)計(jì)的優(yōu)良程度直

接影響系統(tǒng)的性能以及執(zhí)行效率。

3.4.1設(shè)計(jì)原則

為取得較好的設(shè)計(jì)效果，進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)需要遵從以下原則：

1．標(biāo)準(zhǔn)化原則

數(shù)據(jù)庫(kù)設(shè)計(jì)務(wù)必要遵照統(tǒng)一的設(shè)計(jì)標(biāo)準(zhǔn)與命名規(guī)范。具備統(tǒng)一設(shè)計(jì)分類與

編碼規(guī)范的數(shù)據(jù)庫(kù)不僅設(shè)計(jì)清晰直觀,更有利于后期數(shù)據(jù)庫(kù)及程序的維護(hù)，為以

后項(xiàng)目可擴(kuò)展性提供條件。

2．冗余原則

以往數(shù)據(jù)庫(kù)的設(shè)計(jì)要求不允許有冗余，要盡可能的滿足3NF。然而，在系

統(tǒng)運(yùn)行過程中，滿足3NF的數(shù)據(jù)庫(kù)設(shè)計(jì)并不能高效運(yùn)行。復(fù)雜的表間關(guān)系，會(huì)

降低訪問數(shù)據(jù)庫(kù)執(zhí)行的效率；過低的范式標(biāo)準(zhǔn)，又會(huì)導(dǎo)致數(shù)據(jù)庫(kù)數(shù)據(jù)。所以，

在數(shù)據(jù)庫(kù)設(shè)計(jì)中，適當(dāng)?shù)娜哂嘣O(shè)計(jì)（允許派生性冗余設(shè)計(jì)，杜絕重復(fù)性冗余設(shè)

計(jì)），找到冗余與數(shù)據(jù)處理速度的平衡點(diǎn)，常?？梢约忍岣咚俣龋帜?。

15

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.4.2概念設(shè)計(jì)

在數(shù)據(jù)庫(kù)概念設(shè)計(jì)的過程中，采用E-R圖來描述概念設(shè)計(jì)的結(jié)果。E-R圖是

概念數(shù)據(jù)模型的高層描述所使用的數(shù)據(jù)模型或模式圖，它為表述實(shí)體聯(lián)系模式

圖形式的數(shù)據(jù)模型提供了圖形符號(hào)。根據(jù)電競(jìng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)系統(tǒng)數(shù)據(jù)進(jìn)行

分析，其E-R圖如下圖3-4所示。

圖3-5電競(jìng)網(wǎng)站設(shè)計(jì)預(yù)設(shè)實(shí)現(xiàn)系統(tǒng)E-R圖

3.4.3邏輯設(shè)計(jì)

數(shù)據(jù)庫(kù)設(shè)計(jì)在整個(gè)系統(tǒng)實(shí)現(xiàn)中都占據(jù)著舉足輕重的位置，各個(gè)模塊的實(shí)現(xiàn)

都離不開數(shù)據(jù)庫(kù)，所以說，整個(gè)系統(tǒng)的關(guān)鍵就在于數(shù)據(jù)庫(kù)，如果數(shù)據(jù)庫(kù)設(shè)計(jì)的

不好，將對(duì)整個(gè)系統(tǒng)的成敗造成直接的影響。根據(jù)系統(tǒng)的需求分析結(jié)合數(shù)據(jù)庫(kù)

的設(shè)計(jì)原則，本電競(jìng)網(wǎng)站系統(tǒng)的部分?jǐn)?shù)據(jù)表如下。

游戲表(id、創(chuàng)建時(shí)間、照片、電競(jìng)名)

比賽表(id、對(duì)方隊(duì)伍、我方隊(duì)伍、比賽地點(diǎn)、比賽時(shí)間、比賽的類

型)

新聞表(id、內(nèi)容、發(fā)布人、發(fā)布時(shí)間、新聞封面、標(biāo)題)

隊(duì)伍表(id、成立時(shí)間、隊(duì)伍頭像、隊(duì)伍所屬電競(jìng)類型、隊(duì)名)

隊(duì)員表(id、體重、加入時(shí)間、所屬隊(duì)伍、游戲賬號(hào)、身高、隊(duì)員id)

16

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

用戶表(id、別名、地址、密碼、性別（男=1，女=0）、是否是管理員、

照片、用戶名、電話)

3.4.4數(shù)據(jù)字典

用戶表（user）的表結(jié)構(gòu)如表3-1所示。

表3-1用戶表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idintid是是

usernamevarchar(25)用戶名否否

passwordvarchar(16)密碼否否

photovarchar(255)照片否否

nicknamevarchar(25)別名否否

sextinyint性別（男=1，女否否

=0）

phonevarchar(11)電話否否

addressvarchar(255)地址否否

isadmintinyint是否是管理員否否

電競(jìng)類別表（gametype）的表結(jié)構(gòu)如表3-2所示。

表3-2電競(jìng)類別表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idintid是是

gamenamevarchar(255)電競(jìng)名否否

avatarvarchar(255)照片否否

cretaetimedate創(chuàng)建時(shí)間否否

比賽表（matchs）的表結(jié)構(gòu)如表3-3所示。

表3-3比賽表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idintid是是

oursideint我方隊(duì)伍否否

oppositesideint對(duì)方隊(duì)伍否否

matchdatedate比賽時(shí)間否否

venuevarchar(255)比賽地點(diǎn)否否

gametypeidint比賽的類型否否

新聞表（news）的表結(jié)構(gòu)如表3-4所示。

17

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

表3-4新聞表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idintid是是

authoridint發(fā)布人否否

titlevarchar(255)標(biāo)題否否

contenttext內(nèi)容否否

frontcovervarchar(255)新聞封面否否

publishtimedate發(fā)布時(shí)間否否

隊(duì)伍表（team）的表結(jié)構(gòu)如表3-5所示。

表3-5隊(duì)伍表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idintid是是

namevarchar(255)隊(duì)名否否

avatarvarchar(255)隊(duì)伍頭像否否

createtimedate成立時(shí)間否否

gametypeidint所屬電競(jìng)類型否否

隊(duì)員表（teammember）的表結(jié)構(gòu)如表3-6所示。

表3-6隊(duì)員表結(jié)構(gòu)

字段名稱數(shù)據(jù)類型字段內(nèi)容主鍵設(shè)置非空

idintid是是

useridint隊(duì)員id否否

teamidint所屬隊(duì)伍否否

heightdecimal(5,2)身高否否

weightdecimal(4,2)體重否否

esportsidvarchar(255)游戲賬號(hào)否否

jointimedate加入時(shí)間否否

4系統(tǒng)詳細(xì)設(shè)計(jì)

4.1個(gè)人信息管理子功能模塊設(shè)計(jì)

4.1.1個(gè)人信息管理子功能模塊說明

根據(jù)本電競(jìng)網(wǎng)站管理系統(tǒng)的設(shè)計(jì)，需要對(duì)個(gè)人信息進(jìn)行管理，現(xiàn)在設(shè)計(jì)出

個(gè)人信息管理子功能模塊，主要是方面用戶對(duì)個(gè)人的信息進(jìn)行管理。

18

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.1.2個(gè)人信息管理子功能模塊詳細(xì)設(shè)計(jì)

通過需求分析和概要設(shè)計(jì)對(duì)各子功能進(jìn)行分析與設(shè)計(jì)，得到該個(gè)人信息管

理子功能模塊相關(guān)類及方法描述表，如下表4-1所示，個(gè)人信息管理時(shí)序圖4-2

所示。

表4-1用戶信息子功能模塊相關(guān)類及方法描述表

類名User

描述用戶類

id

username

password

photo

屬性nickname

sex

phone

address

isadmin

方法屬性對(duì)應(yīng)的getter、setter方法

圖4-2個(gè)人信息管理時(shí)序圖

4.2用戶管理子功能模塊設(shè)計(jì)

4.2.1用戶管理子功能模塊說明

根據(jù)本電競(jìng)網(wǎng)站管理系統(tǒng)的設(shè)計(jì)，需要對(duì)用戶進(jìn)行管理，現(xiàn)在設(shè)計(jì)出用戶

信息管理子功能模塊，主要是方面用戶對(duì)用戶的信息進(jìn)行管理。

19

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.2.2用戶管理子功能模塊詳細(xì)設(shè)計(jì)

通過需求分析和概要設(shè)計(jì)對(duì)各子功能進(jìn)行分析與設(shè)計(jì)，得到該用戶管理子

功能模塊相關(guān)類及方法描述表，如下表4-3所示。用戶管理的時(shí)序圖如圖4-4所

示

表4-3用戶管理子功能模塊相關(guān)類及方法描述表

類名User

描述用戶類

id

username

password

photo

屬性nickname

sex

phone

address

isadmin

方法屬性對(duì)應(yīng)的getter、setter方法

圖4-4用戶管理時(shí)序圖

4.3新聞資訊管理子功能模塊設(shè)計(jì)

4.3.1新聞資訊管理子功能模塊說明

根據(jù)本電競(jìng)網(wǎng)站管理系統(tǒng)的設(shè)計(jì)，需要對(duì)新聞資訊進(jìn)行管理，現(xiàn)在設(shè)計(jì)出

新聞資訊管理子功能模塊，主要是方面用戶對(duì)新聞資訊進(jìn)行管理。

20

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.3.2新聞資訊管理子功能模塊詳細(xì)設(shè)計(jì)

通過需求分析和概要設(shè)計(jì)對(duì)各子功能進(jìn)行分析與設(shè)計(jì)，得到該新聞資訊管

理子功能模塊相關(guān)類及方法描述表，如下表4-5所示。新聞資訊管理的時(shí)序圖如

圖4-6所示。

表4-5新聞資訊子功能模塊相關(guān)類及方法描述表

類名News

描述新聞資訊類

id

authorid

title

屬性

content

frontcover

publishtime

方法屬性對(duì)應(yīng)的getter、setter方法

圖4-6新聞資訊時(shí)序圖

4.4電競(jìng)類目管理子功能模塊設(shè)計(jì)

4.4.1電競(jìng)類目管理子功能模塊說明

根據(jù)本電競(jìng)網(wǎng)站管理系統(tǒng)的設(shè)計(jì)，需要對(duì)電競(jìng)類目進(jìn)行管理，現(xiàn)在設(shè)計(jì)出個(gè)

電競(jìng)類目管理子功能模塊，主要是方面用戶對(duì)電競(jìng)類目進(jìn)行管理。

21

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.4.2電競(jìng)類目管理子功能模塊詳細(xì)設(shè)計(jì)

通過需求分析和概要設(shè)計(jì)對(duì)各子功能進(jìn)行分析與設(shè)計(jì)，得到該電競(jìng)類目管

理子功能模塊相關(guān)類及方法描述表，如下表4-7所示，電競(jìng)類目管理的時(shí)序圖如

圖4-8所示.

表4-7電競(jìng)類目子功能模塊相關(guān)類及方法描述表

類名Gametype

描述電競(jìng)類目類

id

gamename

屬性

avatar

cretaetime

方法屬性對(duì)應(yīng)的getter、setter方法

圖4-8電競(jìng)類目管理時(shí)序圖

4.5電競(jìng)比賽管理子功能模塊設(shè)計(jì)

4.5.1電競(jìng)比賽管理子功能模塊說明

根據(jù)本電競(jìng)網(wǎng)站管理系統(tǒng)的設(shè)計(jì)，需要對(duì)電競(jìng)比賽進(jìn)行管理，現(xiàn)在設(shè)計(jì)出

電競(jìng)比賽管理子功能模塊，主要是方面用戶對(duì)電競(jìng)比賽進(jìn)行管理。

4.5.2電競(jìng)比賽管理子功能模塊詳細(xì)設(shè)計(jì)

通過需求分析和概要設(shè)計(jì)對(duì)各子功能進(jìn)行分析與設(shè)計(jì)，得到該電競(jìng)比賽管

22

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

理子功能模塊相關(guān)類及方法描述表，如下表4-9所示。電競(jìng)比賽管理的時(shí)序圖如

圖4-10所示。

表4-9電競(jìng)比賽子功能模塊相關(guān)類及方法描述表

類名Matchs

描述比賽類

id

ourside

oppositeside

屬性

matchdate

venue

gametypeid

方法屬性對(duì)應(yīng)的getter、setter方法

圖4-10電競(jìng)比賽管理時(shí)序圖

4.6電競(jìng)隊(duì)伍管理子功能模塊設(shè)計(jì)

4.6.1電競(jìng)隊(duì)伍管理子功能模塊說明

根據(jù)本電競(jìng)網(wǎng)站管理系統(tǒng)的設(shè)計(jì)，需要對(duì)電競(jìng)隊(duì)伍進(jìn)行管理，現(xiàn)在設(shè)計(jì)出

電競(jìng)隊(duì)伍管理子功能模塊，主要是方面用戶對(duì)電競(jìng)隊(duì)伍進(jìn)行管理。

4.6.2電競(jìng)隊(duì)伍管理子功能模塊詳細(xì)設(shè)計(jì)

通過需求分析和概要設(shè)計(jì)對(duì)各子功能進(jìn)行分析與設(shè)計(jì)，得到該電競(jìng)隊(duì)伍管

理子功能模塊相關(guān)類及方法描述表，如下表4-11所示。電競(jìng)隊(duì)伍管理時(shí)序圖如

23

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖4-12所示。

表4-11電競(jìng)隊(duì)伍子功能模塊相關(guān)類及方法描述表

類名Team

描述電競(jìng)隊(duì)伍類

id

name

屬性avatar

createtime

gametypeid

方法屬性對(duì)應(yīng)的getter、setter方法

圖4-12用戶管理時(shí)序圖

4.7電競(jìng)隊(duì)員子功能模塊設(shè)計(jì)

4.7.1電競(jìng)隊(duì)員子功能模塊說明

根據(jù)本電競(jìng)網(wǎng)站管理系統(tǒng)的設(shè)計(jì)，需要對(duì)隊(duì)員進(jìn)行管理，現(xiàn)在設(shè)計(jì)出電競(jìng)隊(duì)員

管理子功能模塊，主要是方面用戶對(duì)隊(duì)員進(jìn)行管理。

4.7.2電競(jìng)隊(duì)員子功能模塊詳細(xì)設(shè)計(jì)

通過需求分析和概要設(shè)計(jì)對(duì)各子功能進(jìn)行分析與設(shè)計(jì)，得到該電競(jìng)隊(duì)員管理

子功能模塊相關(guān)類及方法描述表，如下表4-13所示。電競(jìng)隊(duì)員管理的時(shí)序圖如

圖4-14所示。

24

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

表4-13電競(jìng)隊(duì)員子功能模塊相關(guān)類及方法描述表

類名Teammember

描述電競(jìng)隊(duì)員類

id

userid

teamid

屬性height

weight

esportsid

jointime

方法屬性對(duì)應(yīng)的getter、setter方法

圖4-14用戶管理時(shí)序圖

25

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

5系統(tǒng)實(shí)現(xiàn)

5.1電競(jìng)隊(duì)員子功能模塊設(shè)計(jì)

5.1.1個(gè)人信息管理模塊界面設(shè)計(jì)

系統(tǒng)管理員或者普通用戶登錄后，可以點(diǎn)擊右上角的頭像，會(huì)彈出菜單欄，

選擇修改密碼，進(jìn)入修改密碼界面。如圖5-1所示：

圖5-1修改密碼頁(yè)面

5.1.2個(gè)人信息管理模塊核心代碼實(shí)現(xiàn)

步驟1：判斷密碼是否修改成功

@PostMapping("/updatePassword")

publicStringupdatePassword(Modelmodel,Useruser,Stringnewpassword,String

newpassword1){

//獲取登錄用戶信息

UsersUser=(User)session.getAttribute("user");

//檢查兩次密碼是否輸入正確

if(!newpassword.equals(newpassword1)){

model.addAttribute("msg","兩次輸入密碼不正確！");

returnpath+"/updatePassword";

}

//驗(yàn)證密碼

UserfindUser=userMapper.selectOne(newLambdaQueryWrapper<User>()

.eq(User::getId,sUser.getId())

26

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

.eq(User::getPassword,user.getPassword()));

//沒有找到用戶

if(findUser==null){

model.addAttribute("msg","密碼錯(cuò)誤");

returnpath+"/updatePassword";

}else{

//找到了就更新密碼

user.setPassword(newpassword);

user.setUsername(null);

inti=userMapper.updateById(user);

if(i>=1)

model.addAttribute("msg","密碼修改成功");

else

model.addAttribute("msg","修改失敗");

}

returnpath+"/updatePassword";

5.2用戶管理管理子模塊實(shí)現(xiàn)

5.2.1用戶管理管理模塊界面設(shè)計(jì)

系統(tǒng)管理員登錄后，可以點(diǎn)擊上面的菜單，查看對(duì)應(yīng)的功能信息。如圖5-2

所示：

圖5-2用戶管理界面

27

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

5.2.2用戶管理模塊核心代碼實(shí)現(xiàn)

步驟1：查詢用戶信息

@GetMapping(value="/{id}")

publicStringgetInfo(@PathVariable("id")Stringid,Modelmodel){

Useruser=userMapper.selectById(id);

//設(shè)置屬性

model.addAttribute("page",userPage);

model.addAttribute("details",user);

model.addAttribute("edit",true);

returnpath+"/list";

}

步驟2：修改用戶信息

@Transactional

@PostMapping("/edit")

publicStringedit(Modelmodel,Useruser,@RequestParam("file")MultipartFilefile,

Page<User>page)throwsIOException{

if(file.getSize()>0){

Stringpath=newUpload().uploadFile(file);

user.setPhoto(path);

}

inti=userMapper.updateById(user);

return"redirect:list?current="+page.getCurrent()+"&size="+page.getSize();

}

步驟3：添加用戶信息

@PostMapping("/add")

publicStringadd(Modelmodel,@RequestParam("file")MultipartFilefile,Useruser,

Page<User>page)throwsIOException{

if(file.getSize()>0){

Stringpath=newUpload().uploadFile(file);

user.setPhoto(path);

}

//添加用戶

inti=userMapper.insert(user);

//獲取用戶數(shù)據(jù)

userPage=userService.page(page);

model.addAttribute("page",userPage);

return"redirect:list?current="+page.getCurrent()+"&size="+page.getSize();

}

步驟4：刪除用戶信