基于Vue的鴻通教學(xué)管理系統(tǒng)移動(dò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ù)簡介...............................................1

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

1.2.2Vue的運(yùn)行原理..........................................1

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

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

1.4項(xiàng)目開發(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è)計(jì)......................................................9

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

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

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

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

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

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

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

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

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

II

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

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

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

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

4.1登錄子功能模塊設(shè)計(jì)........................................19

4.1.1登錄子功能模塊說明.....................................19

4.1.2登錄子功能模塊詳細(xì)設(shè)計(jì).................................19

4.2課程子功能模塊設(shè)計(jì)........................................20

4.2.1課程子功能模塊說明....................................20

4.2.2課程子功能模塊詳細(xì)設(shè)計(jì).................................20

4.3作業(yè)子功能模塊設(shè)計(jì)........................................22

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

III

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

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

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

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

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

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

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

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

IV

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

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

1引言

隨著互聯(lián)網(wǎng)科技的不斷進(jìn)步，中國人民的生活發(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代需要的成本極

高。所以我想要制作出更加高級(jí)的教務(wù)系統(tǒng)。因?yàn)橛辛丝萍?，也使得我們的?/p>

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

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

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

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

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

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

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

就正是一個(gè)教學(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)建用戶界面的漸進(jìn)式

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

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

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

完全能夠?yàn)閺?fù)雜的單頁應(yīng)用（SPA）提供驅(qū)動(dòng)。

1.2.2Vue的運(yùn)行原理

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

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

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

1

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

1.2.3Vue頁面的組成

一個(gè)vue頁面主要包括3個(gè)部分：

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

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

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

1.3開發(fā)工具簡介

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

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

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

TOMCAT適合做一些中小型的項(xiàng)目

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

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

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

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

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

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

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

2需求分析

2.1功能需求描述

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

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

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

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

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

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

2

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

2.2非功能需求描述

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

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

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

登錄。

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

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

2.3需求用例建模

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

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

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

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

教育體驗(yàn)。

3

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

2.3.1登錄模塊的用例

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

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

學(xué)生用戶教師

用戶登錄

<<擴(kuò)展>>

注冊(cè)

圖2-2登錄模塊用例圖

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

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

表2-1查看班級(jí)詳情塊用例描述

項(xiàng)目描述

用例名稱查看班級(jí)詳情

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

參與者用戶

簡要說明參與者可以通過賬號(hào)登錄

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

1.參與者輸入賬號(hào)

2.參與者輸入密碼

基本事件流

3.點(diǎn)擊登錄

4.用例終止

其他事件流無

4

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

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

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

2.3.2課程模塊的用例

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

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

圖2-3課程模塊用例圖

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

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

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

項(xiàng)目描述

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

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

參與者教師

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

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

1.參與者點(diǎn)擊課程管理

基本事件流2.點(diǎn)擊添加課程

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

5

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

4.選擇班級(jí)

5.上傳課件

6.用例終止

其他事件流無

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

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

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

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

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

批改情況等操作功能。

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

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

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

情況等操作。

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

項(xiàng)目描述

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

6

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

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

參與者教師

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

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

1.參與者點(diǎn)擊課程管理

2.選擇班級(jí)

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

4.點(diǎn)擊班級(jí)

基本事件流

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

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

7.批改作業(yè)

6.用例終止

其他事件流無

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

后置條件

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

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

項(xiàng)目描述

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

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

參與者學(xué)生

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

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

1.參與者點(diǎn)擊課程管理

2.點(diǎn)擊課程

3.點(diǎn)擊作業(yè)

基本事件流

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

5.點(diǎn)擊提交

6.用例終止

其他事件流無

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

后置條件

7

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

2.3.4問答功能模塊的用例

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

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

圖2-5問答模塊用例圖

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

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

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

項(xiàng)目描述

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

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

參與者學(xué)生

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

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

1.參與者點(diǎn)擊課程管理

2.選擇課程

3.提問

基本事件流

4.點(diǎn)擊消息

5.查看老師的回答

6.用例終止

其他事件流無

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

8

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

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

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

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

項(xiàng)目描述

用例名稱教師回答

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

參與者老師

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

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

1.參與者點(diǎn)擊課程管理

2.點(diǎn)擊課程

3.點(diǎn)擊消息

基本事件流

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

5.點(diǎn)擊提交

6.用例終止

其他事件流無

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

后置條件

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

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

具體的行溝通，了解基于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è)計(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ù)庫之間的聯(lián)系，使系統(tǒng)更加的

9

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

完美。根據(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è)計(jì)

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

述，如下表3-1。

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

功能名稱注冊(cè)賬號(hào)功能模塊

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

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

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

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

10

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

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

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

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

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

述，如下表3-2。

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

功能名稱添加課程

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

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

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

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

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

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

11

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

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

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

述，如下表3-3。

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

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

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

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

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

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

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

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

12

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

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

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

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

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

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

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

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

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

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

13

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

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

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

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

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

功能名稱提問功能模塊

功能概述學(xué)生可以登錄賬號(hào)向老師提問課程中不懂的知識(shí)點(diǎn)

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

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

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

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

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

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

14

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

功能名稱回答功能模塊

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

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

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

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

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

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

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

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

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

15

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

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

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

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

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

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

2．冗余原則

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

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

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

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

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

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

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

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

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

下圖3-4所示。

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

16

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

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

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

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

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

答案表（答案id、答案內(nèi)容、作業(yè)id、學(xué)生id、分?jǐn)?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、分?jǐn)?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)分?jǐn)?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è)計(jì)

表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è)計(jì)總結(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è)計(jì)

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

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

4.1.1登錄子功能模塊說明

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

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

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

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

圖4-1登錄模塊時(shí)序圖

圖4-2登錄模塊的類圖

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

如下表4-1所示。

19

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

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

類名TeUser

描述用戶模塊

屬性Id,role,username,psaaword,picture

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

方法

ser()

類名TeCur

描述作業(yè)實(shí)體類

屬性id,name,username,value

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

方法

me(),upd()

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

4.2.1課程子功能模塊說明

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

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

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

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

圖4-3課程模塊時(shí)序圖

20

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

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

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

如下表4-2所示。

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

類名TeCur

描述課程實(shí)體類

屬性id,username,name，value

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

方法

llByUserName(),upd()

類名TeTask

描述作業(yè)實(shí)體類

屬性id,value,curId,teCur

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

方法

()

類名TeUser

描述用戶模塊

21

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

屬性Id,role,username,psaaword,picture

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

方法

ser()

類名TeXk

描述作業(yè)實(shí)體類

屬性id,user_id,class_id

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

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

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

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

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

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

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

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

22

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

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

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

如下表4-3所示。

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

類名TeTask

描述作業(yè)實(shí)體類

屬性id,value,curId,teCur

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

方法

()

類名TeCur

描述作業(yè)實(shí)體類

屬性id,name,username,value

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

方法

me(),upd()

23

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

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

4.4.1問答子功能模塊說明

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

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

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

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

圖4-7問答模塊時(shí)序圖

圖4-8問答模塊時(shí)序圖

24

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

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

如下表4-4所示。

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

類名TeQa

描述問答實(shí)體類

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

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

類名TeCur

描述作業(yè)實(shí)體類

屬性id,name,username,value

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

方法

me(),upd()

類名TeTask

描述作業(yè)實(shí)體類

屬性id,value,curId,teCur

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

方法

()

25

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

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

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

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

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

步驟1：驗(yàn)證用戶

26

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

步驟2：用戶注冊(cè)

步驟3：用戶刪除

步驟4：修改用戶密碼

27

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

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

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

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

步驟1：添加課程

28