NBA運動賽事網(wǎng)站的設(shè)計與實現(xiàn)

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

目錄

1引言1

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

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

1.2.1SpringBoot框架1

1.2.2Thymeleaf模板引擎2

1.2.3MybatisPlus框架2

1.3開發(fā)工具簡介2

2需求分析2

2.1功能需求分析2

2.2系統(tǒng)可行性分析3

2.3需求用例建模3

2.3.1個人信息管理的用例4

2.3.2球員資料管理的用例6

2.3.3近期賽程管理的用例7

2.3.4每日新聞管理的用例9

2.3.5系統(tǒng)管理員管理的用例11

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

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

3.2系統(tǒng)功能設(shè)計12

3.2.1個人信息管理功能設(shè)計14

3.2.2球員資料管理功能設(shè)計14

3.2.3近期賽程管理功能設(shè)計15

3.2.4每日新聞管理功能設(shè)計15

3.2.5系統(tǒng)管理員管理功能設(shè)計16

3.3數(shù)據(jù)庫設(shè)計16

3.3.1設(shè)計原則16

3.3.2概念設(shè)計16

I

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

3.3.3邏輯設(shè)計17

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

4系統(tǒng)詳細設(shè)計19

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

4.1.1個人信息管理子功能模塊說明19

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

4.2球員資料管理子功能模塊設(shè)計20

4.2.1球員資料管理子功能模塊說明20

4.2.2球員資料管理子功能模塊詳細設(shè)計20

4.3近期賽程管理子功能模塊設(shè)計21

4.3.1近期賽程管理子功能模塊說明21

4.3.2近期賽程管理子功能模塊詳細設(shè)計21

4.4每日新聞管理子功能模塊設(shè)計22

4.4.1每日新聞管理子功能模塊說明22

4.4.2每日新聞管理子功能模塊詳細設(shè)計22

4.5系統(tǒng)管理員管理子功能模塊設(shè)計23

4.5.1系統(tǒng)管理員管理子功能模塊說明23

4.5.2系統(tǒng)管理員管理子功能模塊詳細設(shè)計23

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

5.1個人信息管理子功能模塊實現(xiàn)24

5.1.1個人信息管理子功能頁面設(shè)計24

5.1.2個人信息管理子功能核心代碼實現(xiàn)25

5.2球員資料管理子功能模塊實現(xiàn)26

5.2.1球員資料管理子功能頁面設(shè)計26

5.2.2球員資料管理子功能核心代碼實現(xiàn)27

5.3近期賽程管理子功能模塊實現(xiàn)28

5.3.1近期賽程管理子功能頁面設(shè)計28

5.3.2近期賽程管理子功能核心代碼實現(xiàn)28

II

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

5.4每日新聞管理子功能模塊實現(xiàn)28

5.4.1每日新聞管理子功能頁面設(shè)計28

5.4.2每日新聞管理子功能核心代碼實現(xiàn)29

5.5系統(tǒng)管理員管理子功能模塊實現(xiàn)29

5.5.1系統(tǒng)管理員管理子功能頁面設(shè)計29

5.5.2系統(tǒng)管理員管理子功能核心代碼實現(xiàn)30

6系統(tǒng)測試32

6.1個人信息管理子功能測試32

6.2球員資料管理子功能測試32

6.3NBA近期賽程管理功能測試33

6.4NBA每日新聞管理子功能測試33

6.5系統(tǒng)管理員管理子功能測試34

7設(shè)計小結(jié)35

參考資料36

III

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

NBA運動賽事網(wǎng)站的設(shè)計與實現(xiàn)

1引言

1.1項目開發(fā)背景

急速發(fā)展的互聯(lián)網(wǎng)帶動了各行各業(yè)的發(fā)展，同時我們獲取信息的方式也在

逐漸發(fā)生變化，現(xiàn)代社會的各種信息都可以在網(wǎng)絡(luò)上進行傳播，人們的生活已

經(jīng)離不開網(wǎng)絡(luò)。因此，人們便需要一個籃球宣傳網(wǎng)站。籃球宣傳網(wǎng)站是一個介

紹籃球新聞資訊的網(wǎng)站，主要以新聞和圖片為展示內(nèi)容，目前沒有特別好的類

似的網(wǎng)站，系統(tǒng)實現(xiàn)之后可以解決人們這方面的問題。本文首先了解了國內(nèi)外

