計算機畢業(yè)設(shè)計jsp數(shù)字圖像處理訓(xùn)練課程教學(xué)系統(tǒng)vue論文

第2章主要技術(shù)和工具介紹2.1B/S結(jié)構(gòu)B/S模式也就是瀏覽器/服務(wù)器模式，它的界面部分是在瀏覽器端展示，而主要工作是由服務(wù)器端進行實現(xiàn)的，學(xué)生的請求由瀏覽器端提交給服務(wù)器端進行處理，而服務(wù)器將處理結(jié)果反饋給瀏覽器端，在瀏覽器端界面描畫給學(xué)生查看。采用B/S模式不僅可以避免學(xué)生必須安裝數(shù)字圖像處理知識訓(xùn)練軟件才能開發(fā)系統(tǒng)或者訪問系統(tǒng)的局限性，而且更加便利[12]。2.2java技術(shù)java是一種跨平臺的網(wǎng)頁技術(shù)，最終實現(xiàn)網(wǎng)頁的動態(tài)效果，與JSP技術(shù)類似，都是在HTML中混合一些程序的相關(guān)代碼，運用語言引擎來執(zhí)行代碼，java能夠?qū)崿F(xiàn)與管理員的交互，方便管理員的使用。java技術(shù)具有諸多優(yōu)點，可以忽略所使用的平臺，實現(xiàn)僅需一次編寫就能夠到處運行使用，而且還具有很好的安全性和多平臺支持的特性，能夠在任何平臺的任何環(huán)境中進行開發(fā)，進行系統(tǒng)部署和環(huán)境擴展。它也有屬于自己的功能強大的開發(fā)工具的支持，并且可以通過很多渠道免費得到，這就為java技術(shù)的傳播也準備了條件[5][6]。2.3SSM三大框架1.Spring的優(yōu)勢:

通過Spring的IOC特性，將對象之間的依賴關(guān)系交給了Spring控制，方便解耦，簡化了開發(fā)。2.SpringMVC的優(yōu)勢:

