基于Vue的分类招生App设计与实现

目录TOC\o"1-3"\h\u30081摘要 ⑵开发保存数据服务客户端用户（学生）使用功能时，Axios调用和传值到对应功能模块的Servlet，执行数据库连接，并将客户端传来的数据写入数据库中，返回成功或失败状态，客户端页面接收后进行反馈提示。5.3本章小结本章介绍项目实现的过程。在本项目中，前后端分离分别进行开发，分别介绍前端页面的开发过程和后端服务的开发过程。先对项目的前端开发环境及主要页面的实现进行介绍，然后对服务端Servlet服务的开发及调用进行阐述。6项目测试6.1客户端测试在客户端页面编写时，已正确显示所有自动发起的查询信息，所以在客户端只进行用户执行相关操作的测试。在客户端测试中，测试了全部的功能点，通过预期结果和测试结果对比，检验功能是否实现并符合预期的效果。客户端测试表如表6.1所示：表6.1客户端测试表测试内容测试步骤预期结果测试结果用户登录输入正确的账号和密码后点击登录按钮。输入错误的账号和密码后点击登录按钮。成功失败成功失败用户注册输入正确的注册信息点击注册按钮。未输入完整的注册信息成功提示输入完整后再进行注册成功提示输入完整后再进行注册搜索学校或专业在搜索页面输入数据库学校或专业表里存在的名称输入数据库学校或专业表里不存在的名称显示搜索出来对应的学校或专业名不显示任何搜索结果显示搜索出来对应的学校或专业不显示任何搜索结果添加意愿在学校专业页面点击添加培训按钮意愿页面显示刚添加的学校专业意愿页面显示刚添加的学校专业删除意愿在意愿页面点击删除按钮成功删除成功删除添加培训在意愿页面选择任一一条意愿，并点击培训按钮在成功添加培训后，再到意愿页面选择任一一条意愿点击培训按钮培训页面显示刚添加的培训信息点击添加培训按钮显示“添加失败，您已有在进行中的培训”培训页面显示刚添加的培训信息点击添加培训按钮显示“添加失败，您已有在进行中的培训”取消培训在培训页面，点击培训信息里的取消培训按钮取消成功取消成功消息已读在消息页面点击某一条未读消息跳转至消息内容页后返回到消息页面消息状态由未读变为已读消息状态由未读变为已读用户信息完善或修改在我的页面的用户信息栏，点击修改个人信息跳转至个人信息页面。用户未进行信息完善时，显示完善板块用户在进行信息填写后，点击信息完善按钮用户已完善信息，显示修改板块用户在进行信息填写后，点击信息修改按钮显示完善板块完善成功显示修改板块修改成功显示完善板块完善成功显示修改板块修改成功相对于后台管理系统，客户端的使用人数较多，所以在功能测试完毕后，使用JMeter软件对接口进行压力测试REF_Ref11137\r\h[23]。以登录接口为例，设置的线程数为1000，测试的接口实例如图6.1所示。图6.1接口实例测试接口的聚合报告如图6.2所示。图6.2聚合报告测试接口的图形结果如图6.3所示。图6.3图形结果6.2后台管理系统测试在后台管理系统时，已正确显示所有自动发起的查询信息，所以在后台管理系统里只进行管理员执行相关操作的测试。在后台管理系统测试中，测试了全部的功能点，通过预期结果和测试结果对比，检验功能是否实现并符合预期的效果。后台管理系统测试表如表6.2所示：表6.2后台管理系统测试表测试内容测试步骤预期结果测试结果管理员登录输入正确的账号和密码输入错误的账号和密码点击登录按钮。成功失败成功失败用户列表搜素功能，输入数据库用户表里存在的用户账号，点击查询搜素功能，输入数据库用户表里不存在的用户账号，点击查询删除功能，在用户操作栏后点击删除小图标显示搜索出的用户信息显示无法匹配所搜索的账号删除成功显示搜索出的用户信息显示无法匹配所搜索的账号删除成功用户意见反馈在用户意见反馈操作栏后点击回复小图标，并输入回复内容点击回复按钮。显示回复成功显示回复成功专业大全搜索专业，输入数据库专业表里存在的专业名称，点击搜索按钮搜索专业，输入数据库专业表里不存在的专业名称，点击搜索按钮修改一级专业信息删除一级专业修改二级专业信息删除二级专业修改三级专业信息删除三级专业显示搜索出的专业信息显示无法匹配所搜索的专业修改成功删除成功修改成功删除成功修改成功删除成功显示搜索出的专业信息显示无法匹配所搜索的专业修改成功删除成功修改成功删除成功修改成功删除成功专业添加添加一级专业，输入完整的一级专业信息添加二级专业，输入完整的二级专业信息添加三级专业，输入完整的三级专业信息添加成功添加成功添加成功添加成功添加成功添加成功学校大全搜索学校，输入数据库中存在学校名称，点击搜索搜索学校，输入数据库不存在学校名称，点击搜索添加学校，填写学校信息点击添加修改学校删除学校显示搜索结果显示无法匹配添加成功修改成功删除成功显示搜索结果显示无法匹配添加成功修改成功删除成功6.3测试结果在本项目的客户端测试中，测试了客户端所有的功能，所有功能的测试结果与预期结果相同。在本项目的后台管理系统测试中，测试了后台管理系统所有的功能，所有功能的测试结果与预期结果相同。在客户端和后台管理系统的测试中，暂未发现项目中所存在的缺陷与错误，测试本项目后的功能与性能跟项目需求与预期效果符合。对客户端接口进行的压力测试中，对Tomcat服务器进行基础调优后，接口性能表现较好REF_Ref11245\r\h[24]。6.4本章小结本章介绍项目测试的方法、过程及结果，分别对客户端、后台管理系统进行测试。测试的目的REF_Ref11284\r\h[25]是通过运行本项目去发现项目中所存在的缺陷与错误后，加以修改让整个项目运行更加稳定，能够验证本项目完成后的功能与性能是否跟项目需求与预期效果符合。