籃球宣傳網(wǎng)站的發(fā)展情況，明確了系統(tǒng)設(shè)計和開發(fā)的目標(biāo)。然后介紹了開發(fā)系

統(tǒng)所需要應(yīng)用的一些軟件技術(shù)，并對各個方面進行了需求分析。在這些最基礎(chǔ)

的分析上，對該系統(tǒng)進行了整體設(shè)計、功能分模塊設(shè)計和數(shù)據(jù)庫設(shè)計，最后應(yīng)

用Java語言，前后端框架及Mysql數(shù)據(jù)庫完成系統(tǒng)的功能實現(xiàn)。

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

本NBA運動賽事網(wǎng)站前端部分基于html進行開發(fā)，采用B/S模式，后端部

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

發(fā)框架，同時集成Mysql、Thymeleaf、MybatsiPlus等相關(guān)技術(shù)。Redis作為數(shù)

據(jù)緩存框架。

1.2.1SpringBoot框架

SpringBoot的創(chuàng)始團隊是Pivotal，是一個全新易拓展的Java框架，設(shè)計

之初的目的就是簡化Spring項目的開發(fā)，因為Spring項目最初被使用者稱為

是“配置地獄”，SpringBoot的出現(xiàn)讓這些配置繁瑣的地方只需簡單的注釋即可

解決，大大簡化了項目搭建的難度。現(xiàn)如今，我們使用SpringBoot只需要設(shè)置

幾個配置，添加幾個注釋就可以很快速地搭建起來一個完整架構(gòu)的Web項目或

者微服務(wù)。不僅繼承了原有框架的優(yōu)秀特性，還通過配置的簡化來進一步簡化

了Spring應(yīng)用的開發(fā)過程和整個搭建?？偟膩碚f，SpringBoot就是一個簡化開

發(fā)流程的全新Java框架。

1

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

1.2.2Thymeleaf模板引擎

傳統(tǒng)JSP+JSTL的組合已經(jīng)過時了，現(xiàn)代服務(wù)端的模板引擎——Thymeleaf，

與傳統(tǒng)JSP不相同，Thymeleaf可以直接用瀏覽器頁面打開，因為此引擎可以忽

略掉拓展屬性，等同于直接打開原生頁面，給大部分前端工作者帶來便利。什

么意思呢？就是說在本地環(huán)境或者有網(wǎng)絡(luò)的環(huán)境下，Thymeleaf均可運行。因為

thymeleaf支持不僅html原型，同時也支持在html標(biāo)簽里增加其他的相關(guān)屬

性來達到“模板+數(shù)據(jù)”的展示方式，所以美工可以直接在瀏覽器中查看頁面

效果，當(dāng)服務(wù)啟動后，也可以讓后臺開發(fā)人員查看帶數(shù)據(jù)的動態(tài)頁面效果。

1.2.3MybatisPlus框架

MyBatis-Plus框架是一個MyBatis常用的增強工具，在MyBatis的基礎(chǔ)上

只增強還不改變，為開發(fā)的簡化和效率的提高而生。

1.3開發(fā)工具簡介

此項目采用IDEA+Mysql進行開發(fā)。IDEA是用于java語言開發(fā)的集成環(huán)境。

IDEA提倡智能編碼，可以減少程序員的工作。IDEA最吸引人的作用是調(diào)試，可

以對Java代碼，JavaScript，Ajax許多技術(shù)來調(diào)試。

MySQL可以將數(shù)據(jù)存儲在不同的表中，這非常靈活，并且還可以提高系統(tǒng)

在實際應(yīng)用中的速度。數(shù)據(jù)庫訪問最常用于標(biāo)準(zhǔn)SQL語言，MySQL用于SQL語言，

因此它具有高度兼容性。

2需求分析

2.1功能需求分析

本NBA運動賽事網(wǎng)站系統(tǒng)是在需求分析基礎(chǔ)上完成的。系統(tǒng)管理員模塊主

要包括管理員信息管理、球員資料管理、NBA近期賽程管理、NBA每日新聞管理、

系統(tǒng)管理員管理；普通用戶模塊主要包括個人信息管理、球員資料查看、NBA新

聞查看、NBA賽程查看。

1.個人信息管理：修改個人信息資料、退出系統(tǒng)登錄、留言、查看個人進

本信息、修改個人信息、留言功能。

2.球員資料管理：分頁展示球員信息、分頁展示球員數(shù)據(jù)信息。

