基于Vue的鴻通教學(xué)管理系統(tǒng)移動端設(shè)計與實現(xiàn)

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

目錄

1引言..............................................................1

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

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

1.2.1Vue簡介................................................1

1.2.2Vue的運行原理..........................................1

1.2.3Vue頁面的組成...........................................2

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

1.4項目開發(fā)技術(shù)路線...........................................2

2需求分析..........................................................2

2.1功能需求描述...............................................2

2.2非功能需求描述.............................................3

2.3需求用例建模...............................................3

2.3.1登錄模塊的用例...........................................4

2.3.2課程模塊的用例...........................................5

2.3.3作業(yè)模塊的用例..........................................6

2.3.4問答功能模塊的用例.......................................8

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

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

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

3.3.1登錄功能模塊功能設(shè)計....................................10

3.3.2課程功能模塊功能設(shè)計....................................11

3.3.3作業(yè)功能模塊功能設(shè)計....................................12

3.3.4問答功能模塊功能設(shè)計....................................14

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

3.4.1設(shè)計原則................................................16

3.4.2概念設(shè)計...............................................16

II

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

3.4.3邏輯設(shè)計...............................................17

3.4.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作業(yè)子功能模塊設(shè)計........................................22

4.3.1作業(yè)子功能模塊說明....................................22

4.3.2作業(yè)子功能模塊詳細設(shè)計.................................22

4.4問答子功能模塊設(shè)計..........................................24

4.4.1問答子功能模塊說明....................................24

4.4.2問答子功能模塊詳細設(shè)計................................24

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

5.1登錄子模塊實現(xiàn)............................................26

5.1.1登錄模塊界面設(shè)計......................................26

5.1.2登錄模塊核心代碼實現(xiàn)：................................26

5.2課程子模塊實現(xiàn)............................................28

5.2.1課程模塊界面設(shè)計......................................28

5.2.2課程模塊核心代碼實現(xiàn)..................................28

5.3作業(yè)子模塊實現(xiàn)............................................30

5.3.1作業(yè)模塊界面設(shè)計......................................30

5.3.2作業(yè)模塊核心代碼實現(xiàn)..................................30

5.4問答子模塊設(shè)計..............................................32

5.4.1問答子模塊界面設(shè)計....................................32

5.4.2問答模塊核心代碼實現(xiàn)..................................32

III

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

6系統(tǒng)測試.........................................................33

6.1用戶登錄功能測試..........................................33

6.2課程模塊功能測試..........................................34

6.3作業(yè)功能測試..............................................35

6.4問答功能測試.............................................36

7設(shè)計小結(jié).........................................................36

參考資料............................................................38

IV

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

基于Vue的鴻通教學(xué)管理系統(tǒng)移動端設(shè)計與實現(xiàn)

1引言

隨著互聯(lián)網(wǎng)科技的不斷進步，中國人民的生活發(fā)展也在越來越好.互聯(lián)科技

的不斷普及讓人們的生活變得越來越方便，互聯(lián)網(wǎng)科技在日常生活中許多地方

都要用到，我們已經(jīng)和互聯(lián)網(wǎng)不可分割了。在學(xué)校中，學(xué)校為了更加便捷的管

理學(xué)校，就需要用到教務(wù)系統(tǒng)，學(xué)校的教務(wù)系統(tǒng)老舊，更新?lián)Q代需要的成本極

高。所以我想要制作出更加高級的教務(wù)系統(tǒng)。因為有了科技，也使得我們的教

學(xué)管理更方便。隨著當前世界形勢的不斷復(fù)雜變化和以及我國國民經(jīng)濟的高速

健康發(fā)展,現(xiàn)代社會對電力供應(yīng)的安全可靠性性能的要求越來越高,電力安全作

為工業(yè)的主導(dǎo)地位比以往任何一個時候都更加重要。

1.1項目開發(fā)背景

