基于nodejs+vue高校迎新系统的设计与实现python-flask-django-php

随着时代的发展，人们的生活方式得到巨大的改变，从而慢慢地产生了大量高校迎新信息，高校迎新信息需要一个现代化的管理系统，进行高校迎新信息的管理。
 
前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。

代码结构讲解
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。 
高校迎新系统的开发就是为了解决高校迎新管理的问题，系统开发是基于nodejs语言编写实现，用mysql数据库搭建存储高校迎新系统的数据。实现后的高校迎新系统基于用户需求分析搭建的，并且会有高校迎新信息添加、浏览、收藏和个人资料管理功能等基本功能。不仅能满足人们对于高校迎新管理的需求，同时具有广阔的发展前景。目 录
1 绪 论 5
1.1研究背景 5
1.2系统开发目的与意义 5
1.2.1 开发目的 5
1.2.2 开发意义 5
1.3研究现状 6
2系统关键技术及工具简介 7
2.1 express架构 7
2.2nodejs语言 7
2.3 mysql数据库 7
3 系统分析 9
3.1系统整体分析 9
3.2系统可行性分析 9
3.2.1 经济可行性分析 9
3.2.2 技术可行性分析 9
3.2.3 操作可行性分析 9
3.3 系统用例分析 9
3.4系统流程分析 11
4 系统设计 14
4.1 系统架构设计 14
4.2 系统整体设计 14
4.3 系统数据库设计 15
4.3.1 E-R模型设计 15
4.3.2表设计 17
5系统实现 28
5.1系统功能实现 28
5.2后台模块实现 29
5.2.1管理员模块实现 30
5.2.2学生模块实现 32
6 系统测试 34
6.1 测试目的 34
6.2系统测试的实施 34
6.3 系统测试用例 35
6.4 测试结论 35
结 论 37
参考文献 38
致 谢 39

1 绪 论
1.1研究背景
自改革开放以来，国内的基础网络设施的不断进步和终端电子设备的高度普及，互联网用户规模越来越大[1]。现在人们越来越离不开计算机网络、互联网所带来的好处了，如今各式各样的系统已广泛应用，不同于以往传统的管理方式了，只有跟上时代的发展才能不会被淘汰掉，所以将传统的线下管理带到线上去实施，能够很大程度的提升管理效率，好处也有很多，能够整体提升新时代的背景之下新的样貌，更加朝气蓬勃。基于以上情况，高校迎新系统逐渐出现在人们视野之中，高校迎新已成为人们生活中不可缺少的一部分，同时也将成为今后发展中很有潜力的增长点。
1.2系统开发目的与意义
1.2.1 开发目的
开发一套高校迎新系统可以让管理者在有限的时间内对高校迎新信息做出相应的调整，对高校迎新的一切事务往最好的一面进行安排，达到事半功倍的效用。
在最原始的高校迎新管理方式中，人们通过纸质用手写来记录高校迎新的动作，利用这种方式有着特别大的弊端，比如重复记录，漏记等。针对这种情况，开发一个高校迎新系统，帮助高校迎新进行管理。当前国内开发的线上管理系统还不是那么全面，并且都是基于智能手机进行搭建的平台，因此开发一个高校迎新系统也是有必要的，开发这样一个express架构的高校迎新系统，满足管理者在上面对系统首页，个人中心，院系管理，专业管理，班级管理，学生管理，入学须知管理，专业信息管理，院系简介管理，专业调剂管理，手续办理管理，缴费信息管理，宿舍信息管理，系统管理等功能进行管理，打造一个更好更便利的高校迎新系统！
1.2.2 开发意义
高校迎新系统可以说真正的打破了以往手工记录的固有模式，使想关工作人员对系统进行有效操作，打破了最原始只能在指定地域查看高校迎新信息的限制。用户只要在有网络的地方，利用手机或计算机可以随时随地查看高校迎新信息，修改个人信息和登录密码等；节约了用户的时间。
高校迎新系统还拥有功能强大的信息查询系统，它就像一个指明灯，直接将你指定的所需要的信息呈现有眼前，解决了你在查询中的尴尬[5]，所以开发此系统意义重大。
1.3研究现状
如今在这高速发展的新时代，无论是在国内还是在国外，发展的势头突飞猛进，在经济领域也是一片光明。在这种背景下，互联网市场将成为了人类文明争夺的一种方针。于是无论是国内还是国外一些企事业单位都把目光投向了互联网这块市场，了解互联网的人数越来越多，具备一些网络意识的人将十分普遍。在这种互联网大浪潮的不断冲刷下，各种各样的系统被开发出来。计算机技术无论是在国内还是在国外都应用普遍，使计算机这一新型工具成为人们耳熟能详、妇孺皆知的新技术。计算机和互联网的广泛应用，让国与国之间的距离变“近”了，这个庞大的群体中。互联网发展也存在一些差距，我国近些年的互联网发展迅速，跻身于世界前列。
本系统采用express架构、采用的数据库是mysql，使用nodejs技术开发。该系统的开发方式无论在国内还是国外都比较常见，而且开发完成后使用普遍，可以给系统用户提供大量的便利。该系统在国内外前景较为良好。
4.3.2表设计
SQL server将数据保存在不同的表中，极大地提高了数据调取灵活性。高校迎新系统的具体表结构如以下表所示：
表4-1：通知公告
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 标题
introduction longtext 4294967295 简介
picture longtext 4294967295 图片
content longtext 4294967295 内容