3.NBA近期賽程管理：展示賽程數(shù)據(jù)信息、修改NBA賽程信息、新增NBA賽

程信息。

2

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

4.NBA每日新聞管理：查看NBA每日新聞信息、新增每日新聞信息、修改每

日新聞信息、修改每日新聞信息

5.系統(tǒng)管理員管理：查看用戶留言信息、新增球員信息、修改球員信息、

刪除球員信息

2.2系統(tǒng)可行性分析

本次設(shè)計基于B/S模式下，運用Java+SpringBoot技術(shù)采用的是MySQL數(shù)

據(jù)庫和IDEA實現(xiàn)，總體的可行性共分為以下三個方面。下面是具體的分析：

(1)技術(shù)可行性

技術(shù)可行性就是在規(guī)定好的的時間期間，前期定下的相關(guān)功能是否能滿足。

在開發(fā)設(shè)計過程中是否會遇上難以解決的錯誤。完成的項目是否能進行應(yīng)用，

如果有問題在后期維護上是否會有特別大的難度。在對系統(tǒng)的評估后，認定存

在的技術(shù)能不能達成需要的操作和目標(biāo)。這些都是屬于技術(shù)可行性的范疇。

（2）經(jīng)濟可行性

該項目上使用的大部分的技術(shù)工具都是今下流行免費的，因此在開發(fā)的前

期，項目的經(jīng)費將會很大程度上的降低，所以經(jīng)濟上是可行的。盡量要最少的

成本去滿足需求。

（3）操作可行性

本NBA運動賽事網(wǎng)站管理系統(tǒng)實現(xiàn)相關(guān)功能非常簡單，普通的電腦配置就

可以運行此系統(tǒng)，只要會電腦的一些基本操作就可以使用此系統(tǒng)。有具備連接

互聯(lián)網(wǎng)能力的電腦，并可以正常訪問此系統(tǒng)，不需要使用者有極高得到計算機

能力，因此NBA運動賽事網(wǎng)站管理系統(tǒng)具備操作可行性。

2.3需求用例建模

在本NBA運動賽事網(wǎng)站開發(fā)設(shè)計前，做好初步構(gòu)思，理清楚管理系統(tǒng)需要

什么板塊，每個模塊需要有什么功能，整體設(shè)計能不能滿足用戶的需求，接著

對所開發(fā)的系統(tǒng)進行必要的分析總結(jié)，進而來設(shè)計完整的系統(tǒng)并實現(xiàn)。需求方

和被需求方的分析交流，使系統(tǒng)功能達到最佳。

3

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

圖2-1總用例圖

2.3.1個人信息管理的用例

該系統(tǒng)對各個模塊進行分析是采用的UML面向?qū)ο蠓椒?其中個人信息管

理包括用戶信息注冊、用戶登錄、修改個人信息、退出系統(tǒng)登錄功能。其用例

如圖2-2所示。

圖2-2個人信息管理用例模型圖

4

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

2-3個人信息管理用例活動圖

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

表2-1個人信息管理用例的描述

項目描述

用例名稱NBA運動賽事網(wǎng)站-個人信息管理模塊

用例標(biāo)識號01

參與者系統(tǒng)管理員、普通用戶

簡要說明該功能模塊是系統(tǒng)管理員和普通用戶都擁有的功能

前置條件項目成功部署并啟動項目，成功登陸到該系統(tǒng)

1.點擊進入NBA運動賽事網(wǎng)站后臺

2.點擊注冊按鈕注冊賬號信息

基本事件流3.登錄到后臺之后點擊修改按鈕修改用戶信息

4.在留言區(qū)域給系統(tǒng)管理員進行留言

5.用例終止

其他事件流表單提交、點擊事件、textarea文本域

異常事件流提示事件流信息錯誤，參與人進行確認

后置條件進入user/profile頁面，查看個人信息功能

5

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

2.3.2球員資料管理的用例

該系統(tǒng)對各個模塊進行分析是采用的UML面向?qū)ο蠓椒?其中球員資料管

理包括分頁展示球員信息、分頁展示球員數(shù)據(jù)信息。其用例如圖2-4所示。

圖2-4球員資料管理用例圖

2-5球員資料管理活動圖

如表2-2所示球員資料管理用例描述。

6

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

表2-2球員資料管理用例的描述

項目描述

