摘 要

使用舊方法對程序設計課程可視化教學信息進行系統化管理已經不再讓人們信賴了，把現在的網絡信息技術運用在程序設計課程可視化教學信息的管理上面可以解決許多信息管理上面的難題，比如處理數據時間很長，數據存在錯誤不能及時糾正等問題。
這次開發的基于vue的程序設計課程可視化教學系統管理員，教師，學生。管理員功能有個人中心，學生管理，教師管理，作業信息管理，學生選題管理，作業提交管理，管理員管理。教師發布作業，學生選擇作業，然后進行提交作業，教師審批作業。經過前面自己查閱的網絡知識，加上自己在學校課堂上學習的知識，決定開發系統選擇B/S模式這種高效率的模式完成系統功能開發。這種模式讓操作員基于瀏覽器的方式進行網站訪問，采用的主流的Java語言這種面向對象的語言進行基于vue的程序設計課程可視化教學系統程序的開發，在數據庫的選擇上面，選擇功能強大的MySQL數據庫進行數據的存放操作。
基于vue的程序設計課程可視化教學系統被人們投放于現在的生活中進行使用，該款管理類軟件就可以讓管理人員處理信息的時間介于十幾秒之間。在這十幾秒內就能完成信息的編輯等操作。有了這樣的管理軟件，程序設計課程可視化教學信息的管理就離無紙化辦公的目標更貼近了。

關鍵詞：基于vue的程序設計課程可視化教學系統；Java；MySQL；SSM框架

研究背景

現在大家正處于互聯網加的時代，這個時代它就是一個信息內容無比豐富，信息處理與管理變得越加高效的網絡化的時代，這個時代讓大家的生活不僅變得更加地便利化，也讓時間變得更加地寶貴化，因為每天的每分鐘，每秒鐘這些時間都能讓人們處理大批量的日常事務，這些場景，是之前的手工模式無法與之相抗衡的。對于程序設計課程可視化教學信息的管理來說，傳統的通過紙質文檔記錄信息的方式已經落后了，依靠手工管理這些信息，不僅花費較長的工作時間，在對記錄各種信息的文檔進行信息統計以及信息核對操作時，也不能及時保證信息的準確性，基于這樣的辦公低效率環境下，對于程序設計課程可視化教學信息的處理就要提出新的解決方案。因為這個時代的信息一直都在高速發展，要是不抱著發展的觀念看待事情，極有可能被這個市場快速遺忘，甚至被無情地淘汰掉。所以盡早開發一款基于vue的程序設計課程可視化教學系統進行信息的快速處理，既跟上了時代的發展腳步，也能讓自己的核心競爭力有所提升。

系統功能結構設計

下圖就是系統功能結構圖。

數據庫設計

4.3.1數據庫E-R圖設計
程序設計是離不開對應數據庫的設計操作的，這樣的做法就是減少數據對程序的依賴性，所以數據庫的設計也是需要花費大量的日常時間來進行設計的，在設計中對程序開發需要存儲的數據信息進行實體劃分，先確認實體，然后設計實體的屬性等操作，這種設計就是數據庫設計里面不能少的必須有的E-R模型設計。為了降低程序設計的對應的數據庫設計難度，開發人員也可以使用相應的工具來進行E-R模型設計，現在市面上設計E-R模型的工具有PowerDesigner建模工具，Navicat制作工具，還有微軟的Visio繪圖工具。為了簡便起見，本程序在設計E-R模型的時候，就選用了微軟的Visio這款功能強大，操作便利的繪圖工具。
下面就展示基于vue的程序設計課程可視化教學系統的實體E-R圖。
（1）下圖就是管理員實體E-R圖

（2）下圖就是教師實體E-R圖

（3）下圖就是學生信息實體E-R圖

系統功能

結 論