表4-2：缴费信息
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xueshengxuehao varchar 200 学生学号
xueshengxingming varchar 200 学生姓名
xueshengxingbie varchar 200 学生性别
yuanxi varchar 200 院系
zhuanye varchar 200 专业
banji varchar 200 班级
xuefei float 学费
zhusufei float 住宿费
xuezafei float 学杂费
fuzhuangfeiyong float 服装费用
zongfeiyong float 总费用
beizhu longtext 4294967295 备注
ispay varchar 200 是否支付 未支付

表4-3：专业信息
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xueyuanmingcheng varchar 200 学院名称
zhuanyebianma varchar 200 专业编码
zhuanyemingcheng varchar 200 专业名称
kechengxingzhi varchar 200 课程性质
tupian longtext 4294967295 图片
kechengmingcheng varchar 200 课程名称
kechengbianma varchar 200 课程编码
renkelaoshi varchar 200 任课老师

表4-4：专业信息评论表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
refid bigint 关联表id
userid bigint 用户id
avatarurl longtext 4294967295 头像
nickname varchar 200 用户名
content longtext 4294967295 评论内容
reply longtext 4294967295 回复内容

表4-5：专业调剂
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
yuanximingcheng varchar 200 院系名称
yuanxiaotupian longtext 4294967295 院校图片
diaojizhuanye varchar 200 调剂专业
zhuanyedaima varchar 200 专业代码
fabushijian date 发布时间
jiezhishijian date 截止时间
diaojiminge varchar 200 调剂名额
lianxifangshi varchar 200 联系方式
beizhu varchar 200 备注

表4-6：专业调剂评论表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
refid bigint 关联表id
userid bigint 用户id
avatarurl longtext 4294967295 头像
nickname varchar 200 用户名
content longtext 4294967295 评论内容
reply longtext 4294967295 回复内容

表4-7：专业
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhuanye varchar 200 专业

表4-8：院系简介评论表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
refid bigint 关联表id
userid bigint 用户id
avatarurl longtext 4294967295 头像
nickname varchar 200 用户名
content longtext 4294967295 评论内容
reply longtext 4294967295 回复内容

表4-9：院系简介
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xueyuanmingcheng varchar 200 学院名称
yuanximingcheng varchar 200 院系名称
dizhi varchar 200 地址
fengmian longtext 4294967295 封面
yuanxijianjie longtext 4294967295 院系简介

表4-10：入学须知评论表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
refid bigint 关联表id
userid bigint 用户id
avatarurl longtext 4294967295 头像
nickname varchar 200 用户名
content longtext 4294967295 评论内容
reply longtext 4294967295 回复内容

表4-11：院系
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
yuanxi varchar 200 院系

表4-12：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

name varchar 100 配置参数名称
value varchar 100 配置参数值