结论与展望对参加分类考试的学生而言，如何去选择适合自身的学校专业极为重要，但由于缺少了解学校及专业的平台，俨然成为学生选择的学校专业不理想的主要原因。本文通过对参加分类考试学生群体的调查分析，最终决定并完成了分类招生App的设计与实现。随着分类考试规模逐年扩大，参加分类考试的学生群体也随之逐年剧增，学生群体对了解学校专业平台的需求愈加迫切，因此本项目具有极强的必要性和现实意义。分类招生项目包括客户端以及后台管理系统，是一个完整且运行流畅的项目系统。在本项目的开发过程中，通过对项目的需求进行详细分析后，得到主要的功能模块，并对每一个功能模块进行细化。在主要的功能模块开发完毕后，再进行功能性不强但不可缺少的模块开发，完善了分类招生项目。开发过程包括客户端页面开发、后台管理系统页面开发、后端服务开发、Web应用服务器和数据库开发。完成后的分类招生App能够满足用户的基本需求（了解学校、专业的平台及根据自身情况进行选择适合的学校专业），解决了用户了解难、选择难乱选择等问题。完成后的分类招生后台管理系统能够满足对项目的管理需求，用来管理客户端的相关内容。虽已初步完成项目，但整个项目依旧存在待完善的地方，例如需要进行UI界面美化、功能拓展、优化并提升运行速度等。在未来本项目需要进行更新迭代，在使用和维护的过程中发现项目的不足和缺陷，应及时加以完善和修改，才会让项目愈加贴合于参加分类考试学生群体的需求。

