最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

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

业界 admin 2浏览 0评论

目 录

摘 要 I
Abstract II
引 言 1
1 绪论 3
1.1 项目的研究背景与意义 3

  1. 1.1 研究背景 3
  2. 1.2 研究意义 3
    1.2 研究现状 4
    1.3 技术简介 4
  3. 3.1 前端开发技术 4
  4. 3.2 服务端开发技术 5
  5. 3.3 数据库 6
    1.4 本章小结 6
    2 项目分析 7
    2.1 项目角色 7
    2.2 功能结构图 7
  6. 2.1 客户端功能结构图 7
  7. 2.2 后台管理系统功能结构图 8
    2.3 本章小结 8
    3 项目设计 9
    3.1 项目业务流程 9
  8. 1.1 客户端业务流程 9
  9. 1.1 后台管理系统业务流程 9
    3.2 项目用例设计 10
    3.3 项目架构设计 11
    3.4 项目模块设计 12
  10. 4.1 客户端模块设计 12
  11. 4.2 后台管理系统模块设计 14
    4 数据库的设计与实现 19
    4.1 数据库需求分析 19
    4.2 数据库建模 19
    4.3 数据库表的设计 19
    5 项目实现 25
    5.1 前端页面开发过程 25
  12. 1.1 开发环境搭建 25
  13. 1.2 页面框架搭建 25
  14. 1.3 主要页面实现 27
    5.2 后端服务的开发过程 32
  15. 2.1 开发及调用Servlet服务 32
  16. 2.2 开发Dao层 33
    5.3 本章小结 34
    6 项目测试 35
    6.1 客户端测试 35
    6.2 后台管理系统测试 37
    6.3 测试结果 38
    6.4 本章小结 38
    结论与展望 39
    参考文献 40
    致 谢 42

摘 要

随着分类考试制度的推行,分类考试规模逐年扩大,选择分类考试的学生人数随之逐年剧增。分类考试的体系尚不完善,参加分类考试的学生缺少了解学校和专业的平台,随着学生群体人数的剧增,如何解决学生群体对学校和专业平台的需求问题变得日益严峻。由于大部分学生对学校专业了解过少和不清楚自身兴趣爱好,在入学后对就读的学校不满意和对所选专业缺乏兴趣,严重影响了学生当前及未来的发展,因此开发满足现阶段学生需求的分类招生App具有极其重要的实际意义。
本文使用主流的HTML、CSS和Vue框架做前台页面的开发,使用Java Servlet做后台服务的开发,使用JDBC与数据库进行连接和操作。本文一共阐述了用户和管理员两类角色,为用户提供了与选择学校专业相关的功能,为管理员提供了管理功能。本项目为参加分类考试的学生提供一个了解学校及专业的平台,以各个学校专业的信息和特点为基础,并让学生从自身的兴趣爱好出发,有效减少学生选择学校专业时的盲目性,让学生自主地选择适合自身的学校专业。本项目在经过测试后,项目的功能与性能跟项目需求与预期效果符合,完成后的项目功能覆盖范围广、整体性能较好、易于操作使用、便于维护管理,能够满足于参加分类考试的学生群体的基本要求。
关键词:分类考试;分类招生APP; Vue

Abstract

With the implementation of the classified examination system, the scale of the classified examination increases year by year, and the number of students who choose the classified examination increases sharply year by year. The system of classified examination is not perfect, and the students who take the classified examination lack the platform to understand the school and the major. With the rapid increase of the number of students, how to solve the problem of how to meet the needs of the student group for the school and the professional platform has become increasingly serious. As most students know little about the major of the school and don’t know their own interests and hobbies, they are not satisfied with the school they are studying in and lack interest in the major they choose after enrollment, which seriously affects the current and future development of students. Therefore, it is of great practical significance to develop a classified enrollment App that meets the needs of students at the current stage.
This paper uses the mainstream HTML, CSS and Vue framework to do the development of the page, uses Java Servlet to do the development of background services, and uses JDBC to connect and operate with the database. This paper elaborates two roles of user and administrator in total, providing users with functions related to choosing school majors and administrators with management functions. This project provides a platform for students to learn about schools and majors by taking classified examinations. Based on the information and characteristics of various schools’ majors, it also allows students to start from their own interests and hobbies, effectively reducing the blindness of students in choosing school majors and allowing students to independently choose the majors suitable for themselves. After the test of this project, the function and performance of the project are in line with the requirements and expected effects of the project. The completed project covers a wide range of functions, has good overall performance, is easy to operate and use, is easy to maintain and manage, and can meet the basic requirements of the students who take the classified examination.
Keywords: Classification of the test; Classified admission APP; Vue

