《基于Web的专业方向选报系统的设计与开发.docx》由会员分享，可在线阅读，更多相关《基于Web的专业方向选报系统的设计与开发.docx（35页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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 发布选报任务流
21、程图3.2.2 系统模块管理流程管理员登录系统后，可以进入指定模块进行管理，如：学生管理、教职工管理、专业管理、专业方向选报任务管理等等，在这些模块下可以进行相应的操作，如编辑、新增、删除、查询等功能；其中，院系管理和年级管理模块没有删除功能，只能指定目标院系或年级的状态是否为启用状态。系统模块管理流程图如下：图3-3 系统模块管理流程图3.2.3 选报任务流程学生登录系统后，若是有选报任务发布，将会受到任务通知，学生在任务开始后进入选报方向模块，选择指定的方向，并提交。在选择方向时，能够实时的查看方向的已选人数和限选人数，若人数已满，则该方向无法选择。选报任务流程图如下：图3-4 选报方向流
22、程图3.3 系统用例分析系统用例的参与者主要包括了管理员、学生以及教职工，教职工主要是指辅导员和教师以及其他未新增的教职工角色，其中系统边界内包括了系统的所有模块，如学生管理、教职工管理、专业管理、专业方向选报任务管理、院系管理、年级管理、角色管理等等用例。外部则是系统的三个角色，分别为管理员、学生、辅导员，他们分别指向了自己所能操作的模块。各个功能模块的详细介绍如下：图3-5 系统用例图表3-1学生管理用例表用例名称：学生管理简要说明：管理员登录系统后，点击学生管理，进入学生管理模块基本事件流：1. 管理员进入学生管理模块2. 可以进行增删查改操作，其中删除可以批量操作3. 可以进行导入导出
23、功能4. 收到操作成功的提示5. 用例终止表3-2教职工管理用例表用例名称：教职工管理简要说明：管理员登录系统后，点击教职工管理，进入教职工管理模块基本事件流：1. 管理员进入教职工管理模块2. 可以进行增删查改操作，其中删除可以批量操作3. 可以进行导入导出功能4. 收到操作成功的提示5. 用例终止表3-3专业管理用例表用例名称：专业管理简要说明：管理员登录系统后，点击专业管理，进入专业管理模块基本事件流：1. 管理员进入专业管理模块2. 可以进行增删查改操作，其中删除可以批量操作3. 可以进行导入导出功能4. 在相应的专业中可以进入该专业的方向管理模块5. 可以进行增删查改操作，其中删除可
24、以批量操作6. 收到操作成功的提示7. 用例终止表3-4专业方向选报任务管理用例表用例名称：专业方向选报任务管理简要说明：管理员登录系统后，点击专业方向选报任务管理，进入专业方向选报任务管理模块基本事件流：1. 管理员进入专业方向选报任务管理模块2. 可以进行创建任务或修改任务操作3. 可以从任务条目中进入到对应的任务详情页，查看选报任务的详情信息4. 收到操作成功的提示5. 用例终止表3-5院系管理用例表用例名称：院系管理简要说明：管理员登录系统后，点击院系管理，进入院系管理模块基本事件流：1. 管理员进入院系管理模块2. 可以进行创建院系和修改院系操作 3. 在相应的院系中可以修改该院系的
25、状态4. 收到操作成功的提示5. 用例终止表3-6年级管理用例表用例名称：年级管理简要说明：管理员登录系统后，点击年级管理，进入年级管理模块基本事件流：1. 管理员进入年级管理模块2. 可以进行创建年级和修改年级操作3. 在相应的年级中可以修改年级的状态4. 收到操作成功的提示5. 用例终止表3-7角色管理用例表用例名称：角色管理简要说明：管理员登录系统后，点击角色管理，进入角色管理模块基本事件流：1. 管理员进入角色管理模块2. 可以进行创建角色和修改角色操作3. 在相应角色中可以对该角色进行权限管理4. 收到操作成功的提示5. 用例终止表3-8公告管理用例表用例名称：公告管理简要说明：管理
26、员登录系统后，点击公告管理，进入公告管理模块基本事件流：1. 管理员进入公告管理模块2. 可以进行创建公告和修改公告操作3. 在相应公告中可以修改该公告的状态4. 收到操作成功的提示5. 用例终止表3-9选报方向用例表用例名称：选报方向简要说明：学生登录系统后，收到任务通知，点击选报方向，进入选报方向模块基本事件流：1. 学生进入选报方向模块2. 点击选报按钮3. 选择目标方向4. 收到操作成功的提示5. 用例终止3.4 系统数据库设计3.4.1 数据库需求分析专业方向选报系统的后端部分需要向前端提供数据信息的增加、删除、修改、查询等功能，因此需要利用数据库进行永久性的数据存储，并对数据进行增
27、删查改的操作。通过对以上功能的分析，总结出该系统的功能需求所需要的数据项如下：1) 用户信息：账号（学号/工号）、密码（默认为123456）、姓名、性别、所属年级、所属班级、所属专业、联系电话、角色状态、学籍状态、角色等2) 专业信息：专业id、专业名称、专业介绍、专业学制、所属院系等3) 方向信息：方向id、方向名称、方向介绍、所属专业、所属年级、限选人数、已选人数、创建时间、修改时间等4) 选报任务信息：任务id、针对年级、针对专业、开始时间、结束时间、创建时间、修改时间、操作用户、任务状态等5) 院系信息：院系id、院系名称、院系状态等6) 年级信息：年级id、年级名称、年级状态等7)
28、角色信息：角色id、角色名称、角色权限等8) 选报信息：id、任务id、用户账号、选报的方向id、提交时间等3.4.2 数据库概念结构设计所谓概念结构设计，就是将需求分析得到的用户需求抽象为信息结构的过程。概念结构是整个数据库设计的关键，是各种数据模型的共同基础，它能够真实充分的反应现实世界，而我们通常用来描述现实世界的概念模型的有效方法是E-R图，即实体-关系图(Entity Relationship Diagram)，它提供了表示实体类型、属性和联系的方法。根据本系统的需求，设计出的实体分别有：用户信息实体、专业信息实体、方向信息实体、选报任务信息实体、院系信息实体等多个实体。各个实体的具
29、体信息如下图：图3-6 用户信息实体图3-7 专业信息实体图3-8 方向信息实体图3-9 选报任务信息实体图3-10 院系信息实体图3-11 年级信息实体图3-12 角色信息实体图3-13 选报信息实体3.4.3 数据库逻辑结构设计数据库的逻辑结构设计就是把数据库概念结构设计阶段设计好的基本实体-关系图转换为与我们所选用的数据库管理系统产品所支持的逻辑结构。通过分析将实体-关系图转换为以下数据库表：表3-10 用户信息表(person)字段名称字段表示字段类型(长度)主外键约束备注登录账号login_idVarchar(50)PkNOT NULL学号/工号姓名nameVarchar(30)NO
30、T NULL密码passwordVarchar(50)NOT NULL性别genderInt(2)NOT NULL0:男，1:女联系电话phoneVarchar(20)所属专业major_idInt(25)fkNOT NULL所属年级grade_idInt(11)fkNOT NULL学籍状态student_statusInt(11)0:无学籍，1:有学籍邮箱emailVarchar(50)角色状态Person_statusInt(11)NOT NULL(学生 0:毕业，1:在读，2:休学，3:退学)(教职工 0:离职，1:在职)角色role_idInt(11)fkNOT NULL1:学生，2:
31、管理员，3:辅导员表3-11 专业信息表(major)字段名称字段表示字段类型(长度)主外键约束备注专业idmajor_idInt(11)PkNOT NULL专业名称major_nameVarchar(50)NOT NULL专业学制major_yearInt(4)NOT NULL3:三年，4:四年所属院系department_idInt(11)fkNOT NULL专业介绍major_detailtext创建用户create_usernameVarchar(50)fkNOT NULL是否被删除delete_flagInt(2)NOT NULL0:已删除，1:未删除表3-12 方向信息表(dire
32、ction)字段名称字段表示字段类型(长度)主外键约束备注方向iddirection_idInt(11)PkNOT NULL方向名称direction_nameVarchar(30)NOT NULL方向介绍direction_deailVarchar(50)NOT NULL所属专业major_idInt(11)fkNOT NULL0:男，1:女所属年级grade_idInt(11)fkNOT NULL创建时间create_timedatetime更新时间update_timedatetime限选人数limit_numInt(11)已选人数selected_numInt(11)操作用户opera
33、tion_usernameVarchar(50)是否被删除delete_flagInt(2)NOT NULL0:已删除，1:未删除表3-13 选报任务信息表(choice_task)字段名称字段表示字段类型(长度)主外键约束备注任务idtask_idInt(11)PkNOT NULL针对年级grade_idInt(11)fkNOT NULL针对专业major_idInt(11)fkNOT NULL开始时间start_timedatetimeNOT NULL 结束时间end_timedatetimeNOT NULL创建时间create_timedatetimeNOT NULL更新时间update
34、_timedatetime操作用户operation_usernameVarchar(50)任务状态task_stateInt(11)NOT NULL0:未开始，1:进行中，2:已结束是否被删除Delete_flagInt(2)NOT NULL0:已删除,1:未删除表3-14 年级信息表(grade)字段名称字段表示字段类型(长度)主外键约束备注年级idgrade_idInt(11)PkNOT NULL年级名称grade_nameVarchar(30)NOT NULL年级状态grade_stateInt(11)NOT NULL0:弃用，1:在用表3-15 院系信息表(department)字段
35、名称字段表示字段类型(长度)主外键约束备注院系iddepartment_idInt(11)PkNOT NULL院系名称department_nameVarchar(30)NOT NULL院系状态dpartment_stateInt(2)NOT NULL0:弃用，1:在用表3-16 角色信息表(role)字段名称字段表示字段类型(长度)主外键约束备注角色idrole_idInt(11)PkNOT NULL角色名称role_nameVarchar(30)NOT NULL表3-17 资源信息表(resource)字段名称字段表示字段类型(长度)主外键约束备注资源idresource_idInt(11
36、)PkNOT NULL资源名称resource_nameVarchar(30)NOT NULL资源类型resource_typeInt(11)NOT NULL0:系统，1:表格，2:按钮资源父级resource_parent_idInt(11)表3-18 用户权限信息表(role_resource)字段名称字段表示字段类型(长度)主外键约束备注ididInt(11)PkNOT NULL角色idrole_idInt(11)fkNOT NULL资源idresource_idInt(11)fkNOT NULL表3-19 选报信息表(task_selected)字段名称字段表示字段类型(长度)主外键约
37、束备注ididInt(11)PkNOT NULL任务idtask_idInt(11)NOT NULL学号login_idVarchar(50)NOT NULL选报方向iddirection_idInt(11)NOT NULL提交时间selected_timedatetimeNOT NULL表3-20 公告信息表(message)字段名称字段表示字段类型(长度)主外键约束备注公告idmessage_idVarchar(50)PkNOT NULL公告标题message_titleVarchar(30)NOT NULL公告内容message_detailVarchar(50)NOT NULL发布时间
38、release_timedatetimeNOT NULL公告状态message_stateInt(2)NOT NULL0:下架，1:公示发布用户message_usernameVarchar(20)NOT NULL第4章 系统实现4.1 登录用户进入系统前需要先进行登录，用户的账号均为学号或工号并且由管理员创建，密码默认为123456。在登录时，系统会根据用户的登录信息判断用户角色为用户提供对应的系统功能。图4-1 系统登录页4.2 学生端系统实现当用户以学生身份登录系统时，能够操作以下功能：4.2.1 查看专业介绍学生在系统管理中点击专业管理按钮，进入专业管理模块，就能够查看专业的相关信息，
39、鼠标点击指定的专业介绍，将显示该专业的详细介绍。专业介绍页面如下：图4-2 查看专业介绍页面同样的，学生也能够查看专业下的方向介绍，在指定的专业条目中点击方向管理按钮，进入方向管理模块，鼠标点击指定的方向介绍，将显示该专业的详细介绍。方向介绍页面如下：图4-3 查看方向介绍页面4.2.2 选报专业方向如果管理员发布了任务，那么学生在进入系统后会受到任务通知，在信息查询中点击选报方向按钮，进入选报方向模块，并且在规定的时间内提交选报意向，则任务完成。若是没有提交选报意向，则任务失败，管理员将把学生分配至人数不足的方向。选报方向页面如下：图4-4 选报专业方向页面4.2.3 个人信息除管理员外的其
40、他用户角色进入系统后，在查询信息中点击个人信息按钮，进入个人信息模块，用户能够看到自己的所有信息，但信息是不可修改的。个人信息页面如下：图4-5 个人信息页面4.2.4 修改密码除管理员外的其他用户角色进入系统后，在查询信息中点击修改密码按钮，会弹出一个遮罩层，用户能够修改自己账号的密码。修改密码页面如下：图4-6 修改密码页面4.3 教职工端系统实现当用户以教职工身份登录系统时，能够操作以下功能：4.3.1 查看选报详情教职工用户登录系统后，在系统管理中点击专业选报方向管理按钮，进入专业选报方向管理模块，在指定的任务条目中点击选报详情，就能够查看该任务的选报详情，选报详情以表格的形式展现，未
41、完成选报任务的同学会被标记。选报详情页面如下：图4-7 查看选报详情页面4.4 管理员端系统实现当用户以学生身份登录系统时，能够操作以下功能：4.4.1 学生管理管理员进入系统后，在系统管理中点击学生管理按钮，进入学生管理模块，管理员可以在该模块中对学生信息进行增删查改的操作，同时也能够进行导入导出操作，需要注意的是，在导入学生信息时，若是有学号发生冲突，会导致导入失败。学生管理页面如下：图4-8 学生管理页面4.4.2 教职工管理管理员进入系统后，在系统管理中点击教职工管理按钮，进入教职工管理模块，该模块与学生模块功能类似，展示的是教职工的信息，区别在于创建教职工信息时，还需要选择教职工身份，如辅导员，专业负责人等。教职工管理页面如下：图4-9 教职工管理页面4.4.3 专业管理管理员进入系统后，在系统管理中点击专业管理按钮，进入专业管理模块，该模块展示了专业的基本信息，并且管理员可以通过专业条目的方向管理按钮中进入到该专业对应的方向管