隨著時代的發(fā)展，信息技術(shù)、Intranet技術(shù)、數(shù)據(jù)庫技術(shù)的不斷發(fā)展完善，

網(wǎng)絡(luò)進程的加快,教學(xué)管理系統(tǒng)就是在這樣一個背景下產(chǎn)生發(fā)展起來的。伴隨著

技術(shù)的不斷成熟，實現(xiàn)教學(xué)管理系統(tǒng)變得比之前更加簡單了。我的畢業(yè)設(shè)計也

就正是一個教學(xué)管理系統(tǒng)的開發(fā)。

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

基于Vue的鴻通教學(xué)管理系統(tǒng)使用的開發(fā)技術(shù),后端使用了SpringBoot框

架，前端使用的是Vue框架,數(shù)據(jù)庫使用的是mysql。

1.2.1Vue簡介

Vue(讀音/vju?/，類似于view)是一套用于構(gòu)建用戶界面的漸進式

JavaScript框架。與其它大型框架不同的是，Vue被設(shè)計為可以自底向上逐層

應(yīng)用。Vue的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項

目整合。另一方面，當與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時，Vue也

完全能夠為復(fù)雜的單頁應(yīng)用（SPA）提供驅(qū)動。

1.2.2Vue的運行原理

在服務(wù)器第一次獲得來自于客戶端瀏覽器的請求時，服務(wù)器通過可執(zhí)行程

序入口執(zhí)行程序，將.vue文件轉(zhuǎn)化為瀏覽器可識別的css、html、js文件,在將

轉(zhuǎn)換好的文件響應(yīng)到客戶端瀏覽器上，由客戶端瀏覽器識別。

1

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

1.2.3Vue頁面的組成

一個vue頁面主要包括3個部分：

1.<template>界面展示代碼</template>

2.<script>業(yè)務(wù)實現(xiàn)代碼</script>

3.<style>界面布局代碼</style>

1.3開發(fā)工具簡介

工具的使用：采用IDEA+tomcat+mysql

IDEA集成的插件足夠多,基本可以實現(xiàn)JavaWeb方面的所有開發(fā)功能

tomcat作為小型服務(wù)期有著很多的優(yōu)點，安裝和部署都方便,第三是

TOMCAT適合做一些中小型的項目

mysql其優(yōu)點有：綜合統(tǒng)一，高度非過程化，面向集合的操作方式，以一種

語法結(jié)構(gòu)提供多種使用方式，語言簡潔，易學(xué)易用

1.4項目開發(fā)技術(shù)路線

MVVM是Model-View-ViewModel的簡寫。它本質(zhì)上就是MVC的改進版。MVVM

就是將其中的View的狀態(tài)和行為抽象化，讓我們將視圖UI和業(yè)務(wù)邏輯分開。

當然這些事ViewModel已經(jīng)幫我們做了，它可以取出Model的數(shù)據(jù)同時幫忙處

理View中由于需要展示內(nèi)容而涉及的業(yè)務(wù)邏輯。

2需求分析

2.1功能需求描述

通過開展學(xué)校師生的用戶進行溝通，了解教學(xué)管理系統(tǒng)的問題，希望通過

系統(tǒng)設(shè)計實現(xiàn)以下功能。

（1）功能1：用戶和管理員登錄功能

（2）功能2：課程管理功能

（3）功能3：作業(yè)管理功能

（4）功能4：問答管理功能

2

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

2.2非功能需求描述

為了更好完善本系統(tǒng)，本系統(tǒng)的非功能性需求有以下幾個方面：

（1）高效性：學(xué)校的教學(xué)管理信息量通常比較多而繁雜

（2）安全性：學(xué)校的教學(xué)系統(tǒng)管理必須要有良好的保密安全，用戶注冊，

登錄。

（3）可升級性：學(xué)校的教學(xué)管理必須可以迭代更新，這樣就可以不斷改善

讓學(xué)生擁有最良好的受教育體驗。

2.3需求用例建模

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