引 言

全球的高等教育招生制度都在进行改革,我国也从普通高考的单一统一招生模式,变成统一招生和高校自主招生结合的多种招生模式。普通高考历经了三十余年,体系相对完整,分类考试从近几年开始实行,体系较为不完善。参加分类考试的学生,没有了解学校专业的平台,不清楚自己喜好,也不知道什么学校专业适合自己。本设计为参加分类考试的学生提供了了解学校及专业的平台,学生可获取到全面详细的学校专业信息,同时帮助学生进行测评了解适合自身的学校专业。按照学生的意愿去选择学校专业,最大限度地避免了选错学校专业的情况,因此本设计的实施具有极强的必要性和意义。
根据需求而言,自从国家推行分类考试的政策以来,通过大力推进高职院校分类招生考试,高职院校分类考试招生的录取人数占全部招生人数半数以上,而且该比重将持续扩大。越来越多的学生参加分类招生考试,意味着社会对此有着极大的需求。高职院校分类招生考试对学校和学生而言都是极为有利的,而且很好地满足了当前及未来的教育需求,基于此推断该需求在未来极长一段时间内会逐年扩大。分类招生考试规模越来越大,参加分类招生考试的学生群体人数逐年剧增,因此解决学生和学校之间存在的问题变得更加迫切。
根据目前而言,国内并没有针对于分类考试的平台和软件。学生了解进行分类招生考试的高职院校的方式单一,只能通过高职院校到班级的宣传或是到对应高职院校的学校官网中进行了解,通过宣传的方式去了解的信息有限,而通过官网的方式去了解的信息虽然全面但缺乏对比性。在学生选择学校专业的过程中,除了对学校专业应有着充分的了解外,最大的问题在于学生能否清楚自身的兴趣爱好,不了解学校专业和不清楚自身兴趣爱好将会导致学生不能选择适合自身的学校专业。所以,一个满足当前需求服务于分类招生考试的平台有着极大的发展空间。
针对于参加分类招生考试的学生了解高职院校方式单一的现状,本项目为参加分类招生考试的学生提供一个了解学校、专业的平台,以及辅助学生了解自身喜好,搭建学生和学校间的桥梁,解决了分类考试中学生选择学校专业过程里的需求缺口。本项目的出现,能够满足学生的基本需求(了解学校、专业的平台及根据自身情况进行选择适合的学校专业),解决了学生了解难、选择难乱选择等问题。
本论文主要体现分类招生App的设计理念,及该项目中一些具体功能的设计与实现,对理解本项目具有重要的作用。本文第一章主要描述本项目的研究背景与研究意义、研究现状以及本项目所使用的核心技术。第二章分析项目角色,确定了客户端功能结构和后台管理系统功能结构。第三章介绍项目的架构,以及客户端和后台管理系统的模块设计。第四章介绍数据库设计到实现的完整流程。第五章介绍项目实现的过程,本项目使用前后端分离开发,分别介绍前端页面的开发过程和后端服务的开发过程。第六章介绍项目测试,分别对客户端和后台管理系统的功能进行测试,并对客户端进行压力测试。

1 绪论