表4-13：学生
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xueshengxuehao varchar 200 学生学号
xueshengxingming varchar 200 学生姓名
mima varchar 200 密码
xueshengxingbie varchar 200 学生性别
shoujihao varchar 200 手机号
xueshengyouxiang varchar 200 学生邮箱
zhuanye varchar 200 专业
yuanxi varchar 200 院系
banji varchar 200 班级
tuanyuanguanxi varchar 200 团员关系
hujidizhi varchar 200 户籍地址
shenfenzhenghao varchar 200 身份证号
zhuangtai varchar 200 状态

表4-14：宿舍信息
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xueshengxuehao varchar 200 学生学号
xueshengxingming varchar 200 学生姓名
zhuanye varchar 200 专业
xueshengxingbie varchar 200 学生性别
qinshihao varchar 200 寝室号
chuangweihao varchar 200 床位号
dengjishijian datetime 登记时间

表4-15：在线咨询
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
adminid bigint 管理员id
ask longtext 4294967295 提问
reply longtext 4294967295 回复
isreply int 是否回复

表4-16：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

username varchar 100 用户名
password varchar 100 密码
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP

表4-17：收藏表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
refid bigint 商品id
tablename varchar 200 表名
name varchar 200 名称
picture longtext 4294967295 图片
type varchar 200 类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注) 1
inteltype varchar 200 推荐类型
remark varchar 200 备注

表4-18：班级
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
banjimingcheng varchar 200 班级名称
yuanxi varchar 200 院系
zhuanye varchar 200 专业
banzhuren varchar 200 班主任
fengmian longtext 4294967295 封面
jianjie longtext 4294967295 简介

表4-19：关于我们
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 标题
subtitle varchar 200 副标题
content longtext 4294967295 内容
picture1 longtext 4294967295 图片1
picture2 longtext 4294967295 图片2
picture3 longtext 4294967295 图片3

表4-20：手续办理
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
xueshengxuehao varchar 200 学生学号
xueshengxingming varchar 200 学生姓名
xueshengxingbie varchar 200 学生性别
zhuanye varchar 200 专业
yuanxi varchar 200 院系
baodaoshijian datetime 报到时间
lingquwupin longtext 4294967295 领取物品
tijianbaogao longtext 4294967295 体检报告
dengjishijian datetime 登记时间

表4-21：入学须知
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键

addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaotimingcheng varchar 200 标题名称
tupian longtext 4294967295 图片
faburiqi date 发布日期
zhuanyemingcheng varchar 200 专业名称
zixundianhua varchar 200 咨询电话
leixing varchar 200 类型
jianjie longtext 4294967295 简介
zhuyishixiang longtext 4294967295 注意事项

5系统实现
5.1系统功能实现
当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作。
 
2系统关键技术及工具简介
6 系统测试
由于互联网和现代科学技术的发展，目前很多行业都尝试使用网络技术进行企业信息管理。一个系统软件的安全品质是要严格管控的，一定要做到最好，最大限度的减少系统运行问题，让更多的用户能够接受并使用它，从而获得更多的宣传和推广。因此，在完成系统开发后，必须对系统进行大量的单元测试和系统测试，以保证其稳定性和可用性，以及是否能够满足用户的要求。
软件测试是软件开发过程中必不可少的一部分，它不仅包括代码结构检查，而且还必须按照规定的标准原则，系统地、严谨地验证和确认软件的各个方面和各种情况。系统测试的目的是通过实际生产运行环境，检验在完整的系统配置下各个功能模块是否达到设计说明书中的要求，及时发现问题，并交由开发人员进行修正，保证系统安全稳定的运行。
6.1 测试目的
合理的、科学的测试是我们顺利开发完成的保证，通过对系统的测试，我们可以看到软件是否能够按照预期的需求进行功能。
在高校迎新系统的测试中，本人采用黑盒测试法来检验系统中存在的错误。首先对高校迎新系统进行功能测试，用户在系统中登录功能是否有效，能否区分用户角色，用户在系统中能否成功收藏、添加高校迎新信息，管理员能不能完成对用户信息的有效管理，如何实现高校迎新信息的管理。对于高校迎新系统功能测试的问题，需要一一排查解决，进一步完善系统功能，使系统更贴近实际工作。
6.2系统测试的实施
高校迎新系统是在笔记本电脑中搭建的，测试方法有黑盒和白盒测试法，在有限的设备和资源中，用黑盒测试法测试高校迎新系统，保障系统的测试有序完成。
 6.3 系统测试用例