用例名稱NBA運動賽事網(wǎng)站管理系統(tǒng)-球員資料管理模塊

用例標(biāo)識號02

參與者系統(tǒng)管理員、普通用戶

簡要說明該功能模塊是系統(tǒng)管理員和普通用戶都擁有的功能

前置條件項目成功部署并啟動項目，成功登陸到該系統(tǒng)

1.點擊球員資料管理模塊

2.查看球員資料展示列表

基本事件流3.選擇分頁頁碼查看球員資料信息

4.查看球員數(shù)據(jù)信息、選擇分頁頁碼查看球員數(shù)據(jù)

5.用例終止

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

異常事件流提示事件流信息錯誤，參與人進行確認

后置條件進入player/profile頁面，查看球員資管理信息功能

2.3.3近期賽程管理的用例

該系統(tǒng)對各個模塊進行分析是采用的UML面向?qū)ο蠓椒?其中NBA近期賽

程管理包括查看NBA近期賽程信息、新增賽程分類信息、添加賽程信息、修改

賽程信息。其用例如圖2-6所示。

圖2-6NBA近期賽程管理用例圖

7

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

2-7NBA近期賽程管理活動圖

如表2-3所示NBA近期賽程管理用例描述。

表2-3NBA近期賽程管理用例的描述

項目描述

用例名稱NBA運動賽事網(wǎng)站管理系統(tǒng)-NBA近期賽程管理模塊

用例標(biāo)識號03

參與者系統(tǒng)管理員

簡要說明該功能模塊是針對于系統(tǒng)管理員所設(shè)定的功能

前置條件項目成功部署并啟動項目，系統(tǒng)管理員成功登陸到該系統(tǒng)

1.點擊NBA近期賽程管理模塊

2.點擊xmind展示NBA近期賽程信息

基本事件流3.編輯xmind修改賽程信息

4.新增xmind分支來新增賽程分類信息

5.用例終止

其他事件流新增xmind分支等

異常事件流提示事件流信息錯誤，參與人進行確認

后置條件進入match/calendar頁面，查看NBA近期賽程管理信息功能

8

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

2.3.4每日新聞管理的用例

該系統(tǒng)對各個模塊進行分析是采用的UML面向?qū)ο蠓椒?其中NBA每日信

息管理包括新增NBA新聞信息、修改NBA新聞信息、刪除NBA信息信息、查詢

所有NBA新聞信息。其用例如圖2-8所示。

圖2-8NBA每日新聞管理用例圖

9

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

2-9NBA每日新聞管理活動圖

如表2-4所示NBA每日新聞管理用例描述。

表2-4NBA每日新聞管理用例的描述

項目描述

用例名稱NBA運動賽事網(wǎng)站管理系統(tǒng)-NBA每日新聞管理模塊

用例標(biāo)識號04

參與者系統(tǒng)管理員

簡要說明該功能模塊是針對于系統(tǒng)管理員所設(shè)定的功能

前置條件項目成功部署并啟動項目，系統(tǒng)管理員成功登陸到該系統(tǒng)

1.點擊NBA每日信息管理模塊

2.點擊NBA新聞進入新聞詳情頁

基本事件流3.點擊新增來添加NBA每日新聞信息

4.點擊分頁頁面查看NBA每日新聞信息

5.用例終止

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

異常事件流提示事件流信息錯誤，參與人進行確認

后置條件進入match/news頁面，查看NBA每日新聞管理信息功能

10

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

2.3.5系統(tǒng)管理員管理的用例

該系統(tǒng)對各個模塊進行分析是采用的UML面向?qū)ο蠓椒?其中系統(tǒng)管理員

管理包括查看用戶信息、新增球員信息、修改球員信息、刪除球員信。其用例

如圖2-10所示。

圖2-10系統(tǒng)管理員管理用例圖

2-11系統(tǒng)管理員管理活動圖

如表2-5所示系統(tǒng)管理員管理用例描述。

11

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

表2-5管理員管理用例描述

項目描述

用例名稱NBA運動賽事網(wǎng)站管理系統(tǒng)-系統(tǒng)管理員管理模塊

用例標(biāo)識號05

參與者系統(tǒng)管理員

簡要說明該功能模塊是針對于系統(tǒng)管理員所設(shè)定的功能

前置條件項目成功部署并啟動項目，系統(tǒng)管理員成功登陸到該系統(tǒng)