1.1 项目的研究背景与意义

  1. 1.1 研究背景
    在国内,高考是步入高等院校中接受教育的最主要方式。经过全国恢复高考以来,高考已经走过了三十多个年头,高考体系也随之逐年完善。随着高等教育规模扩大,传统高考满足不了考试和教育的需求,高校需要扩大自主招生权,学生需要更多的自我选择权。于是,国家对高校招生制度进行改革,提出了分类考试。教育部通知加快推进高职院校分类招生考试,且分类招生考试的录取人数将占总的招生人数的50%[1]。分类考试是高考中重要的一部分,但相对体系较为完善的传统高考而言,分类考试体系并不完善,满足不了参加分类考试学生的需求。
    随着分类考试制度的推行,分类考试规模逐年扩大,选择分类考试的学生人数随之逐年剧增。分类考试的体系尚不完善,参加分类考试的学生缺少了解学校和专业的平台,随着学生群体人数的剧增,如何解决学生群体对学校和专业平台的需求问题变得日益严峻。由于大部分学生对学校专业了解过少和不清楚自身兴趣爱好,在入学后对就读的学校不满意和对所选专业缺乏兴趣,严重影响了学生当前及未来的发展,从中挖掘出现阶段参加分类考试的学生对了解学校专业的平台有着极大的需求缺口,需迫切解决这一现状。
  2. 1.2 研究意义
    由于分类考试整个体系还在持续完善中,对参加分类考试的学生而言,一个能够全面了解各个学校和专业的平台是极为重要的。打造一个服务于分类考试的分类招生App,为参加分类考试的学生提供了解学校和专业的平台,搭建学生与学校、专业间的桥梁。让学生充分了解专业的特点、专业内容、开设课程、培养目标、未来平均薪资、毕业就业率以及就业方向,再根据自身兴趣爱好来选择学校和专业。
    在国家大力推行分类考试制度下,参加分类考试的学生群体逐年剧增。学生在进行学校专业选择时,未充分了解学校专业,也不清楚自身对哪些专业感兴趣,于是造成入学后学习动力不足,并严重影响了学生未来的发展。基于此,为了更好地为参加分类考试的学生提供帮助,更好地辅助学生去选择学校专业,设计并实现分类招生App。
    1.2 研究现状
    高考对每一位学生来说都是极为重要的,无论是普通高考或是分类考试都是如此。对于成绩较好的学生们来说,普通高考无疑是一次改变的机遇,但对于成绩较差的学生而言,选择分类考试能更好地体现自身的价值。因此,学生应选择适合自身的教育才会有更佳的发展。分类考试的出现,体现出高等教育选拔的多样性。
    虽然国家大力支持和推进分类考试,但分类考试整个体系还在持续完善中,同时高职院校的自主招生考试存在着许多问题,只能通过继续深化加强改革进行解决[2]。普通高职院校为国家提供了大批的专业技术人才,起到促进经济发展的作用,是国家高等教育中不可缺少的一大构成成分。招生制度改革后的多样化进一步挖掘职业院校的发展潜力,培养适应于社会发展需要的高技能人才[3]。
    自20世纪60年代来,在国外很多国家进行的教育改革下,极大地促进高校的多样化发展。因为传统招生形势和方法有很大的局限,以及高校规模不断扩大,人们的教育观念也在实时变化,国外的招生制度也随之变化。在对1998年至1015年美国高校双招生计划(属于高校自主招生)的学生大学成绩统计中,双招生计划学生的大学学位完成率比全国平均水平高[4]。招生制度改革后高校拥有了更大的自主招生权,招生时采取不同的招生制度,更适合社会不断发展的多种需求[5]。
    目前国内并没有针对于分类考试的平台和软件,普遍现象是高职院校到高中毕业班级中进行的宣传,而学生在此过程中所了解到的信息极为有限。由于学生缺少了解的渠道、信息的不完整和缺乏对比性,以及学生不清楚自身兴趣爱好等情况,导致学生不能选择适合自身的学校专业。本项目为参加分类招生考试的学生提供一个了解学校、专业的平台,以及辅助学生了解自身喜好,搭建学生和学校间的桥梁,解决了分类考试中学生选择学校专业过程里的需求缺口。
    1.3 技术简介
  3. 3.1 前端开发技术
    本项目前端技术采用Vue框架。Vue是一套用于构建用户界面的渐进式框架,具备声明式渲染、组件、路由等特点,可以进行响应式的数据绑定,注重view层,不用关心DOM操作[6]。使用MVVM设计模式,让前端的开发更为方便[7]。同时,Vue.js也是MVVM模式的最好的轻量级前端框架[8]。Vue作为目前最火的前端框架,容易使用、灵活且高效,因此本项目前端选用它来进行开发。在本项目中,使用Vue-cli脚手架来进行快速构建Vue项目。
    因本项目客户端属于WebApp[9],故将前后端进行分离,在前后端的数据交互中,所选用的是Axios技术。项目设计初期考虑使用Fetch和Ajax

