基于Web的专业方向选报系统的设计与开发.docx
《基于Web的专业方向选报系统的设计与开发.docx》由会员分享,可在线阅读,更多相关《基于Web的专业方向选报系统的设计与开发.docx(35页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、摘要随着时代的发展和各行各业的进步,岗位的划分变得更加细致。这也间接的导致了大学生除了系统学习自己的专业外,还需要选择对应的方向来发展。为了让大学生对行业能有较全面的认知,使得他们能够根据自身条件选择合适的专业方向,同时也能提高各大高校收集学生选报意愿的效率,我们需要利用互联网技术来提供便利。基于这些需求,本课题开发了一个为高校收集学生信息以及选报意向的专业方向选报系统,该系统分为前后端两个部分。前端部分使用脚手架Vue-cli4搭建项目,其中使用ElementUI作为UI框架,使用Vue-Router处理路由,使用Vuex处理共享数据。后端部分使用Node.js作为开发环境,使用Expres
2、s框架快速搭建轻量级服务器,并连接MySql数据库进行数据存储,同时向前端提供接口数据。该系统最大的特点就是单页面应用,对比传统的Web应用,它的用户体验更好,响应速度更快。关键词:Web Vue 单页面应用 信息系统AbstractWith the development of the times and the progress of all walks of life, the division of Posts has become more detailed. This also indirectly led to college students in addition to le
3、arning their own major, but also need to choose the corresponding direction to develop. In order to enable college students to have a more comprehensive understanding of the industry, so that they can choose the appropriate professional direction according to their own conditions, and also improve t
4、he efficiency of colleges and universities in collecting students willingness to choose newspapers, we need to use Internet technology to provide convenience.Based on these requirements, this paper develops a professional direction selection system for colleges and universities to collect students i
5、nformation and intention. The system is divided into two parts: front and back. The front-end part uses the scaffold vue-cli4 to build the project, in which the ElementUI is used as the UI framework, the Vue-router is used to process routes, and the Vuex is used to process shared data. In the back-e
6、nd part, Node.js is used as the development environment, Express framework is used to quickly build a lightweight server, and MySQL database is connected for data storage, and interface data is provided to the front-end. The biggest characteristic of this system is single page application. Compared
7、with traditional web application, it has better user experience and faster response speed.Key words:Web Vue SPA Information System目 录第1章 绪论 11.1 研究背景 11.2 研究的目的与意义 11.3 研究内容 2第2章 可行性分析 32.1 技术可行性 32.2 操作可行性 32.3 经济可行性 32.4 法律可行性 3第3章 系统设计 43.1 系统模块设计 43.2 系统流程分析 53.2.1 发布选报任务流程 53.2.2 系统模块管理流程 63.2.
8、3 选报任务流程 63.3 系统用例分析 73.4 系统数据库设计 113.4.1 数据库需求分析 113.4.2 数据库概念结构设计 113.4.3 数据库逻辑结构设计 14第4章 系统实现 194.1 登录 194.2 学生端系统实现 194.2.1 查看方向介绍 194.2.2 选报专业方向 204.2.3 个人信息 214.2.4 修改密码 21 4.3 教职工端系统实现 224.3.1 查看选报详情 224.4 管理员端系统实现 234.4.1 学生管理 234.4.2 教职工管理 234.4.3 专业管理 244.4.4 方向选报任务管理 254.4.5 角色管理 25第5章 测试
9、 275.1 系统测试 275.2 功能测试 275.2 测试总结 28第6章 总结29参考文献 30致谢 31第1章 绪论1.1 研究背景在这近十几年里,随着时间的推移与变迁,互联网技术蓬勃发展,许多行业出现了更加细致的分支,尤其是互联网行业或与之密切相关的行业,人们的工作内容不再是多样化且复杂,而是更加专业化,精细化,这也意味着各大高校的专业将根据岗位的划分出现相应的方向,因此经历高考过后的学生不仅需要选好专业,还需要在这个专业里选好方向。我们都知道选好合适的专业能够让大学生在未来有着美好前途的发展,而选好方向,则是能够为大学生的职业发展铺出一条清晰的道路,是锦上添花的选择。可是传统学校采
10、取的方向选报方案是通过问卷调查或是表格填写来获取学生选报意向,由主任-辅导员-班级这样信息层层传递的方式来解决,大大浪费了人力与时间,况且大学生对行业与社会的认知有限,可能无法了解哪一个方向到底适不适合自己,因此会存在改变主意的念头,而传统的选报方式一旦提交了结果,就无法更改,也导致了大学生错失良机。在这样的局面下,我们就需要利用互联网的优势,建立一个能够快速收集学生信息以及选报意向的系统。在这个系统里,学校能够管理学生的信息,并且直接面向学生发布选报方向的任务,学生在接收到学校通知之后开始选报,使得信息传递的方式变得扁平化,同时还需要满足学生能够有效的了解自己专业所划分的方向主要是从事什么样
11、的工作,并且能够在规定的时间内随时更改选报意向的需求,为学校与学生之间开展工作节约时间以及提高工作效率。1.2 研究的目的与意义在互联网技术逐渐成熟的环境下,许多高校也都纷纷建立了自己的教务网,管理着学生的信息,但需求总是会不断改变,系统也需要一直更新迭代,这也导致了老旧的系统无法适应时代灵活的发展,而系统重构需要花费大量的时间与财力,本课题研究的目的是利用当下互联网的流行技术开发一套适用于大学生选报方向的系统,是基于MVVM模式的Vue框架搭建的单页面应用,所谓单页面应用,通过理解字面意思就知道整个应用中只有一个页面,而且内容的改变并不会导致页面的跳转或刷新,极大的提高了用户的体验感,并且V
12、ue框架对开发者非常友好且容易上手,学习过前端基础技能的开发者能够很快的学习并应用于实际项目中,大大节约了开发者的时间成本,对于数据的永久性存储,使用的也是当前使用率较高的MySQL关系型数据库,关系数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了速度并提高了灵活性。与传统的选报方式或老旧的系统相比,本课题开发的系统具有高效、方便、低成本的优势。1.3 研究内容我们都知道,一个系统应用的开发过程中避免不了技术选型,在技术选型上,根据系统应用的特点选择合适的技术来进行开发能够让我们事半功倍,针对基于Web应用的系统,我考虑的是尽量的满足高性能高响应的特点,而我们常用于
13、开发Web应用的语言就是JavaScript,JavaScript是一款解释型语言,它的特点就是在代码执行的时候进行翻译与执行,并且没有被特定的环境所限制,它既可以在浏览器中执行,也可以在Node.js里执行,这就是它的灵活之处,因此我选择的框架都是基于JavaScript的,以下就是我通过自己对Web应用的理解而选择技术框架的过程。在过去的Web应用中,它们大多数不是单页面应用,数据的更新或者是内容的改变都需要刷新或跳转页面,亦或是开启一个新的标签页,当应用的体量并没有那么大时,这样的操作其实对于用户的体验来说并没那么好。研究表明,用户等待的时间越长与这个应用所流失的用户数量是成正相关的。因
14、此除了保证服务器能够承受压力外,应用的性能以及用户体验感是尤其重要的,甚至在某些时候,需要忽略服务器的压力来提高应用性能。而在这几年中逐渐高频的出现在人们的视野中的单页面应用得到了大众的认可,其中比较火热的开发方式之一就是基于Vue开发的单页面应用,在针对中小型应用时,Vue能够很好的驾驭并为用户带来极高的体验,因此我选择了Vue作为该系统的前端框架,同时也选择了Node.js作为后端的开发环境,因为他们的语法都是JavaScript,对于开发者而言是能够快速上手并应用在项目中的,不仅如此,在以前被诟病的执行速度在今天也成了JavaScript语言的特点,搭载了由谷歌团队研发的V8引擎,使得它
15、的执行速度能够媲美二进制程序。完成技术选型之后,就是针对系统的核心业务,即专业方向选报的流程,进行简化,将任务信息的传递扁平化处理,管理员直接下达选报任务,学生和辅导员能够同时接收到任务信息,学生负责在指定的时间内选报方向,辅导员则负责督促学生的任务完成进度,使得整个流程的周期大大的缩短。同时也让系统的用户角色灵活多变,管理员能够添加角色并赋予角色权限,使得管理员的工作压力能够被分担,合理的分配系统资源。第2章 可行性分析2.1 技术可行性该系统的本质是一个基于Web的单页面应用,与传统的网页相比,单页面应用不会刷新页面,用户在切换页面的过程中不会频繁的被“打断”,因为界面框架都在本地,对用户
16、的响应非常及时,因此提升了用户体验感。并且采用的是完全的前端组件化,前端开发不再以页面为单位,更多地采用组件化的思想,代码结构和组织方式更加规范化,便于修改和调整。单页面应用同样能够减轻服务器的压力,服务器只需要相应前端的请求发送数据就可以,不用负责展示逻辑和页面合成,吞吐能力会提高几倍。并且前后端开发所使用的语言都是JavaScript,而本人学习过JavaScript语言,因此有一定的基础,能够较快学习前后端开发交互,对项目的开发进度能够把握好。2.2 操作可行性该系统主要面向的用户是大学生这样一种高素质群体,对于系统的操作能够较快熟悉,该系统主要运行的设备是计算机电脑,在互联网时代里,大
17、部分的百姓都能够接触到计算机,这使得他们对熟悉系统的操作并不困难,即使没有接触过计算机电脑也不用担心,该系统拥有简洁明了的界面,系统核心功能简单易懂,即使用户是高龄教师,也能够快速上手,该系统与用户的交互是非常友善的,具备操作可行性。2.3 经济可行性由于开发该系统前后端的语言都是JavaScript,因此学习成本较低,对于开发者而言能够较快的上手并应用。其次是该系统采用了模块化思想,将系统的功能分出一个个独立的模块,使得系统耦合度大大降低,这也让系统的开发与维护变得更加灵活,便于修改与调整,降低了系统后期维护的成本。总体来说,该系统不会花费大量的时间和金钱,具备经济可行性。2.4 法律可行性
18、该系统由本人独自设计与开发,不存在任何法律纠纷,也没有涉及任何侵权,系统是在合法的范围内进行开发的,因此具备法律可行性。第3章 系统设计3.1 系统模块设计本系统主要根据角色进行模块划分,其中管理员具有最高权限,能够操作九个模块,分别是学生管理、教职工管理、专业管理,方向管理,方向选报任务管理、院系管理、年级管理、角色管理、公告管理。而学生能够操作选报方向管理,个人信息以及修改密码等基本功能模块。辅导员等教职工角色的操作权限根据管理员的分配而定。系统模块图如下:图3-1 系统模块图1) 管理员当用户以管理员的身份登录时,拥有最高的权限。在学生管理模块和教职工管理模块下,能够对学生信息或教职工信
19、息进行增删查改,以及批量导入或导出;在专业管理下,同样能够进行增删查改功能,其中能够在每一个专业中进入该专业的方向管理模块,并对专业方向进行增删查改功能;在方向选报任务管理下,能够针对指定年级和专业的学生发布选报任务,并规定选报的开始与结束时间,也能随时更改任务的信息;在院系管理和年级管理下,能够对其进行增删查的操作,并且能够指定相应院系或年级是否为启用状态;在角色管理下,能够对角色进行增查改的功能,同时能够赋予角色相应权限;在公告管理下,能够对公告进行增删查改功能,并指定公告是否为公示状态,公告均会展示在首页的公告栏中。2) 学生当用户以学生的身份登录时,若管理员已经发布了任务公告,则会在进
20、入系统首页时查看到任务公告。在任务指定的时间范围内,学生能够多次更改专业方向,在选报方向时,能够查看到每个方向的已选人数和限选人数。当已选人数达到限选人数时,该方向将变的无法选择。另外,学生能够查看自己的个人信息,并且修改账号的密码。3) 教职工当用户以辅导员或其他教职工的身份登录时,能够对管理员分配的权限所对相应模块进行操作,同时,教职工能够查看选报任务的进度详情,了解到哪些学生已选,哪些学生未选。3.2 系统流程分析3.2.1 发布选报任务流程管理员进入专业方向选报任务管理模块,创建选报任务,指定任务面向的是哪个年级与专业,然后发布选报任务。发布选报任务流程图如下:图3-2 发布选报任务流
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 Web 专业 方向 系统 设计 开发
限制150内