圖2-1基于Vue的鴻通教學(xué)管理系統(tǒng)系統(tǒng)的總體用例模型

在使用了學(xué)校的教學(xué)管理系統(tǒng)后，發(fā)現(xiàn)了諸多問題，了解到了這些系統(tǒng)問

題，寫完通過系統(tǒng)設(shè)計實現(xiàn)，解決掉這些問題，讓學(xué)生能夠擁有更加良好的受

教育體驗。

3

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

2.3.1登錄模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段通過用例圖和活動圖進行了梳理分析。問答模塊

具體的用例描述如圖2-2所示，分別具有管理班級、查看班級詳情等操作功能。

學(xué)生用戶教師

用戶登錄

<<擴展>>

注冊

圖2-2登錄模塊用例圖

通過對圖2-2用例圖進一步的細化分析，得到每個用例的描述表。作業(yè)模

塊用例描述如表2-1所示，可以進行查看班級詳情、管理班級等操作。

表2-1查看班級詳情塊用例描述

項目描述

用例名稱查看班級詳情

用例標識號01

參與者用戶

簡要說明參與者可以通過賬號登錄

前置條件參與者已經(jīng)進入登錄頁面

1.參與者輸入賬號

2.參與者輸入密碼

基本事件流

3.點擊登錄

4.用例終止

其他事件流無

4

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

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

后置條件提示創(chuàng)建成功

2.3.2課程模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段通過用例圖和活動圖進行了梳理分析。問答模塊

具體的用例描述如圖2-3所示，分別具有創(chuàng)建課程、發(fā)布課件等操作功能。

圖2-3課程模塊用例圖

通過對圖2-3用例圖進一步的細化分析，得到每個用例的描述表。作業(yè)模

塊用例描述如表2-2所示，可以進行創(chuàng)建課程、發(fā)布課件等操作。

表2-2創(chuàng)建課程塊用例描述

項目描述

用例名稱創(chuàng)建課程

用例標識號02

參與者教師

簡要說明參與者可以使用教師賬號創(chuàng)建課程

前置條件參與者已經(jīng)登錄學(xué)生賬號

1.參與者點擊課程管理

基本事件流2.點擊添加課程

3.在課程名輸入框中填寫課程名

5

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

4.選擇班級

5.上傳課件

6.用例終止

其他事件流無

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

后置條件提示創(chuàng)建成功

2.3.3作業(yè)模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段通過用例圖和活動圖進行了梳理分析。功能模塊

1具體的用例描述如圖2-4所示，分別具有批改作業(yè)、上傳作業(yè)、查看作業(yè)成績

批改情況等操作功能。

圖2-4作業(yè)模塊用例圖

通過對圖2-4用例圖進一步的細化分析，得到每個用例的描述表。作業(yè)模

塊用例描述如表2-3所示，可以進行批改作業(yè)、上傳作業(yè)、查看作業(yè)成績批改

情況等操作。

表2-3作業(yè)模塊用例描述

項目描述

用例名稱發(fā)布批改作業(yè)

6

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

用例標識號03

參與者教師

簡要說明參與者可以使用教師賬號發(fā)布作業(yè)，批改作業(yè)

前置條件參與者已經(jīng)登錄了教師賬號

1.參與者點擊課程管理

2.選擇班級

3.發(fā)布作業(yè)

4.點擊班級

基本事件流

5.查看作業(yè)提交情況

6.點擊查看作業(yè)詳情

7.批改作業(yè)

6.用例終止

其他事件流無

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

后置條件

上傳作業(yè)模塊用例描述如表2-4所示，可以進行上傳作業(yè)等操作。

表2-4上傳作業(yè)模塊用例描述

項目描述

用例名稱上傳作業(yè)

用例標識號02

參與者學(xué)生

簡要說明參與者可以使用學(xué)生賬號上傳作業(yè)

前置條件參與者已經(jīng)登錄了學(xué)生賬號

1.參與者點擊課程管理