目 录

摘 要 I
Abstract II
引 言 1
1 绪论 3
1.1 项目的研究背景与意义 3

  1. 1.1 研究背景 3
  2. 1.2 研究意义 3
    1.2 研究现状 4
    1.3 技术简介 4
  3. 3.1 前端开发技术 4
  4. 3.2 服务端开发技术 5
  5. 3.3 数据库 6
    1.4 本章小结 6
    2 项目分析 7
    2.1 项目角色 7
    2.2 功能结构图 7
  6. 2.1 客户端功能结构图 7
  7. 2.2 后台管理系统功能结构图 8
    2.3 本章小结 8
    3 项目设计 9
    3.1 项目业务流程 9
  8. 1.1 客户端业务流程 9
  9. 1.1 后台管理系统业务流程 9
    3.2 项目用例设计 10
    3.3 项目架构设计 11
    3.4 项目模块设计 12
  10. 4.1 客户端模块设计 12
  11. 4.2 后台管理系统模块设计 14
    4 数据库的设计与实现 19
    4.1 数据库需求分析 19
    4.2 数据库建模 19
    4.3 数据库表的设计 19
    5 项目实现 25
    5.1 前端页面开发过程 25
  12. 1.1 开发环境搭建 25
  13. 1.2 页面框架搭建 25
  14. 1.3 主要页面实现 27
    5.2 后端服务的开发过程 32
  15. 2.1 开发及调用Servlet服务 32
  16. 2.2 开发Dao层 33
    5.3 本章小结 34
    6 项目测试 35
    6.1 客户端测试 35
    6.2 后台管理系统测试 37
    6.3 测试结果 38
    6.4 本章小结 38
    结论与展望 39
    参考文献 40
    致 谢 42

摘 要

随着分类考试制度的推行,分类考试规模逐年扩大,选择分类考试的学生人数随之逐年剧增。分类考试的体系尚不完善,参加分类考试的学生缺少了解学校和专业的平台,随着学生群体人数的剧增,如何解决学生群体对学校和专业平台的需求问题变得日益严峻。由于大部分学生对学校专业了解过少和不清楚自身兴趣爱好,在入学后对就读的学校不满意和对所选专业缺乏兴趣,严重影响了学生当前及未来的发展,因此开发满足现阶段学生需求的分类招生App具有极其重要的实际意义。
本文使用主流的HTML、CSS和Vue框架做前台页面的开发,使用Java Servlet做后台服务的开发,使用JDBC与数据库进行连接和操作。本文一共阐述了用户和管理员两类角色,为用户提供了与选择学校专业相关的功能,为管理员提供了管理功能。本项目为参加分类考试的学生提供一个了解学校及专业的平台,以各个学校专业的信息和特点为基础,并让学生从自身的兴趣爱好出发,有效减少学生选择学校专业时的盲目性,让学生自主地选择适合自身的学校专业。本项目在经过测试后,项目的功能与性能跟项目需求与预期效果符合,完成后的项目功能覆盖范围广、整体性能较好、易于操作使用、便于维护管理,能够满足于参加分类考试的学生群体的基本要求。
关键词:分类考试;分类招生APP; Vue

Abstract

With the implementation of the classified examination system, the scale of the classified examination increases year by year, and the number of students who choose the classified examination increases sharply year by year. The system of classified examination is not perfect, and the students who take the classified examination lack the platform to understand the school and the major. With the rapid increase of the number of students, how to solve the problem of how to meet the needs of the student group for the school and the professional platform has become increasingly serious. As most students know little about the major of the school and don’t know their own interests and hobbies, they are not satisfied with the school they are studying in and lack interest in the major they choose after enrollment, which seriously affects the current and future development of students. Therefore, it is of great practical significance to develop a classified enrollment App that meets the needs of students at the current stage.
This paper uses the mainstream HTML, CSS and Vue framework to do the development of the page, uses Java Servlet to do the development of background services, and uses JDBC to connect and operate with the database. This paper elaborates two roles of user and administrator in total, providing users with functions related to choosing school majors and administrators with management functions. This project provides a platform for students to learn about schools and majors by taking classified examinations. Based on the information and characteristics of various schools’ majors, it also allows students to start from their own interests and hobbies, effectively reducing the blindness of students in choosing school majors and allowing students to independently choose the majors suitable for themselves. After the test of this project, the function and performance of the project are in line with the requirements and expected effects of the project. The completed project covers a wide range of functions, has good overall performance, is easy to operate and use, is easy to maintain and manage, and can meet the basic requirements of the students who take the classified examination.
Keywords: Classification of the test; Classified admission APP; Vue