1.點擊系統(tǒng)管理員管理模塊

2.點擊新增球員信息，提交表單新增球員數(shù)據(jù)

基本事件流3.點擊修改球員信息，提交表單修改球員數(shù)據(jù)

4.查看用戶留言列表信息

5.用例終止

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

異常事件流提示事件流信息錯誤，參與人進行確認

后置條件進入admin/welcome頁面，查看公告管理信息功能

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

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

系統(tǒng)充分考慮了用戶的操作習(xí)慣，并針對系統(tǒng)的各項功能進行了嚴格測試，

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

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

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

證了系統(tǒng)的可擴充與維護。

3.2系統(tǒng)功能設(shè)計

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

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

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

完美。根據(jù)本系統(tǒng)的需求分析和用例建模分析，確定了NBA運動賽事網(wǎng)站系統(tǒng)

的主要功能模塊。

12

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

圖3-1NBA運動賽事網(wǎng)站系統(tǒng)架構(gòu)圖

NBA運動賽事網(wǎng)站功能結(jié)構(gòu)圖如圖3-2所示

圖3-2NBA運動賽事網(wǎng)站功能結(jié)構(gòu)圖

13

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

3.2.1個人信息管理功能設(shè)計

NBA運動賽事網(wǎng)站管理系統(tǒng)個人信息管理的功能流程圖如圖3-3所示。

圖3-3個人信息管理功能流程圖

3.2.2球員資料管理功能設(shè)計

NBA運動賽事網(wǎng)站系統(tǒng)球員資料管理的功能流程圖如圖3-4所示。

圖3-4球員資料管理功能流程圖

14

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

3.2.3近期賽程管理功能設(shè)計

NBA運動賽事網(wǎng)站管理系統(tǒng)NBA近期賽程管理的功能流程圖如圖3-5所示。

圖3-5NBA近期賽程管理功能流程圖

3.2.4每日新聞管理功能設(shè)計

NBA運動賽事網(wǎng)站管理系統(tǒng)NBA每日新聞管理的功能結(jié)構(gòu)圖如圖3-6所示。

圖3-6NBA每日新聞管理功能結(jié)構(gòu)圖

15

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

3.2.5系統(tǒng)管理員管理功能設(shè)計

NBA運動賽事網(wǎng)站管理系統(tǒng)系統(tǒng)管理員管理的功能結(jié)構(gòu)圖如圖3-7所示。

圖3-7系統(tǒng)管理員管理功能結(jié)構(gòu)圖

3.3數(shù)據(jù)庫設(shè)計

系統(tǒng)設(shè)計中核心的步驟是數(shù)據(jù)庫設(shè)計。其設(shè)計直接影響系統(tǒng)的性能和執(zhí)行

效率。

3.3.1設(shè)計原則

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

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

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

編碼規(guī)范的數(shù)據(jù)庫，并且要設(shè)計清晰直觀。這樣利于后期數(shù)據(jù)庫及程序的維護，

為以后項目可擴展性提供條件。

2．冗余原則

以往數(shù)據(jù)庫的設(shè)計要求不允許有冗余，要盡可能的滿足3NF。復(fù)雜的表間關(guān)

系，會降低訪問數(shù)據(jù)庫執(zhí)行的效率。所以，在數(shù)據(jù)庫設(shè)計中，適當(dāng)?shù)娜哂嘣O(shè)計，

找到冗余與數(shù)據(jù)處理速度的平衡點，能讓程序的運行穩(wěn)定性和效率提高。

3.3.2概念設(shè)計

在數(shù)據(jù)庫概念設(shè)計中，采用E-R圖來描述概念設(shè)計的結(jié)果。根據(jù)NBA運動

賽事網(wǎng)站管理系統(tǒng)數(shù)據(jù)進行分析，其E-R圖如下圖3-8所示。

16

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

圖3-8NBA運動賽事網(wǎng)站管理系統(tǒng)E-R圖

3.3.3邏輯設(shè)計

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

都離不開數(shù)據(jù)庫，所以，數(shù)據(jù)庫是整個系統(tǒng)的關(guān)鍵，數(shù)據(jù)庫設(shè)計的好壞，將對

整個系統(tǒng)的成敗造成直接影響。根據(jù)系統(tǒng)的需求分析結(jié)合數(shù)據(jù)庫的設(shè)計原則，

本NBA運動賽事網(wǎng)站系統(tǒng)的部分數(shù)據(jù)表如下。