2.點擊課程

3.點擊作業(yè)

基本事件流

4.選擇需要上傳的作業(yè)

5.點擊提交

6.用例終止

其他事件流無

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

后置條件

7

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

2.3.4問答功能模塊的用例

面向?qū)ο蟮男枨蠓治鲭A段通過用例圖和活動圖進行了梳理分析。問答模塊

具體的用例描述如圖2-2所示，分別具有學(xué)生提問、教師回答等操作功能。

圖2-5問答模塊用例圖

通過對圖2-3用例圖進一步的細化分析，得到每個用例的描述表。作業(yè)模

塊用例描述如表2-3所示，可以進行學(xué)生提問、教師回答等操作。

表2-5學(xué)生提問塊用例描述

項目描述

用例名稱學(xué)生提問

用例標識號05

參與者學(xué)生

簡要說明參與者可以使用學(xué)生賬號詢問教師問題

前置條件參與者已經(jīng)登錄學(xué)生賬號

1.參與者點擊課程管理

2.選擇課程

3.提問

基本事件流

4.點擊消息

5.查看老師的回答

6.用例終止

其他事件流無

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

8

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

后置條件學(xué)生賬號收到提問

教師回答模塊用例描述如表2-5所示，可以進行上傳作業(yè)等操作。

表2-6教師回答模塊用例描述

項目描述

用例名稱教師回答

用例標識號06

參與者老師

簡要說明參與者可以使用教師賬號回答學(xué)生問題

前置條件參與者已經(jīng)登錄了教師賬號

1.參與者點擊課程管理

2.點擊課程

3.點擊消息

基本事件流

4.回答學(xué)生問題

5.點擊提交

6.用例終止

其他事件流無

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

后置條件

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

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

具體的行溝通，了解基于Vue的鴻通教學(xué)管理系統(tǒng)的系統(tǒng)的問題，希望通

過系統(tǒng)設(shè)作流的處理，講友善的溝通，了解基于Vue的鴻通教學(xué)管理系統(tǒng)的系

統(tǒng)的問題，希望通過系統(tǒng)設(shè)作流的處理，用這樣的架構(gòu)，讓用以不知道數(shù)據(jù)庫

的結(jié)構(gòu)。

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

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

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

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

9

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

完美。根據(jù)鴻通教學(xué)管理系統(tǒng)的需求分析和用例建模分析，本文確定了鴻通教

學(xué)管理系統(tǒng)的主要功能模塊，包括作業(yè)管理、問答管理、課程管理和登錄管理

等。鴻通教學(xué)管理系統(tǒng)的功能結(jié)構(gòu)圖如圖3-2所示，本系統(tǒng)共有登錄管理模塊、

問答管理模塊、課程管理模塊和課程管理四大主要功能模塊。

圖3-2鴻通教學(xué)管理系統(tǒng)功能結(jié)構(gòu)圖

3.3.1登錄功能模塊功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到登錄功能模塊相關(guān)功能描

述，如下表3-1。

表3-1登錄功能模塊相關(guān)功能描述

功能名稱注冊賬號功能模塊

功能概述教師和學(xué)生都可以注冊賬號

輸入內(nèi)容注冊賬號的所有內(nèi)容

系統(tǒng)處理對答案類別增、刪、改查功能

輸出內(nèi)容操作成功或者失敗的提示

10

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

登錄功能描述使用功能流程圖描述，如下圖3-3。

圖3-3登錄功能模塊流程圖

3.3.2課程功能模塊功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到課程功能模塊相關(guān)功能描

述，如下表3-2。

表3-2添加課程功能模塊相關(guān)功能描述

功能名稱添加課程

功能概述教師和學(xué)生都可以注冊賬號

輸入內(nèi)容注冊賬號的所有內(nèi)容

系統(tǒng)處理對答案類別增、刪、改查功能

輸出內(nèi)容操作成功或者失敗的提示