参考文献教育部:加快推进高职院校分类招考,分类考试录取数将占招生总数的一半[J].职业教育(下旬刊),2016(02):71吴霓,杨颖东.我国高职院校自主招生政策的基本特征、实施现状及问题反思[J].中国职业技术教育,2020(03):74-80王向珩.高等职业院校分类考试招生对策研究[J].智库时代,2020(02):125-126D"AnnaSuzanne,DenmarkBob,RosenthalMatthew,O"SullivanMailletJulie.HighSchoolStudents"CollegeOutcomesinaDualEnrollmentProgram,1998-2015.[J].Journalofalliedhealth,2019,48(4):263-269李松林.美、法高校招生制度改革动向[J].中国高等教育,2009(10):61-62梁灏.Vue.js实战[M].北京：清华大学出版社.2017:3-7张耀春.Vue.js权威指南[M].北京：电子工业出版社.2016:1-3JunhuiSong,MinZhang,HuaXie.DesignandImplementationofaVue.js-BasedCollegeTeachingSystem[J].InternationalJournalofEmergingTechnologiesinLearning,2019,14(13):59-69XianfengLi,ZhiqiangBao.AcomprehensiveperformancestudyofHTML5-enabledWebApps[J].Int.J.ofEmbeddedSystems,2017,9(2):119-129朱二华.基于Vue.js的Web前端应用研究[J].科技与创新,2017(20):119-121JuFengJuan.TheApplicationofServletandJavabeanIntheDesignofBlog[J].EnergyProcedia,2011,13:8952-8956赵明渊.JavaEE教程[M].北京：清华大学出版社.2015:119-123温立辉.JavaEE编程技术[M].北京：北京理工大学出版社.2016:26-39秦园园.关于Tomcat的一些问题探讨[J].山西科技,2011,26(04):40-41SuzanneW.Dietrich,SusanD.Urban,IonKyriakides.JDBCdemonstrationcoursewareusingServletsandJavaServerPages.2002,34(1):266-270孙鑫.JavaWeb开发详解[M].北京：电子工业出版社.2006:260-298Cabral,SheeriK.MySQL5.5:ImprovingontheWorld'sMostPopularOpenSourceDatabase[J].DatabaseTrendsandApplications,2011,25(3):30-30郑阿奇.MySQL实用教程[M].北京：电子工业出版社.2009:2-17Chin,AmitaGoyal.DatabaseProgrammingwithJDBCandJAVA[J].JournalofDatabaseManagement,1999,10(2):37-38黄新艳.微信小程序开发中flex布局容器及元素之属性技术释疑[J].信息与电脑(理论版),2017(14):78-80吴永娜,杨春旭,许佳南.基于html5+css3的网页自适应布局设计[J].电脑知识与技术,2019,15(28):242-244张振超,吴杰,陈序蓬.浅谈Java中Mysql数据库的连接与操作[J].信息记录材料,2020,21(02):144-145陈阿妹,陈佳丽,陈斌仙.基于JMeter的Web性能测试的研究[J].九江学院学报(自然科学版),2016,31(01):70-76怯肇乾.Tomcat应用服务器高并发优化处理[J].电脑编程技巧与维护,2018(02):129-136郑慧芬.APP软件接口测试[J].电子技术与软件工程,2018(02):45

致谢四年时光如白驹过隙，转眼间大学生涯将要结束，回想在这四年的大学生活里，紧张并快乐、忙碌且充实。在大学期间，学会的不只是有用的专业知识，还有为人处事的态度。转眼毕业在即，心中充满无限感激和留念之情，因为疫情不能回到学校里，也感到十分遗憾。老师们课堂上的激情洋溢，课堂下的谆谆教诲；同学们在学习上的认真热情，生活上的热心主动；学校的安静和美丽，所有的一切都让我充满感动。大学求学四年，得到了很多老师、同学和朋友的关心、帮助和鼓励，在这里，向他们表达我最诚挚的谢意和衷心的祝福。在此，感谢指导教师崔满老师和刘荫忠老师对我的关心和支持，他们在忙碌的教学工作中挤出时间来审查、修改我的论文，严谨细致、一丝不苟的做风一直是我学习、工作中的榜样，谨向崔老师和刘荫忠老师致以诚挚的谢意和崇高的敬意。感谢智能工程学院的诸位师长，诸位师长的谆谆教诲我将铭记在心，祝师长们身体健康、家庭幸福。感谢计算机系的各位同学，你们和我共同度过了四年美好难忘的大学时光，祝你们前程似锦、事业有成。在此，我再一次真诚地向帮助我的老师和同学表示感谢！

捷键与一些电脑小技巧HYPERLINKwinkey+d:

这是高手最常用的第一快捷组合键。这个快捷键组合可以将桌面上的所有窗口瞬间最小化，无论是聊天的窗口还是游戏的窗口……只要再次按下这个组合键，刚才的所有窗口都回来了，而且激活的也正是你最小化之前在使用的窗口！

--这个就是winkeywinkey+f:

不用再去移动鼠标点“开始→搜索→文件和文件夹”了，在任何状态下，只要一按winkey+f就会弹出搜索窗口。

winkey+r:

在我们的文章中，你经常会看到这样的操作提示:“点击‘开始→运行’，打开‘运行’对话框……”。其实，还有一个更简单的办法，就是按winkey+r！

alt+tab:

如果打开的窗口太多，这个组合键就非常有用了，它可以在一个窗口中显示当前打开的所有窗口的名称和图标●，选中自己希望要打开的窗口，松开这个组合键就可以了。而alt+tab+shift键则可以反向显示当前打开的窗口。

winkey+e:

当你需要打开资源管理器找文件的时候，这个快捷键会让你感觉非常“爽”！再也不用腾出一只手去摸鼠标了！

小提示:

winkey指的是键盘上刻有windows徽标的键●。winkey主要出现在104键和107键的键盘中。104键盘又称win95键盘，这种键盘在原来101键盘的左右两边、ctrl和alt键之间增加了两个windwos键和一个属性关联键。107键盘又称为win98键盘，比104键多了睡眠、唤醒、开机等电源管理键，这3个键大部分位于键盘的右上方。