用戶表（用戶ID，用戶名，密碼，用戶圖像，用戶年齡，性別，郵箱，手

機號碼，注冊時間）

球員表（球員信息ID，球員姓名，年齡，出生日期，出生地，效力球隊選

秀時間，服役時間，是否退役，生涯數(shù)據(jù)）

留言表（留言ID，用戶ID，留言時間，留言內(nèi)容）

新聞表（新聞ID，新聞標(biāo)題，用戶ID，發(fā)布時間，新聞內(nèi)容，新聞圖片，

URL鏈接）

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

用戶表(user)的表結(jié)構(gòu)如表3-1所示，該表主要用于記錄用戶信息。

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

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

idint用戶ID是否

17

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

namevarchar用戶名否否

pwdvarchar密碼否否

iconvarchar用戶圖像否否

ageint用戶年齡否否

gendervarchar性別否否

emailvarchar郵箱否否

phonevarchar手機號碼否否

register_timedate注冊時間否否

球員信息表(player)的表結(jié)構(gòu)如表3-2所示，該表主要用于記錄球員信息。

表3-2球員信息表表結(jié)構(gòu)

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

idint球員信息ID是否

namevarchar球員姓名否否

ageint年齡否否

birthdatedate出生日期否否

birth_placevarchar出生地址否否

teamvarchar效力球隊否否

Enter_datevarchar選秀時間否否

Played_timeint服役時間否否

retiredvarchar是否退役否否

scoreint得分否否

reboundint籃板否否

assistint助攻否否

stealint搶斷否否

blockint籃板否否

留言表(comment)的表結(jié)構(gòu)如表3-3所示，該表主要用于記錄用戶留言信息。

表3-3留言表表結(jié)構(gòu)

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

idint主鍵ID是否

user_idint用戶id否否

comment_timedatetime留言時間否否

textvarchar留言內(nèi)容否否

NBA新聞表(news)的表結(jié)構(gòu)如表3-4所示，該表主要用于記錄NBA新聞信息。

18

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

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

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

idintID是否

titlevarchar新聞標(biāo)題否否

User_idint用戶id否否

Publish_datedate發(fā)布時間否否

contentvarchar新聞內(nèi)容否否

picvarchar新聞圖片否否

urlvarcharURL連接否否

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

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

4.1.1個人信息管理子功能模塊說明

根據(jù)本NBA運動賽事網(wǎng)站管理系統(tǒng)的設(shè)計，需要對個人信息進行管理，現(xiàn)

在設(shè)計出個人信息管理子功能模塊，主要是方面用戶對個人的信息進行管理。

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

個人信息管理模塊的時序圖如下圖所示。

圖4-1個人信息管理功能時序圖

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

理子功能模塊相關(guān)類及方法描述表，如下表4-1所示。

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

19

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

類名User

描述用戶類

id、name、pwd、icon、age、gender、email、phone、

屬性

registerTime

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

4.2球員資料管理子功能模塊設(shè)計

4.2.1球員資料管理子功能模塊說明

根據(jù)本NBA運動賽事網(wǎng)站管理系統(tǒng)的設(shè)計，需要對球員資料進行管理，現(xiàn)

在設(shè)計出球員資料管理子功能模塊，主要是方面對球員資料信息進行管理。

4.2.2球員資料管理子功能模塊詳細設(shè)計

球員資料管理模塊的時序圖如下圖所示。

圖4-2球員資料管理功能時序圖

通過需求分析和概要設(shè)計對各子功能進行分析與設(shè)計，得到該球員資料管

理子功能模塊相關(guān)類及方法描述表，如下表4-2所示。

20

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

表4-2球員資料管理子功能模塊相關(guān)類及方法描述表

類名Player

描述球員類

id、name、age、birthday、birthPlace、team、

屬性enterTime、playedTime、retired、score、rebound、

assist、steal、block

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

4.3近期賽程管理子功能模塊設(shè)計

4.3.1近期賽程管理子功能模塊說明

根據(jù)NBA運動賽事網(wǎng)站管理系統(tǒng)的設(shè)計，需要對NBA近期賽程進行管理，

現(xiàn)在設(shè)計出NBA近期賽程管理子功能模塊，主要是方面系統(tǒng)管理員加強對NBA

近期賽程進行管理。

4.3.2近期賽程管理子功能模塊詳細設(shè)計

