摘 要
使用旧方法对程序设计课程可视化教学信息进行系统化管理已经不再让人们信赖了，把现在的网络信息技术运用在程序设计课程可视化教学信息的管理上面可以解决许多信息管理上面的难题，比如处理数据时间很长，数据存在错误不能及时纠正等问题。
这次开发的基于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.
源码获取
欢迎大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