引 言

全球的高等教育招生制度都在进行改革,我国也从普通高考的单一统一招生模式,变成统一招生和高校自主招生结合的多种招生模式。普通高考历经了三十余年,体系相对完整,分类考试从近几年开始实行,体系较为不完善。参加分类考试的学生,没有了解学校专业的平台,不清楚自己喜好,也不知道什么学校专业适合自己。本设计为参加分类考试的学生提供了了解学校及专业的平台,学生可获取到全面详细的学校专业信息,同时帮助学生进行测评了解适合自身的学校专业。按照学生的意愿去选择学校专业,最大限度地避免了选错学校专业的情况,因此本设计的实施具有极强的必要性和意义。
根据需求而言,自从国家推行分类考试的政策以来,通过大力推进高职院校分类招生考试,高职院校分类考试招生的录取人数占全部招生人数半数以上,而且该比重将持续扩大。越来越多的学生参加分类招生考试,意味着社会对此有着极大的需求。高职院校分类招生考试对学校和学生而言都是极为有利的,而且很好地满足了当前及未来的教育需求,基于此推断该需求在未来极长一段时间内会逐年扩大。分类招生考试规模越来越大,参加分类招生考试的学生群体人数逐年剧增,因此解决学生和学校之间存在的问题变得更加迫切。
根据目前而言,国内并没有针对于分类考试的平台和软件。学生了解进行分类招生考试的高职院校的方式单一,只能通过高职院校到班级的宣传或是到对应高职院校的学校官网中进行了解,通过宣传的方式去了解的信息有限,而通过官网的方式去了解的信息虽然全面但缺乏对比性。在学生选择学校专业的过程中,除了对学校专业应有着充分的了解外,最大的问题在于学生能否清楚自身的兴趣爱好,不了解学校专业和不清楚自身兴趣爱好将会导致学生不能选择适合自身的学校专业。所以,一个满足当前需求服务于分类招生考试的平台有着极大的发展空间。
针对于参加分类招生考试的学生了解高职院校方式单一的现状,本项目为参加分类招生考试的学生提供一个了解学校、专业的平台,以及辅助学生了解自身喜好,搭建学生和学校间的桥梁,解决了分类考试中学生选择学校专业过程里的需求缺口。本项目的出现,能够满足学生的基本需求(了解学校、专业的平台及根据自身情况进行选择适合的学校专业),解决了学生了解难、选择难乱选择等问题。
本论文主要体现分类招生App的设计理念,及该项目中一些具体功能的设计与实现,对理解本项目具有重要的作用。本文第一章主要描述本项目的研究背景与研究意义、研究现状以及本项目所使用的核心技术。第二章分析项目角色,确定了客户端功能结构和后台管理系统功能结构。第三章介绍项目的架构,以及客户端和后台管理系统的模块设计。第四章介绍数据库设计到实现的完整流程。第五章介绍项目实现的过程,本项目使用前后端分离开发,分别介绍前端页面的开发过程和后端服务的开发过程。第六章介绍项目测试,分别对客户端和后台管理系统的功能进行测试,并对客户端进行压力测试。

1 绪论