NBA近期賽程管理模塊的時序圖如下圖所示。

圖4-3NBA近期賽程管理功能時序圖

通過需求分析和概要設(shè)計對各子功能進行分析與設(shè)計，得到該近期賽程管

理子功能模塊相關(guān)類及方法描述表，如下表4-3所示。

表4-3NBA近期賽程管理子功能模塊相關(guān)類及方法描述表

類名Calendar

21

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

描述賽程類

屬性id、beginTime、status、team1、team2、score

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

4.4每日新聞管理子功能模塊設(shè)計

4.4.1每日新聞管理子功能模塊說明

根據(jù)本NBA運動賽事網(wǎng)站管理系統(tǒng)的設(shè)計，需要對NBA每日新聞進行管理，

現(xiàn)在設(shè)計出NBA每日新聞管理子功能模塊，主要是方便系統(tǒng)管理員對NBA每日

新聞的信息進行管理。

4.4.2每日新聞管理子功能模塊詳細設(shè)計

NBA每日新聞管理功能的時序圖如下圖所示。

圖4-4NBA每日新聞管理功能時序圖

通過需求分析和概要設(shè)計對各子功能進行分析與設(shè)計，得到該NBA每日新

聞管理子功能模塊相關(guān)類及方法描述表，如下表4-4所示。

表4-4NBA每日新聞管理子功能模塊相關(guān)類及方法描述表

類名News

描述新聞類

屬性id、title、publisDate、content、pic、url

22

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

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

4.5系統(tǒng)管理員管理子功能模塊設(shè)計

4.5.1系統(tǒng)管理員管理子功能模塊說明

根據(jù)本NBA運動賽事網(wǎng)站管理系統(tǒng)的設(shè)計，需要對系統(tǒng)管理員進行管理，

現(xiàn)在設(shè)計出系統(tǒng)管理員管理子功能模塊，主要是方便系統(tǒng)管理員信息進行管理。

4.5.2系統(tǒng)管理員管理子功能模塊詳細設(shè)計

系統(tǒng)管理模塊功能的時序圖如下圖所示。

圖4-5系統(tǒng)管理員功能時序圖

通過需求分析和概要設(shè)計對各子功能進行分析與設(shè)計，得到該系統(tǒng)管理員

管理子功能模塊相關(guān)類及方法描述表，如下表4-5所示。

表4-5系統(tǒng)管理員管理子功能模塊相關(guān)類及方法描述表

類名User

描述用戶類

id、name、pwd、icon、age、gender、email、phone、

屬性

registerTime

23

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

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

類名Player

描述球員類

id、name、age、birthday、birthPlace、team、

屬性enterTime、playedTime、retired、score、rebound、

assist、steal、block

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

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

5.1個人信息管理子功能模塊實現(xiàn)

5.1.1個人信息管理子功能頁面設(shè)計

系統(tǒng)管理員或者普通用戶可以在NBA運動賽事網(wǎng)站管理系統(tǒng)后臺登陸進去，

輸入完自己的賬號和密碼之后即可完成登陸，登陸成功之后同時可以點擊個人

信息管理進入查看個人信息的詳細信息。

圖5-1個人信息管理頁面設(shè)計

24

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

5.1.2個人信息管理子功能核心代碼實現(xiàn)

步驟1：注冊

@ApiOperation(value="用戶注冊表單提交接口")

@PostMapping("/doRegister")

publicStringdoRegister(@ApiParam(value="username",required=true)

@RequestParam("username")Stringusername,

@ApiParam(value="email",required=true)

@RequestParam("email")Stringemail,

@ApiParam(value="password",required=true)

@RequestParam("password")Stringpassword){

Useruser=newUser();

user.setName(username);

user.setEmail(email);

user.setPwd(password);

user.setRegisterTime(LocalDate.now());

user.setIcon("/assets/images/default-icon.png");

userService.save(user);

log.warn("注冊成功：username={},email={},password={}",username,email,password);

return"redirect:/index";

}

步驟2：登錄

@ApiOperation(value="用戶登錄表單接口")

@PostMapping("/doLogin")

publicStringdoLogin(HttpServletResponseresponse,@ApiParam(value="email",required=

true)@RequestParamStringemail){

Stringtoken=userService.login(response,email);

log.warn("登錄成功-->token:{}",token);

return"redirect:/navigation";

}

步驟3：修改個人信息