開發基于vue的程序設計課程可視化教學系統是作為畢設作品進行設計的，這個畢設作品是我在校進行知識學習的一個畢業考核項目，也是檢驗我通過網絡工具，圖書工具等學習工具進行自學的能力水平，讓我在根據程序開發的需求分析初步完成程序功能之外，還接觸了程序的測試過程，了解程序測試的具體的過程，以及遇到問題怎么去尋找相應的解決辦法等等，畢業作品的制作以及設計才是學校對我真正的考驗。
在程序軟件沒能進行開發之前，我去了學校的圖書館借了有關數據庫操作的書籍，在查看了sqlserver和MySQL兩種數據庫的相關知識之后，我最后選擇了我比較熟悉的MySQL數據庫。在編程語言的抉擇上，由于自己之前接觸過Java程序的開發，所以為了讓我盡快在短時間內完成程序制作，我確定用Java編程語言進行程序編程。另外我從百度上下載了很多的有關信息增加，信息刪除等操作的源代碼，并通過不斷調試以及完成配套的數據庫的設計，開始完成程序的各個部分的功能。每當我粗心大意，致使我深陷程序開發困擾不能自拔之時，值得慶幸的是，我就會得到老師，還有我的寢室同學的耐心指導。
歷經長達幾個月的畢業作品制作，我憑借自己的知識技能，還有大家的指導幫助，能夠在學校規定的時間段之內提交畢業作品。雖然已經算是完成了畢業作品，但是付出了這么多心血，還是想把這個作品做得更加完美一點。針對我的畢業作品基于vue的程序設計課程可視化教學系統，我覺得還有很多方面需要完善，第一就是界面上需要細微調整，比如色彩搭配有點違背廣眾的審美，需要細微調整，還有系統里面的字體大小也需要調大一點，太小的字體看起來有些費眼。然后在程序的功能上因為自己的入門開發水平的影響，所以目前只能做到這個境界，這個系統相比其他類似系統來說功能很簡單，邏輯結構設計得也比較合理。
自己一個人完成程序的開發，我不僅親自體驗了程序的開發流程，體驗到了程序開發的各種不易。這種體驗也還加深了我對知識的尊重。學海無涯，知識不是大學短短四年就能學完的，在大學學到的知識在最終經歷檢驗時，才會深深地明白自己的知識積累原來還很淺薄。所以今后不管身在何處，自己的學習心態一定要時刻體現出來，要深刻明白知識學到手里就是自己的。同時，自己也不必過多抱怨學到的知識沒有用處，相信學到的知識總會有派上用處的那天。不要等到需要用時再去學習知識，那樣就會導致自己錯失很多本該屬于自己的機遇。

參考文獻

[1]張孝祥,徐明華.JAVA基礎與案例開發詳解[M].清華大學出版社,2012.
[2]康牧.JSP動態網站開發實用教程[M].清華大學出版社,2011.
[3]劉亞賓.精通Eclipse–JAVA技術大系[M].電子工業出版社,2015.
[4]張知青.基于關系數據庫的查詢方法及優化技術分析[J].煤炭技術,2012,31(05):218-220.
[5]趙鋼.JSP Servlet+EJB的Web模式應用研究[J].電子設計工程,2013,21(13):47-49
[6]肖英.解決JSP/Servlet開發中的中文亂碼問題[J].科技傳播,2011,(1)11-25
[7]衛紅春.信息系統分析與設計[M].北京：清華大學出版社,2009.
[8]于萬波.網站開發與應用案例教程[M].清華大學出版社，2009.
[9]黎連業,王華,李淑春.軟件測試與測試技術[M].清華大學出版社，2009.
[10]宋麗娜.基于JSP的Web開發中文亂碼問題的研究與解決[J].電子技術,2013,42(11):5-7.
[11]汪君宇.基于JSP的Web應用軟件開發技術分析[J].科技創新與應用,2018(16):158-160.
[12]王建國.數據庫設計在網站開發中的應用[J].山東農業工程學院學報,2017,34(04):158-159+164.
[13]曾志明.網站開發技術的比較研究[J].電腦知識與技術,2010,6(05):1075-1078.
[14]朱鈞.基于角色的jsp通用權限系統設計與實現[D].山東大學,2014.
[15]陳志譽. Java工具及其調度方法研究[D].華南理工大學,2018.

源碼獲取

歡迎大家點贊、收藏、關注、評論啦 、查看👇🏻獲取聯系方式👇🏻