再补充点

F1显示当前程序或者windows的帮助内容。

F2当你选中一个文件的话，这意味着“重命名”

F3当你在桌面上的时候是打开“查找：所有文件”对话框

F10或ALT激活当前程序的菜单栏

windows键或CTRL+ESC打开开始菜单

CTRL+ALT+DELETE在win9x中打开关闭程序对话框

DELETE删除被选择的选择项目，如果是文件，将被放入回收站

SHIFT+DELETE删除被选择的选择项目，如果是文件，将被直接删除而不是

放入回收站

CTRL+N新建一个新的文件

CTRL+O打开“打开文件”对话框

CTRL+P打开“打印”对话框

CTRL+S保存当前操作的文件

CTRL+X剪切被选择的项目到剪贴板

CTRL+INSERT或CTRL+C复制被选择的项目到剪贴板

SHIFT+INSERT或CTRL+V粘贴剪贴板中的内容到当前位置

ALT+BACKSPACE或CTRL+Z撤销上一步的操作

ALT+SHIFT+BACKSPACE重做上一步被撤销的操作

Windows键+D：最小化或恢复windows窗口

Windows键+U：打开“辅助工具管理器”

Windows键+CTRL+M重新将恢复上一项操作前窗口的大小和位置

Windows键+E打开资源管理器

Windows键+F打开“查找：所有文件”对话框

Windows键+R打开“运行”对话框

Windows键+BREAK打开“系统属性”对话框

Windows键+CTRL+F打开“查找：计算机”对话框

SHIFT+F10或鼠标右击打开当前活动项目的快捷菜单

SHIFT在放入CD的时候按下不放，可以跳过自动播放CD。在打开wo

rd的时候按下不放，可以跳过自启动的宏

ALT+F4关闭当前应用程序

ALT+SPACEBAR打开程序最左上角的菜单

ALT+TAB切换当前程序

ALT+ESC切换当前程序

ALT+ENTER将windows下运行的MSDOS窗口在窗口和全屏幕状态间切换

PRINTSCREEN将当前屏幕以图象方式拷贝到剪贴板

ALT+PRINTSCREEN将当前活动程序窗口以图象方式拷贝到剪贴板

CTRL+F4关闭当前应用程序中的当前文本（如word中）

CTRL+F6切换到当前应用程序中的下一个文本（加shift可以跳到前

一个窗口）

在IE中：

ALT+RIGHTARROW显示前一页（前进键）

ALT+LEFTARROW显示后一页（后退键）

CTRL+TAB在页面上的各框架中切换（加shift反向）

F5刷新

CTRL+F5强行刷新1.打开“我的电脑”-“工具”-“文件夹选项”-“查看”-在“显示所有文件和文件夹”选项前打勾-“确定”

2.删除以下文件夹中的内容：

x:\DocumentsandSettings\用户名\Cookies\下的所有文件(保留index文件)

x:\DocumentsandSettings\用户名\LocalSettings\Temp\下的所有文件(用户临时文件)

x:\DocumentsandSettings\用户名\LocalSettings\TemporaryInternetFiles\下的所有文件(页面文件)

x:\DocumentsandSettings\用户名\LocalSettings\History\下的所有文件(历史纪录)

x:\DocumentsandSettings\用户名\Recent\下的所有文件(最近浏览文件的快捷方式)

x:\WINDOWS\Temp\下的所有文件(临时文件)

x:\WINDOWS\ServicePackFiles(升级sp1或sp2后的备份文件)

x:\WINDOWS\DriverCache\i386下的压缩文件(驱动程序的备份文件)

x:\WINDOWS\SoftwareDistribution\download下的所有文件

3.如果对系统进行过windoesupdade升级，则删除以下文件：x:\windows\下以$u...开头的隐藏文件

4.然后对磁盘进行碎片整理，整理过程中请退出一切正在运行的程序

5.碎片整理后打开“开始”-“程序”-“附件”-“系统工具”-“系统还原”-“创建一个还原点”(最好以当时的日期作为还原点的名字)

6.打开“我的电脑”-右键点系统盘-“属性”-“磁盘清理”-“其他选项”-单击系统还原一栏里的“清理”-选择“是”-ok了

7、在各种软硬件安装妥当之后，其实XP需要更新文件的时候就很少了。删除系统备份文件吧：开始→运行→sfc.exe/purgecache近3xxM。(该命令的作用是立即清除"Windows文件保护"文件高速缓存，释放出其所占据的空间)

8、删掉\windows\system32\dllcache下dll档(减去200——300mb),这是备用的dll档，只要你已拷贝了安装文件，完全可以这样做。