高校迎新信息收藏测试：
测试步骤：点击网址进入高校迎新系统，在右上角登录按钮，点击登录用户账号，成功登录后，点击高校迎新信息进入高校迎新信息详情页，点击加入收藏按钮，页面出现“已收藏成功，查看收藏列表~”的弹窗。
测试结果：在个人收藏列表中，出现收藏的高校迎新信息。
管理商品信息测试
测试步骤：点击网址进入高校迎新系统，在右上角登录按钮，点击登录管理员账号，成功登录后，进入高校迎新信息管理，点击高校迎新信息列表的修改或删除按钮，弹出高校迎新信息修改页面，对高校迎新信息进行修改或删除。
测试结果：高校迎新信息列表界面刷新，高校迎新信息已经进行修改或删除。
6.4 测试结论
在测试中，对于系统用户的功能都进行了全面的测试，并且对部分测试结果过程进行展示，测试可以帮助开发者更好的完成高校迎新系统。
在列举的高校迎新系统用户发布高校迎新功能、收藏功能和管理员用户管理功能、高校迎新信息管理功能测试用例中，可以看电脑每次的测试结果都是正确的，在测试过程中，每一次操作得到的反馈都是及时有效的，高校迎新系统通过测试，能够投入运作。

结 论
高校迎新系统的开发是为了通过简单的方式实现高校迎新管理。
本高校迎新系统的需求分析，结合高校迎新管理过程中的特点，集合了nodejs应用系统，将express作为架构基础，用nodejs语言进行代码编写，数据库采用mysql来存放数据，开发出了一个有实际应用价值的高校迎新系统。
本文首先对项目的研究背景及国内外现状进行了简单的介绍，在此基础上，对管理员和学生进行需求分析，然后对高校迎新系统进行了需求分析，确定在高校迎新系统中的需求，确定管理员要对学生信息，高校迎新信息进行管理的需求。把学生需求细化成浏览需求、检索需求、收藏需求、个人信息管理需求等；把管理需求细分成，对高校迎新信息的增删改查需求。本系统利用互联网将有高校迎新需求的人们紧密联系起来，实现了多人同时进行信息查询，共享资源共享网站络平台。
高校迎新系统还有很多细节问题，后续我们会逐步进行完善，由于个人能力有限，系统还不是很完美，可以优化的地方很多，在未来的工作中我会吸取这次毕业设计宝贵的经验，并将经验应用到实际的开发中。
致 谢
转眼间，我的大学生涯己经接近尾声，当我坐在熟悉的实验室里敲着一行行字时，不禁感叹这瞬息万变的世界。
四年前，我由一名高中生升为大学本科生。回顾自己这四年的本科生经历，从一开始word都无法熟练使用，到今天将系统做出眉目，我无悔在这个四年大学中的付出。
我深知，自己的进步离不开帮助与我同行的人，感谢你们的陪伴。首先我要感谢家人的支持，在我倍感压力的时候，家人的关心就好像使人振奋的精神良药，让我忘记压力继续前行。接着我要感谢我的指导老师，指导老师用自己的耐心教导了我。这些年里当我遇到学业阻碍时，指导老师总是把知识毫无保留地教给我，当我对职业迷茫时，指导老师会用心开导我，让我理清思路振奋前行，正是指导老师，我才成长到今天。其次我要感谢这四年的同伴，在我做课题遇到问题时，是他们教会了我很多，在学习的路上，是我们一起攻克重重困难，因为他们，我的学习生活变得更加圆满。我要感谢我的室友，感谢他们无论在我开心还是难过都陪伴在我身边，始终毫无条件支持我，为我加油。最后我要感谢我的学校，为我提供了良好的环境，感谢食堂的叔叔阿姨们为我们做可口的饭菜，感谢疫情期间保障我们安全的保安大哥们，因为你们，我们才得以成长。
即将步入社会了，毕业前再在校园走走吧，好像天更蓝了、树更绿了、从金鼎到学校的路更短了，我会永远怀念我的学校、我的老师、我的师兄弟师姐妹们，还有我的丰富多彩的研究生生活!