1.1 项目的研究背景与意义

  1. 1.1 研究背景
    在国内,高考是步入高等院校中接受教育的最主要方式。经过全国恢复高考以来,高考已经走过了三十多个年头,高考体系也随之逐年完善。随着高等教育规模扩大,传统高考满足不了考试和教育的需求,高校需要扩大自主招生权,学生需要更多的自我选择权。于是,国家对高校招生制度进行改革,提出了分类考试。教育部通知加快推进高职院校分类招生考试,且分类招生考试的录取人数将占总的招生人数的50%[1]。分类考试是高考中重要的一部分,但相对体系较为完善的传统高考而言,分类考试体系并不完善,满足不了参加分类考试学生的需求。
    随着分类考试制度的推行,分类考试规模逐年扩大,选择分类考试的学生人数随之逐年剧增。分类考试的体系尚不完善,参加分类考试的学生缺少了解学校和专业的平台,随着学生群体人数的剧增,如何解决学生群体对学校和专业平台的需求问题变得日益严峻。由于大部分学生对学校专业了解过少和不清楚自身兴趣爱好,在入学后对就读的学校不满意和对所选专业缺乏兴趣,严重影响了学生当前及未来的发展,从中挖掘出现阶段参加分类考试的学生对了解学校专业的平台有着极大的需求缺口,需迫切解决这一现状。
  2. 1.2 研究意义
    由于分类考试整个体系还在持续完善中,对参加分类考试的学生而言,一个能够全面了解各个学校和专业的平台是极为重要的。打造一个服务于分类考试的分类招生App,为参加分类考试的学生提供了解学校和专业的平台,搭建学生与学校、专业间的桥梁。让学生充分了解专业的特点、专业内容、开设课程、培养目标、未来平均薪资、毕业就业率以及就业方向,再根据自身兴趣爱好来选择学校和专业。
    在国家大力推行分类考试制度下,参加分类考试的学生群体逐年剧增。学生在进行学校专业选择时,未充分了解学校专业,也不清楚自身对哪些专业感兴趣,于是造成入学后学习动力不足,并严重影响了学生未来的发展。基于此,为了更好地为参加分类考试的学生提供帮助,更好地辅助学生去选择学校专业,设计并实现分类招生App。
    1.2 研究现状
    高考对每一位学生来说都是极为重要的,无论是普通高考或是分类考试都是如此。对于成绩较好的学生们来说,普通高考无疑是一次改变的机遇,但对于成绩较差的学生而言,选择分类考试能更好地体现自身的价值。因此,学生应选择适合自身的教育才会有更佳的发展。分类考试的出现,体现出高等教育选拔的多样性。
    虽然国家大力支持和推进分类考试,但分类考试整个体系还在持续完善中,同时高职院校的自主招生考试存在着许多问题,只能通过继续深化加强改革进行解决[2]。普通高职院校为国家提供了大批的专业技术人才,起到促进经济发展的作用,是国家高等教育中不可缺少的一大构成成分。招生制度改革后的多样化进一步挖掘职业院校的发展潜力,培养适应于社会发展需要的高技能人才[3]。
    自20世纪60年代来,在国外很多国家进行的教育改革下,极大地促进高校的多样化发展。因为传统招生形势和方法有很大的局限,以及高校规模不断扩大,人们的教育观念也在实时变化,国外的招生制度也随之变化。在对1998年至1015年美国高校双招生计划(属于高校自主招生)的学生大学成绩统计中,双招生计划学生的大学学位完成率比全国平均水平高[4]。招生制度改革后高校拥有了更大的自主招生权,招生时采取不同的招生制度,更适合社会不断发展的多种需求[5]。
    目前国内并没有针对于分类考试的平台和软件,普遍现象是高职院校到高中毕业班级中进行的宣传,而学生在此过程中所了解到的信息极为有限。由于学生缺少了解的渠道、信息的不完整和缺乏对比性,以及学生不清楚自身兴趣爱好等情况,导致学生不能选择适合自身的学校专业。本项目为参加分类招生考试的学生提供一个了解学校、专业的平台,以及辅助学生了解自身喜好,搭建学生和学校间的桥梁,解决了分类考试中学生选择学校专业过程里的需求缺口。
    1.3 技术简介
  3. 3.1 前端开发技术
    本项目前端技术采用Vue框架。Vue是一套用于构建用户界面的渐进式框架,具备声明式渲染、组件、路由等特点,可以进行响应式的数据绑定,注重view层,不用关心DOM操作[6]。使用MVVM设计模式,让前端的开发更为方便[7]。同时,Vue.js也是MVVM模式的最好的轻量级前端框架[8]。Vue作为目前最火的前端框架,容易使用、灵活且高效,因此本项目前端选用它来进行开发。在本项目中,使用Vue-cli脚手架来进行快速构建Vue项目。
    因本项目客户端属于WebApp[9],故将前后端进行分离,在前后端的数据交互中,所选用的是Axios技术。项目设计初期考虑使用Fetch和Ajax
发布评论

评论列表 (0)

  1. 暂无评论