9、XP会自动备份硬件的驱动程序，但在硬件的驱动安装正确后，一般变动硬件的可能性不大，所以也可以考虑将这个备份删除，文件位于\windows\drivercache\i386目录下，名称为driver.cab，你直接将它删除就可以了，通常这个文件是74M。

10、删除不用的输入法：对很多网友来说，WindowsXPt系统自带的输入法并不全部都合适自己的使用，比如IMJP8_1日文输入法、IMKR6_1韩文输入法这些输入法，如果用不着，我们可以将其删除。输入法位于\windows\ime\文件夹中，全部占用了88M的空间。

11、升级完成发现windows\多了许多类似$NtUninstallQ311889$这些目录，都干掉吧，1x-3xM

12、另外，保留着\windows\help目录下的东西对我来说是一种伤害，呵呵。。。都干掉！

13、关闭系统还原：系统还原功能使用的时间一长，就会占用大量的硬盘空间。因此有必要对其进行手工设置，以减少硬盘占用量。打开"系统属性"对话框，选择"系统还原"选项，选择"在所有驱动器上关闭系统还原"复选框以关闭系统还原。也可仅对系统所在的磁盘或分区设置还原。先选择系统所在的分区，单击"配置"按钮，在弹出的对话框中取消"关闭这个驱动器的系统还原"选项，并可设置用于系统还原的磁盘空间大小。

14、休眠功能会占用不少的硬盘空间，如果使用得少不妨将共关闭，关闭的方法是的：打开"控制面板"，双击"电源选项"，在弹出的"电源选项属性"对话框中选择"休眠"选项卡，取消"启用休眠"复选框。

15、卸载不常用组件：XP默认给操作系统安装了一些系统组件，而这些组件有很大一部分是你根本不可能用到的，可以在"添加/删除Windows组件"中将它们卸载。但其中有一些组件XP默认是隐藏的，在"添加/删除Windows组件"中找不到它们，这时可以这样操作：用记事本打开\windows\inf\sysoc.inf这个文件，用查找/替换功能把文件中的"hide"字符全部替换为空。这样，就把所有组件的隐藏属性都去掉了，存盘退出后再运行"添加-删除程序"，就会看见多出不少你原来看不见的选项，把其中那些你用不到的组件删掉（记住存盘的时候要保存为sysoc.inf，而不是默认的sysoc.txt），如Internat信使服务、传真服务、Windowsmessenger，码表等，大约可腾出近50MB的空间。

16、清除系统临时文件：系统的临时文件一般存放在两个位置中：一个Windows安装目录下的Temp文件夹；另一个是x:\DocumentsandSettings"用户名"\LocalSettings\Temp文件夹(Y:是系统所在的分区)。这两个位置的文件均可以直接删除。

17、清除Internet临时文件：定期删除上网时产生的大量Internet临时文件，将节省大量的硬盘空间。打开IE浏览器，从"工具"菜单中选择"Internet选项"，在弹出的对话框中选择"常规"选项卡，在"Internet临时文件"栏中单击"删除文件"按钮，并在弹出"删除文件"对话框，选中"删除所有脱机内容"复选框，单击"确定"按钮。

18、清除预读文件：WindowsXP的预读设置虽然可以提高系统速度，但是使用一段时间后，预读文件夹里的文件数量会变得相当庞大，导致系统搜索花费的时间变长。而且有些应用程序会产生死链接文件，更加重了系统搜索的负担。所以，应该定期删除这些预读文件。预计文件存放在WindowsXP系统文件夹的Prefetch文件夹中，该文件夹下的所有文件均可删除。

19、压缩NTFS驱动器、文件或文件夹：如果你的硬盘采用的是NTFS文件系统，空间实在紧张，还可以考虑启用NTFS的压缩功能。右击要压缩的驱动器－"属性"－"常规"－"压缩磁盘以节省磁盘空间"，然后单击"确定"，在"确认属性更改"中选择需要的选项。这样可以节省约20%的硬盘空间。在压缩C盘的时候，最好在安全模式下压缩，这样效果要好一些。

20、关闭华医生Dr.Watson：要关闭Dr.Watson可打开注册表编辑器，找到"HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\AeDebug"分支，双击其下的Auto键值名称，将其"数值数据"改为0，最后按F5刷新使设置生效，这样就取消它的运行了。也在"开始"->"运行"中输入"drwtsn32"命令，或者"开始"->"程序"->"附件"->"系统工具"->"系统信息"->"工具"->"DrWatson"，调出系统里的华医生Dr.Watson，只保留"转储全部线程上下文"选项，否则一