nodejs+vue+elementui迎新系统新生入学报到系统

本文详细描述了使用Vue和Node.js技术开发的郑州经贸学院迎新管理系统,包括用户分析、系统功能、数据库设计、权限管理、前端界面实现和系统测试。系统旨在提升学院管理效率,提供学生在线查询和管理员操作的一体化解决方案。
摘要由CSDN通过智能技术生成

学院迎新管理系统的用户是系统最根本使用者,按需要分析系统包括两类用户:学生、管理员。这两类用户对系统的功能简要如下。
管理员通过后台的登录页面,选择管理员权限后进行登录,管理员的权限包括课程类型管理、课程信息管理和文章公告管理。报名公告管理,添加报名公告信息,给学生发布一些学校的报名公告内容,为报名提前做准备,管理员管理后点击退出,注销登录信息。
管理员用户具有在线交流的管理,新生的报名审核管理、分配班级和搜索、在线缴费管理。
学生用户只要实现了前台信息的查看,打开首页,查看网站介绍、信息公告、课程信息等,学生用户通过账户账号登录,登录后查看报名状态、预约报道、查看宿舍和班级。
其中学院迎新管理涉及的信息安全包括数据库密码的加密,使用MD5进行加密。防SQL注入,对数据风险进行控制。

本文介绍了使用vue技术开发郑州经贸学院迎新系统的设计与实现过程,首先对实现该系统的技术进行分析,说明选择nodejs和MySQL数据库的必要性,然后对郑州经贸学院迎新系统的需求进行分析。并接着对系统进行设计,包括架构设计、功能设计、数据库设计。最后进行了系统实现。针对系统用户权限问题进行了设计,在前台界面为提升用户体验,使用Jquery、Vue、CSS等技术进行布局。郑州经贸学院迎新系统上线后,反应良好,达到了所有的需求目的,完善了学院迎新工作,为网上学院迎新发展具有一定的实际价值。

使用Vuejs开发跨平台应用的前后端分离框架
前端nodejs+vue+elementui
语言 node.js
框架1:Express
框架2:koa-->可定制
前端:Vue.js
数据库:mysql 版本不限
数据库工具:Navicat
开发软件:VScode/webstorm/hbuiderx均可
具体功能如下:随着互联网技术的发发展,管理者功能:
1、登录系统:管理者填写账号(工号)密码登录管理者页面;
2、用户管理:增加用户(账号、密码、姓名)和删除用户(删除不存在的用户);
3、核对学生报名信息:对学生提交的身份信息进行审核
4、前端页面信息管理:对前端页面中的信息:如学校政策、通知公告、新生须知、专业介绍、专业优势以及人才培养等,进行增加、删除、修改等操作;
5、信息采集:管理者将学生的信息进行审核,然后汇总导出;
6、课程管理:管理者导入课程,让新生了解所要学习的课程;也可以导出课程;
7、班级管理:管理者以Excel的形式导出班级学生表;
8、迎新管理:对迎新做出安排,例如校车接送新生之类
9、在线交流:对学生疑问进行在线解答;
10、缴费管理:学生要缴纳多少,是否缴纳,然后导出数据。
11、住宿管理:对学生的住宿进行安排。
12、预约管理:将学生的预约汇总导出。

计算机技术广泛应用在人们的生活中,逐渐成为日常工作、生活不可或缺的工具,高校各种管理系统层出不穷。高校作为学习知识和技术的高等学府,信息技术更加的成熟,为学院迎新管理开发必要的系统,能够有效的提升管理效率。一直以来,学院迎新一直没有进行系统化的管理,学生无法准确查询学院信息,高校也无法记录新生报名情况,由此提出开发郑州经贸学院迎新系统,管理报名信息,学生可以在线查询报名状态,节省时间,提高效率。
学生功能:
1、登录系统:学生在登录页面填写身份证号和初始密码(身份证号后六位)进行初始登录(学生后期可以自己修改密码以及绑定学号);使用过程中有任何疑问,邮件中务必填写自己的学号、姓名、院系、问题具体描述。
2、浏览网页信息:学生在系统页面进行浏览,了解学校政策、通知公告、新生须知、专业介绍、专业优势以及人才培养等,更好了解学校以及本专业;
3、网上报名:填写个人信息,然后提交上传给管理者进行审核。
4、缴纳学费:学生可以选择网上缴费或者延后缴费(到校缴费),选网上缴费,会跳出缴费渠道,学生自主缴费。交过的要与未交的有区别。
5、基本信息管理:学生查看、修改自己的基本信息,查看住宿情况;
6、课程管理:学生查看课程以及班级信息;
7、报道预约:点击预约报道,进行登记(乘车方式,到达时间),届时学校在火车站、汽车站、机场均有新生接待处,并有校车送学生入校;
9、在线交流:向管理者提出疑问;

 
目  录

摘  要    I
Abstract    I
第一章 绪论    1
1.1系统开发的背景    1
1.2系统开发的意义    1
1.3本文研究内容    2
第二章 系统开发技术    3
2.1 nodejs技术    3
2.2 MYSQL数据库    3
2.3 Eclipse介绍    4
第三章 系统分析    5
3.1用户需求分析    5
3.1.1 管理员用户    5
3.1.2 学生用户    5
3.2 系统用例分析    5
3.2.1 课程管理用例分析    5
3.2.2 系统管理用例分析    6
3.2.3 学生信息用例分析    7
3.2.4 学院迎新管理用例分析    8
3.3 非功能性需求分析    9
第四章 系统设计    11
4.1系统功能设计    11
4.2 系统总体设计    13
4.2.1 系统流程图    13
4.2.2 数据流图    13
4.3 系统架构设计    14
4.4 数据库设计    15
4.4.1 ER图设计    15
4.4.2 数据库表设计    16
第五章 系统实现    25
5.1前台功能的实现    25
5.1.1 首页界面    25
5.1.2 学生注册界面    25
5.1.3 学校简介列表界面    26
5.1.4 网上报名实现    27
5.1.5 在线咨询界面    27
5.2管理员功能模块的实现    28
5.2.1 课程管理    28
5.2.2 新生宿舍信息管理    29
5.2.3 新生报名审核管理    30
5.2.4 交流管理    31
5.2.5 学生信息管理    31
第六章 系统测试    33
6.1 测试说明    33
6.2 功能测试    33
6.3 测试说明    35
结论    36
参考文献    37
致 谢    39
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值