SpringMVC是使用了MVC設(shè)計思想的輕量級web框架，對web層進行解耦，使我們的開發(fā)更簡潔。3.Mybatis的優(yōu)勢:數(shù)據(jù)庫的操作(sql)采用xml文件配置，解除了sql和代碼的耦合，提供映射標簽，支持對象和和數(shù)據(jù)庫orm字段關(guān)系的映射，支持對象關(guān)系映射標簽，支持對象關(guān)系的組建提供了xml標簽，支持動態(tài)的sql。2.4MySQL數(shù)據(jù)庫MySQL是目前中小型企業(yè)進行軟件系統(tǒng)開發(fā)時廣泛使用的傳統(tǒng)關(guān)系數(shù)據(jù)庫之一，特別是近年來在Oracle公司的管理下，MySQL數(shù)據(jù)庫的性能有了很大的提升，而且支持的功能也更加豐富。MySQL作為最早的開源關(guān)系數(shù)據(jù)庫之一，最初是由瑞典的數(shù)據(jù)庫公司MySQLAB進行開發(fā)維護的，現(xiàn)歸甲骨文公司管理。MySQL作為最為流行的開源關(guān)系數(shù)據(jù)庫，是Web應(yīng)用開發(fā)者進行Web應(yīng)用開發(fā)時的首選數(shù)據(jù)庫。MySQL數(shù)據(jù)庫雖然是開發(fā)數(shù)據(jù)庫產(chǎn)品，但是在廣發(fā)MySQL使用者的共同維護下，MySQL本身的性能并不差。MySQL作為傳統(tǒng)的關(guān)系數(shù)據(jù)庫，與其它傳統(tǒng)的關(guān)系數(shù)據(jù)庫并無大的差別，在MySQL數(shù)據(jù)庫中，數(shù)據(jù)根據(jù)數(shù)據(jù)庫使用者的定義被存儲于不同的數(shù)據(jù)庫表中，而且學(xué)生可以定于不同的數(shù)據(jù)庫來存放不同的數(shù)據(jù)表，這和目前新興的非關(guān)系數(shù)據(jù)庫數(shù)據(jù)存儲方式有著很大的不同。MySQL數(shù)據(jù)庫中數(shù)據(jù)的分表分庫存儲方式能夠最大程度的避免數(shù)據(jù)同步代碼的性能損耗，使得數(shù)據(jù)庫的存取速度有了很大提升，而且同時保持了很大的靈活性。因此目前的中小型軟件系統(tǒng)大多采用MySQL數(shù)據(jù)庫進行系統(tǒng)數(shù)據(jù)的存儲。圖3-4系統(tǒng)數(shù)據(jù)流圖（2層）第4章系統(tǒng)設(shè)計4.1系統(tǒng)結(jié)構(gòu)設(shè)計系統(tǒng)設(shè)計主要是管理員登錄后對整個系統(tǒng)相關(guān)操作進行處理，可進行管理員的添加和刪除，管理員模塊如下：首頁、個人中心、學(xué)生管理、專業(yè)學(xué)習(xí)管理、班級信息管理、試卷管理、試題管理、系統(tǒng)管理、考試管理等。前臺首頁：首頁、試卷列表、網(wǎng)站公告、個人中心、后臺管理等多個模塊，系統(tǒng)的功能結(jié)構(gòu)圖如下圖所示。圖4-1系統(tǒng)功能結(jié)構(gòu)圖4.2開發(fā)流程設(shè)計系統(tǒng)流程的分析是通過調(diào)查系統(tǒng)所涉及問題的識別、可行性、可操作性、系統(tǒng)分析處理能力等具體環(huán)節(jié)來調(diào)節(jié)、整理系統(tǒng)的設(shè)計方案以確保系統(tǒng)能達到理想的狀態(tài)。這些操作都要從注冊、登錄處著眼進行一系列的流程測試保證數(shù)據(jù)庫的完整，從而把控系統(tǒng)所涉及信息管理的安全、保證信息輸入、輸出正常轉(zhuǎn)換。然后，通過實際操作完成流程圖的繪制工作。數(shù)字圖像處理知識訓(xùn)練的開發(fā)對管理模塊和系統(tǒng)使用的數(shù)據(jù)庫進行分析，編寫代碼，系統(tǒng)測試，如圖4-2所示。圖4-2開發(fā)系統(tǒng)流程圖4.3數(shù)據(jù)庫設(shè)計系統(tǒng)里尤為關(guān)鍵的部分是在數(shù)據(jù)庫方面，需要十分清晰的思路，所以從開始的設(shè)計時需要做到確立模塊之間的聯(lián)系，從而可以很明確的建立表間的聯(lián)系和表中所需的內(nèi)容。設(shè)計數(shù)據(jù)庫還有一點是減少表的繁雜的創(chuàng)建，所以聯(lián)系很關(guān)鍵，可以大大的減少，數(shù)據(jù)表中重復(fù)的事項。由此可以保證數(shù)據(jù)的完整和統(tǒng)一，不會造成數(shù)據(jù)的錯誤和重復(fù)，并且可以使數(shù)據(jù)得到數(shù)據(jù)庫安全的保護，會使學(xué)生更加的放心。4.3.1E-R圖設(shè)計概念設(shè)計是整個數(shù)據(jù)庫設(shè)計的關(guān)鍵，在概念設(shè)計階段，由需求分析得到了E-R模型。E-R圖是識別功能模型與數(shù)據(jù)模型間關(guān)聯(lián)關(guān)系的，在主題數(shù)據(jù)庫的抽取和規(guī)范化的過程中，采用的是簡化的E-R圖表示方法，從而避免過繁過細的E-R圖表示影響規(guī)劃的直觀和可用性。是對現(xiàn)實世界的抽象和概括，是數(shù)據(jù)庫設(shè)計人員進行數(shù)據(jù)可設(shè)計的有力工具，能夠方便直接地表達應(yīng)用中的各種語義知識，令一方面它簡單、清晰、易于學(xué)生理解。管理員實體包括管理員名稱、密碼二個屬性。管理員模塊如下：首頁、個人中心、學(xué)生管理、專業(yè)學(xué)習(xí)管理、班級信息管理、試卷管理、試題管理、系統(tǒng)管理、考試管理體ER圖如下圖所示。圖4-3管理員ER圖學(xué)生管理：學(xué)號、密碼、姓名、性別、專業(yè)、班級、手機、郵箱、照片ER圖如下圖所示。圖4-4學(xué)生信息ER圖試題管理：試卷、試卷名稱、分值、答案、類型ER圖如下圖所示。圖4-5試卷管理ER圖4.3.2表設(shè)計數(shù)據(jù)庫表是數(shù)據(jù)庫重要的組成部分，其實數(shù)據(jù)庫只是一個框架，數(shù)據(jù)庫表才是數(shù)據(jù)庫的本質(zhì)，本系統(tǒng)數(shù)據(jù)庫表如下：allusers表:序號字段名稱字段類型大小允許為空最大長度備注1idInt4102username1502553pwd1502554cx1502555addtimeDateTime819xuesheng表:序號字段名稱字段類型大小允許為空最大長度備注1idInt4102addtime1502553xuehao1502554mimaDateTime82555xingming1502556xingbieDateTime82557zhuanye1502558banjiDateTime82559shouji15025510youxiangDateTime825511zhaopian150255examquestion表:序號字段名稱字段類型大小允許為空最大長度備注1idInt4102addtime1502553paperid1502554papernameDateTime82555questionname1502556optionsDateTime82557score1502558answerDateTime82559analysis15025510typeDateTime825511sequence150255token表:序號字段名稱字段類型大小允許為空最大長度備注1idInt4102addtime1502554userid1502555username1502556tablenameDateTime87role15088tokenDateTime82559addtime150810expiratedtimeDateTime8255第5章系統(tǒng)實現(xiàn)5.1登錄模塊的實現(xiàn)系統(tǒng)登錄模塊后臺登錄模塊，為確保系統(tǒng)安全性，系統(tǒng)操作員只有在登錄界面輸入正確的管理員名、密碼單擊“登錄”按鈕后才能夠進入本系統(tǒng)的主界面。管理員登錄流程圖如下所示。圖5-1管理員登錄流程圖5.2管理員模塊的實現(xiàn)管理員通過輸入用戶名，密碼、角色信息進行系統(tǒng)登錄，效果如下圖所示5-2所示圖5-2管理員登錄界面5.2.1首頁界面、管理員進入到界面，通過界面的任務(wù)大廳，登錄成功后進入到系統(tǒng)可以進行查看首頁、個人中心、學(xué)生管理、專業(yè)學(xué)習(xí)管理、班級信息管理、試卷管理、試題管理、系統(tǒng)管理、考試管理等功能模塊，進行相對應(yīng)操作，如圖5-3圖5-3首頁界面5.2.2學(xué)生管理管理員信息添加學(xué)生管理功能主要指對其學(xué)號、密碼、姓名、性別、專業(yè)、班級、手機、郵箱、照片等一些基本信息的添加、刪除和修改。學(xué)生管理效果如下圖所示5-4所示圖5-4學(xué)生管理界面5.2.3專業(yè)學(xué)習(xí)管理管理員對專業(yè)學(xué)習(xí)管理添加專業(yè)名稱進行分類添加、刪除和修改。效果如下圖所示5-5所示圖5-5專業(yè)學(xué)習(xí)管理界面5.2.4班級信息管理管理員通過班級信息管理頁面查看添加所屬專業(yè)、班級名稱等進行添加、刪除、修改以及查看等操作。效果如下圖所示5-6所示圖5-6班級信息管理界面5.2.5考試管理管理員通過考試管理頁面查看試卷名稱、考試時長、試卷狀態(tài)等進行添加、刪除、修改以及查看等操作。效果如下圖所示5-7所示圖5-7考試管理界面5.2.6試題管理管理員通過試題管理頁面查看試卷、試卷名稱、分值、答案、類型等進行添加、刪除、修改以及查看等操作。效果如下圖所示5-8所示圖5-8試題管理界面5.2.7系統(tǒng)管理管理員通過系統(tǒng)管理頁面查看網(wǎng)站公告、輪播圖管理等信息進行操作或修改刪除上傳圖片、發(fā)布公告，效果如下圖所示5-9所示圖5-9系統(tǒng)管理界面5.2.8考試管理管理員通過考試管理頁面查看用戶ID、試卷、考試得分等信息進行操作或修改刪除，效果如下圖所示5-10所示圖5-10考試管理界面5.3前臺模塊的實現(xiàn)前臺首頁瀏覽，通過內(nèi)容列表可以獲取網(wǎng)站首頁、試卷列表、網(wǎng)站公告、個人中心、后臺管理等信息操作內(nèi)容，如圖5-11所示。圖5-11前臺界面圖5.3.1注冊、登陸學(xué)生通過內(nèi)容列表可以獲取學(xué)號、密碼、姓名、性別、專業(yè)、班級、手機、郵箱等信息可進行注冊，注冊完成通過輸入學(xué)生名、密碼進行登陸操作，如圖5-12所示。圖5-12注冊、登陸界面圖5.3.2個人中心個人中心，通過內(nèi)容列表可以獲取學(xué)號、密碼、姓名、性別、專業(yè)、班級、手機、郵箱、照片等信息可進行查看，添加、修改、刪除等操作，如圖5-13所示。圖5-13個人中心界面圖5.3.3網(wǎng)站公告在網(wǎng)站公告頁面可以查看管理員發(fā)布的公告進行查看。效果如下圖所示5-14所示。圖5-14試卷管理面圖5.3.4試卷列表在試卷列表頁面可以通過查看試卷名稱、考試時長、創(chuàng)建時長可進行考試、查看答案操作。效果如下圖所示5-15所示。圖5-15試卷列表面圖第6章系統(tǒng)測試6.1程序測試基本概念程序測試是很重要的一個環(huán)節(jié)，當(dāng)自身的程序已經(jīng)完成時，仍需要測試來保證程序的正確性和可靠性，因為往往此時出現(xiàn)的錯誤就是學(xué)生可能會出現(xiàn)的錯誤，所以調(diào)試變得至關(guān)重要。唯有經(jīng)過多次的調(diào)試才能夠使系統(tǒng)達到完美的狀態(tài)，使得學(xué)生可以安全，放心的使用程序，保障學(xué)生信息的安全是每個系統(tǒng)最基本的需求，因而調(diào)試也就是系統(tǒng)的最基本的要求。但是為了保證說最大程度減少開發(fā)者的工作量，應(yīng)當(dāng)分三個階段來測試，初期，中期和最終期。前期：主要調(diào)試模塊間的關(guān)系部分，看看是否是正確的，合理的，否則到后面會造成難以修改和總是出錯的現(xiàn)象。中期：插入部分數(shù)據(jù)，看看是否數(shù)據(jù)庫方面連接和設(shè)計得當(dāng)，有些時候理念存在的是不能夠在現(xiàn)實中完美實現(xiàn)的，并且調(diào)試界面找到最優(yōu)的布局。最終期：插入全部數(shù)據(jù)，看是否正確，修改頁面看是否能達到最初預(yù)期效果，檢查功能是否完全實現(xiàn)。6.2程序測試具體內(nèi)容6.2.1測試的重要性及目的1.測試的重要性只有經(jīng)過反復(fù)的測試，才能夠使系統(tǒng)得到最穩(wěn)定的狀態(tài)，才能把最好的一面展現(xiàn)給使用的學(xué)生，是極為關(guān)鍵的一個步驟。但是往往也是大家極容易忽視的一個部分，因為絕大部分的人認為這個部分是不重要的，但事實并非如此，任何系統(tǒng)不管怎樣做都不可能完全去除錯誤，所以需要測試來最大程度的降低和減少錯誤。要在多環(huán)境下進行測試，以保證學(xué)生能夠在不同環(huán)境配置下都能夠正常使用。大多數(shù)，學(xué)生的需求是不斷更新的，所以測試具有十分重要的意義，能夠及時的把握到學(xué)生的最新動態(tài)，做出對系統(tǒng)的修改。測試的目的測試是為了讓學(xué)生能夠使用到系統(tǒng)的最好一面，能夠充分利用到系統(tǒng)內(nèi)的跟自己相關(guān)的部分。另一方面，從系統(tǒng)開發(fā)者的角度來說，這個舉措有助于開發(fā)者在開發(fā)系統(tǒng)的同時能夠與學(xué)生保持有好的關(guān)系，能夠使開發(fā)的系統(tǒng)減少最多的錯誤和誤差，并且有助于開發(fā)，邊測試邊開發(fā)，能夠及時解決學(xué)生的需求，而開發(fā)者也能夠減少返工的工作量，保證開發(fā)是朝著正確的道路前進的，并且對于學(xué)生來說能夠定期看到一定的工作成果，也是更有助于提出更好的意見，而不是到末期突然提出大量的工作需求。這樣可以使得學(xué)生和開發(fā)者之間的關(guān)系得到一定程度的改善，而開發(fā)者也從中得到更多改善系統(tǒng)的方向。6.2.2登錄測試登錄及管理員添加模塊是對各個系統(tǒng)中不可缺少的功能之一，為了對在運行過程能正常的操作本項目就要對此進行測試。1.使用不同瀏覽器訪問服務(wù)器的IP地址。2.輸入特殊的信息登錄系統(tǒng)，例如邊界值等。3.查看登錄及管理員添加之后登錄系統(tǒng)所返回的結(jié)果。無論學(xué)生登錄時都需要學(xué)生名和密碼進行登錄，當(dāng)輸入正確的學(xué)生名和密碼觀察是否正常登錄。登錄測試表如下表6-1所示：表6-1登錄測試表名稱功能名稱操作闡述期盼結(jié)果測試結(jié)果登錄信息管理登錄管理員登錄時輸入賬號：abo密碼：abo進入后臺主頁面成功添加學(xué)生登錄時輸入賬號：zhangchao密碼：000000進入系統(tǒng)首頁成功學(xué)生添加成功之后會給出提示，繼續(xù)進行登錄操作，學(xué)生添加成功驗證的頁面如下圖6-2所示：圖6-2系統(tǒng)后臺管理員登錄成功頁面管理員可以管理添加學(xué)生的信息。添加測試表如下表6-2所示：表6-2添加測試表名稱功能名稱操作闡述期盼結(jié)果測試結(jié)果添加信息管理添加管理員進入添加數(shù)字圖像處理知識訓(xùn)練頁面成功顯示所有添加學(xué)生列表成功管理員進入添加數(shù)字圖像處理知識訓(xùn)練頁面，點擊刪除按鈕刪除成功，出現(xiàn)刪除成功的提示成功學(xué)生進入添加頁面，按提示輸入添加學(xué)生信息添加成功，出現(xiàn)添加成功的提示成功6.2.3數(shù)字圖像處理知識訓(xùn)練模塊測試數(shù)字圖像處理知識訓(xùn)練信息模塊對本界面中的數(shù)據(jù)和信息進行相對應(yīng)得基本操作，主要有查看學(xué)生，刪除學(xué)生等。點擊右面的刪除按鈕之后，會“提示確定要刪除”，點擊刪除之后的驗證頁面如下圖6-3所示：圖6-3系統(tǒng)點擊確定刪除按鈕頁面管理員在可以查看并刪除學(xué)生。數(shù)字圖像處理知識訓(xùn)練如表6-3所示：表6-3數(shù)字圖像處理知識訓(xùn)練測試表模塊名稱功能名稱操作描述預(yù)期結(jié)果測試結(jié)果學(xué)生信息管理查看管理員進入學(xué)生頁面，查看學(xué)生所有學(xué)生均顯示成功刪除管理員進入網(wǎng)上學(xué)生信息頁面，點擊刪除按鈕彈窗提示，刪除成功成功6.3系統(tǒng)的優(yōu)點本系統(tǒng)的優(yōu)點在于界面簡單，對于有計算機基本操作的人群均可以高效的使用，查詢功能可以使使用者在大量的數(shù)據(jù)搜索時能夠快速的找到所需要的內(nèi)容，開發(fā)的結(jié)構(gòu)簡單所以便于日后進行維護和更新功能。信息的添加和查詢，使得資源得到了充分的利用。功能并不復(fù)雜所以執(zhí)行速度也較快，所以學(xué)生可以得到比較良好的體驗，系統(tǒng)內(nèi)部的增刪改查也比較人性化，所以比較快捷和精準。學(xué)生，而身份而判別使得系統(tǒng)比較明了，更具有安全性，系統(tǒng)內(nèi)的數(shù)據(jù)是得到了一定的保護的。而頁面上添加學(xué)生，新增添了的一個優(yōu)勢在于，添加后的學(xué)生，需得到管理員的審核才能夠使用，避免了惡意添加或是惡意進入學(xué)生內(nèi)部的舉動。并且管理員據(jù)有最高權(quán)限，保證數(shù)據(jù)的安全。第7章總結(jié)經(jīng)過幾個月的努力還堅持，數(shù)字圖像處理知識訓(xùn)練終于完成了，程序功能模塊能按照需求來運行，能實現(xiàn)多管理員的迸發(fā)使用，但是系統(tǒng)由于設(shè)計經(jīng)驗以及數(shù)字圖像處理知識訓(xùn)練知識的局限性，在本系統(tǒng)的開發(fā)過程中，在一些功能方面和業(yè)務(wù)邏輯方面做得不是很完善，系統(tǒng)還存在一些缺陷。界面的設(shè)計從布局到外觀，受限于自身的設(shè)計功底較低，沒能達到自己所要設(shè)計的界面要求，另一方面，系統(tǒng)存在一些沒有考慮的問題和模塊。在學(xué)習(xí)的過程中首次進行獨立設(shè)計工作,編碼過程出現(xiàn)了許多問題和困難，原以為正確無誤的程序運行過程中不會遇到問題，但是在運行過程中也總會出現(xiàn)各種各樣的問題，在調(diào)試過程中找不出運行出錯的原因。而這些基本問題卻都是一些簡單的問題，例如標點符號應(yīng)該是英文狀態(tài)下的，卻因為不好的編程習(xí)慣造成了一些中文的符號輸入，經(jīng)過仔細觀察和老師的幫組下，還是將問題解決了。目前系統(tǒng)的功能比較簡單，還存在許多瑕疵，這是一份遺憾，也是促進我不斷進步的動力。致謝經(jīng)歷了近三個多月的動手實踐及老師辛勤的指導(dǎo)和同學(xué)朋友熱心的幫助下，本人的畢業(yè)設(shè)計數(shù)字圖像處理知識訓(xùn)練的基本功能也基本完成。此次設(shè)計中，通過不斷的探討與學(xué)習(xí)使我熟悉、使我初步了解了java相關(guān)技術(shù)。做的是一個B/S結(jié)構(gòu)的數(shù)字圖像處理知識訓(xùn)練，使我對做網(wǎng)站所需要，及運行的環(huán)境有了初步的了解，在此次設(shè)計中我翻閱了較多的書籍，在有限的時間了豐富了對數(shù)字圖像處理知識訓(xùn)練技術(shù)的知識也積累了少許的經(jīng)驗。起初對java的初步認識，通過這次設(shè)計更進一步的了解了其工作原理，懂得了配置服務(wù)器環(huán)境，連接數(shù)據(jù)庫源，在設(shè)計過程中，也學(xué)會了用eclipse設(shè)計一個簡單的頁面，增強了動手的能力，激發(fā)了在此方面的興趣。但是由于時間、基礎(chǔ)及