課程功能描述使用功能流程圖描述，如下圖3-3。

圖3-4課程功能模塊流程圖

11

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

3.3.3作業(yè)功能模塊功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到作業(yè)功能模塊相關(guān)功能描

述，如下表3-3。

表3-3作業(yè)功能模塊相關(guān)功能描述

功能名稱學(xué)生完成作業(yè)功能模塊

功能概述學(xué)生可以登錄賬號完成課程作業(yè)

輸入內(nèi)容作業(yè)答案

系統(tǒng)處理對答案類別增、刪、改查功能

輸出內(nèi)容操作成功或者失敗的提示

作業(yè)功能描述使用功能流程圖描述，如下圖3-5。

圖3-5作業(yè)功能模塊流程圖

12

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

批改作業(yè)功能模塊相關(guān)功能描述，如下表3-4。

表3-4批改作業(yè)功能模塊相關(guān)功能描述

功能名稱批改作業(yè)功能模塊

功能概述教師能夠登錄賬號批改學(xué)生的作業(yè)

輸入內(nèi)容批改作業(yè)

系統(tǒng)處理對答案類別增、刪、改查功能

輸出內(nèi)容操作成功或者失敗的提示

批改功能描述使用功能流程圖描述，如下圖3-6。

圖3-6批改作業(yè)功能模塊流程圖

13

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

3.3.4問答功能模塊功能設(shè)計

針對系統(tǒng)功能結(jié)構(gòu)圖進行進一步細化分析，得到問答功能模塊相關(guān)功能描

述，如下表3-5、表3-6。

表3-5提問功能模塊相關(guān)功能描述

功能名稱提問功能模塊

功能概述學(xué)生可以登錄賬號向老師提問課程中不懂的知識點

輸入內(nèi)容提問的問題

系統(tǒng)處理對問答類別增、刪、改查功能

輸出內(nèi)容操作成功或者失敗的提示

提問功能描述使用功能流程圖描述，如下圖3-7。

圖3-7提問功能模塊流程圖

表3-6回答功能模塊相關(guān)功能描述

14

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

功能名稱回答功能模塊

功能概述教師能夠登錄賬號回答學(xué)生提出的問題

輸入內(nèi)容回答學(xué)生的問題

系統(tǒng)處理對問答類別增、刪、改查功能

輸出內(nèi)容操作成功或者失敗的提示

回答功能描述使用功能流程圖描述，如下圖3-8。

圖3-8回答功能模塊流程圖

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

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

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

15

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

3.4.1設(shè)計原則

1．標準化原則

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

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

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

2．冗余原則

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

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

低訪問數(shù)據(jù)庫執(zhí)行的效率；過低的范式標準，又會導(dǎo)致數(shù)據(jù)庫數(shù)據(jù)。所以，在

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

計），找到冗余與數(shù)據(jù)處理速度的平衡點，常?？梢约忍岣咚俣?，又能。

3.4.2概念設(shè)計

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

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

圖形式的數(shù)據(jù)模型提供了圖形符號。根據(jù)XXX系統(tǒng)數(shù)據(jù)進行分析，其E-R圖如

下圖3-4所示。

圖3-5鴻通教學(xué)系統(tǒng)E-R圖

16

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

3.4.3邏輯設(shè)計

針對ER模型，通過數(shù)據(jù)實體屬性、實體間關(guān)系的全面分析，結(jié)合XXXX系

統(tǒng)的實際需求，根據(jù)E-R圖轉(zhuǎn)化為關(guān)系模式的轉(zhuǎn)換方法，建立起了本系統(tǒng)的關(guān)

系模式，具體轉(zhuǎn)化后的關(guān)系模式如下：

答案表（答案id、答案內(nèi)容、作業(yè)id、學(xué)生id、分數(shù)）