@ApiOperation(value="更新用戶信息")

@PutMapping("/profile/update")

@ResponseBody

25

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

publicResult<String>update(HttpServletRequestrequest,HttpServletResponseresponse,

@RequestBodyMap<String,String>map){

try{

Stringtoken=TokenUtil.getCookieToken(request);

Integerid=userService.getByToken(token).getId();

//更新數(shù)據(jù)庫

Useruser=newUser();

user.setId(id);

Stringname=map.get("name");

intage=!map.get("age").equals("")?Integer.parseInt(map.get("age")):0;

Stringgender=map.get("gender");

Stringphone=map.get("phone");

user.setName(name);

user.setAge(age);

user.setGender(gender);

user.setPhone(phone);

userService.updateById(user);

//更新redis

redisUtil.set(TokenUtil.COOKIE_NAME_TOKEN+"::"+token

,JSON.toJSONString(userService.getById(id))

,TokenUtil.TOKEN_EXPIRE);

}catch(NumberFormatExceptione){

e.printStackTrace();

returnR(CodeMsg.FAILED);

}

returnR(CodeMsg.SUCCESS);

}

5.2球員資料管理子功能模塊實現(xiàn)

5.2.1球員資料管理子功能頁面設(shè)計

系統(tǒng)管理員或者普通用戶在登陸成功NBA運動賽事管理系統(tǒng)之后，可以點

擊球員資料管理查看所有球員信息，同時還可以點擊分頁頁碼來查看球員信息，

點擊分頁頁碼查看球員數(shù)據(jù)信息。

26

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

圖5-2球員資料管理頁面展示圖

5.2.2球員資料管理子功能核心代碼實現(xiàn)

步驟1：查看信息

@ApiOperation("球員信息表")

@PostMapping("/profile/table")

@ResponseBody

publicPlayerPage<Player>playerList(intpage,intlimit){

//傳入分頁的屬性

Page<Player>pager=newPage<>(page,limit);

//分頁查詢球員信息

IPage<Player>playerPage=playerService.page(pager,newQueryWrapper<>());

//schoolPage.getTotal()信息總條數(shù)

//schoolPage.getRecords()分頁數(shù)據(jù)

returnnewPlayerPage<>(playerPage.getTotal(),playerPage.getRecords());

}

步驟2：檢查球員信息是否存在

@ApiOperation("檢查球員信息是否存在")

@GetMapping("/profile/check")

@ResponseBody

publicResult<String>check(@RequestParamStringname){

if(name.length()==0){

returnResult.fail("球員名不能為空！",null);

}

Playerplayer=playerService.findByName(name);

if(player==null){

returnResult.fail("該球員不存在，請及時添加！",null);

}

returnResult.success("正在進入"+name+"的信息頁...",null);

}

27

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

5.3近期賽程管理子功能模塊實現(xiàn)

5.3.1近期賽程管理子功能頁面設(shè)計

系統(tǒng)管理員在登陸成功本NBA運動賽事網(wǎng)站管理系統(tǒng)之后，可以點擊NBA

近期賽程管理頁面，在該功能模塊下可以展開xmind結(jié)構(gòu)圖查看近期賽程信息、

編輯xmind結(jié)構(gòu)對近期賽程信息進行修改，同時還可以新增近期賽程信息。

圖5-3NBA近期賽程管理頁面展示圖

5.3.2近期賽程管理子功能核心代碼實現(xiàn)

@ApiOperation("獲取近期賽程")

@GetMapping("/getCalendar")

publicResult<JSONObject>calendar(){

Stringurl=API.NBA_CALENDAR;

HttpMethodget=HttpMethod.GET;

returnResult.success("",matchService.client(url,get));

}

5.4每日新聞管理子功能模塊實現(xiàn)

5.4.1每日新聞管理子功能頁面設(shè)計

系統(tǒng)管理員在登陸成功本NBA運動賽事網(wǎng)站管理系統(tǒng)之后，可以點擊NBA

每日新聞管理，在該功能模塊下可以查看NBA每日新聞信息。

28

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

圖5-4NBA每日新聞管理頁面展示圖

5.4.2每日新聞管理子功能核心代碼實現(xiàn)

@ApiOperation("獲取最新新聞")

@GetMapping("/getNews")

publicResult<JSONObject>news(){

Stringurl=API.NBA_NEWS;

HttpMethodget=HttpMethod.GET