課程表(課程id、課程名、教師名、課程介紹）

問答表（問答id、問題、答案、課程id、學(xué)生id）

作業(yè)表（作業(yè)id、作業(yè)內(nèi)容、課程id）

用戶表（用戶id、密碼、用戶類型、用戶名）

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

答案表的表結(jié)構(gòu)如表3-3所示，該表主要用于記錄答案信息，主要字段為

答案id、答案內(nèi)容、作業(yè)id、學(xué)生id、分數(shù)。

表3-3答案表表結(jié)構(gòu)

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

Not

idint(11)答案id主鍵

null

valuevarchar(255)答案內(nèi)容Null

ta_idint(11)作業(yè)id外鍵Null

user_idint(11)學(xué)生id外鍵Null

fractionvarchar(255)分數(shù)Null

課程表的表結(jié)構(gòu)如表3-4所示，該表主要用于記錄課程信息，主要字段為

課程id、課程名、教師名、課程介紹。

表3-4課程表表結(jié)構(gòu)

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

idint(11)課程id

namevarchar(25)課程名

usernameint(11)教師名

valuevarchar(255)課程介紹

問答表的表結(jié)構(gòu)如表3-5所示，該表主要用于記錄問答信息，主要字段

為問答id、問題、答案、課程id、學(xué)生id。

17

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

表3-5問答表表結(jié)構(gòu)

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

Not

idint(11)問答id主鍵

null

problemvarchar(255)問題Null

answervarchar(255)答案Null

cur_idint(11)課程id外鍵Null

user_idint(11)學(xué)生id外鍵Null

作業(yè)表的表結(jié)構(gòu)如表3-6所示，該表主要用于記錄作業(yè)信息，主要字段為

作業(yè)id、作業(yè)內(nèi)容、課程id。

表3-6作業(yè)表表結(jié)構(gòu)

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

idint(11)作業(yè)id

valuevarchar(255)作業(yè)內(nèi)容

cur_idint(11)課程id

用戶表的表結(jié)構(gòu)如表3-7所示，該表主要用于記錄用戶信息，主要字段為

用戶id、密碼、用戶類型、用戶名。

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

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

Not

idint(11)用戶id主鍵

null

typevarchar(255)用戶類型Null

usernamevarchar(255)用戶名Null

passwordvarchar(255)密碼Null

數(shù)據(jù)庫設(shè)計總結(jié)：根據(jù)鴻通教學(xué)管理系統(tǒng)的需求分析和用例建模分析，確

定了教學(xué)管理系統(tǒng)的主要功能模塊，包括用戶管理、課程管理、作業(yè)管理等。

根據(jù)功能結(jié)構(gòu)，確定了教學(xué)管理系統(tǒng)的主要數(shù)據(jù)庫表有答案表、課程表、問答

表、作業(yè)表和用戶表。

18

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

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

4.1登錄子功能模塊設(shè)計

4.1.1登錄子功能模塊說明

此模塊是整個系統(tǒng)的入口模塊，只有登錄成功才能進行后續(xù)的操作。

4.1.2登錄子功能模塊詳細設(shè)計

通過需求分析和概要設(shè)計，得到登錄子功能模塊的時序圖如圖4-1所示，

得到登錄子功能模塊的類圖如圖4-2所示。

圖4-1登錄模塊時序圖

圖4-2登錄模塊的類圖

針對類圖進行進一步細化分析，得到登錄功能模塊相關(guān)類及方法描述表，

如下表4-1所示。

19

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

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

類名TeUser

描述用戶模塊

屬性Id,role,username,psaaword,picture

addUser(),delUser(),findById(),findByUserId(),updU

方法

ser()

類名TeCur

描述作業(yè)實體類

屬性id,name,username,value

addCar(),findAll(),findAllByUserName(),findAllByNa

方法

me(),upd()

4.2課程子功能模塊設(shè)計

4.2.1課程子功能模塊說明

此模塊可以讓老師添加刪除自己的課程，操作起來十分方便

4.2.2課程子功能模塊詳細設(shè)計

通過需求分析和概要設(shè)計，得到課程子功能模塊的時序圖如圖4-3所示，

得到課程子功能模塊的靜態(tài)類圖如圖4-4所示。

圖4-3課程模塊時序圖

20

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

圖4-4課程模塊靜態(tài)類圖

針對類圖進行進一步細化分析，得到課程功能模塊相關(guān)類及方法描述表，

如下表4-2所示。

表4-2課程功能模塊相關(guān)類及方法描述表

類名TeCur

描述課程實體類

屬性id,username,name，value

addCar(),delUser(),findAll(),findAllByName(),findA

方法

llByUserName(),upd()

類名TeTask

描述作業(yè)實體類

屬性id,value,curId,teCur

addUser(),delUser()liikTask(),loogTaskByName(),upd

方法

()

類名TeUser

描述用戶模塊

21

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

屬性Id,role,username,psaaword,picture

addUser(),delUser(),findById(),findByUserId(),updU

方法

ser()

類名TeXk

描述作業(yè)實體類

屬性id,user_id,class_id

方法add(),del(),lookAllxk(),lookAllByXkd(),upd()

4.3作業(yè)子功能模塊設(shè)計

4.3.1作業(yè)子功能模塊說明

這個模塊可以讓老師布置科目的作業(yè)，學(xué)生可以看到老師布置的作業(yè)

4.3.2作業(yè)子功能模塊詳細設(shè)計

通過需求分析和概要設(shè)計，得到作業(yè)子功能模塊的時序圖如圖4-5所示，

得到作業(yè)子功能模塊的靜態(tài)類圖如圖4-6所示。

圖4-5作業(yè)模塊時序圖

22

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

圖4-6作業(yè)模塊靜態(tài)類圖

針對類圖進行進一步細化分析，得到作業(yè)功能模塊相關(guān)類及方法描述表，

如下表4-3所示。

表4-3作業(yè)功能模塊相關(guān)類及方法描述表

類名TeTask

描述作業(yè)實體類

屬性id,value,curId,teCur

addUser(),delUser()liikTask(),loogTaskByName(),upd

方法

()

類名TeCur

描述作業(yè)實體類

屬性id,name,username,value

addCar(),findAll(),findAllByUserName(),findAllByNa

方法

me(),upd()

23

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

4.4問答子功能模塊設(shè)計

4.4.1問答子功能模塊說明

此模塊可以讓老師上課提問，學(xué)生做出回答，十分方便

4.4.2問答子功能模塊詳細設(shè)計

通過需求分析和概要設(shè)計，得到問答子功能模塊的時序圖如圖4-7所

示，得到問答子功能模塊的靜態(tài)類圖如圖4-8所示。

圖4-7問答模塊時序圖

圖4-8問答模塊時序圖

24

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

針對類圖進行進一步細化分析，得到問答功能模塊相關(guān)類及方法描述表，

如下表4-4所示。

表4-4問答功能模塊相關(guān)類及方法描述表

類名TeQa

描述問答實體類

屬性id,problem,answer,curId,userId,teUser,teCur

方法addQuHd(),delUser(),findAll(),findAllByUserName()

類名TeCur

描述作業(yè)實體類

屬性id,name,username,value

addCar(),findAll(),findAllByUserName(),findAllByNa

方法

me(),upd()

類名TeTask

描述作業(yè)實體類

屬性id,value,curId,teCur

addUser(),delUser()liikTask(),loogTaskByName(),upd

方法

()

25

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

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

5.1登錄子模塊實現(xiàn)

5.1.1登錄模塊界面設(shè)計

5.1.2登錄模塊核心代碼實現(xiàn)：

步驟1：驗證用戶

26

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

步驟2：用戶注冊

步驟3：用戶刪除

步驟4：修改用戶密碼

27

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

5.2課程子模塊實現(xiàn)

5.2.1課程模塊界面設(shè)計

5.2.2課程模塊核心代碼實現(xiàn)

步驟1：添加課程

28