基于nodejs+vue学籍管理系统

目 录

摘 要 I

ABSTRACT II

目 录 II

第1章 绪论 1

1.1背景及意义 1

1.2 国内外研究概况 1

1.3 研究的内容 1

第2章 相关技术 3

2.1 nodejs简介 4

2.2 express框架介绍 6

2.4 MySQL数据库 4

第3章 系统分析 5

3.1 需求分析 5

3.2 系统可行性分析 5

3.2.1技术可行性:技术背景 5

3.2.2经济可行性 6

3.2.3操作可行性: 6

3.3 项目设计目标与原则 6

3.4系统流程分析 7

3.4.1操作流程 7

3.4.2添加信息流程 8

3.4.3删除信息流程 9

第4章 系统设计 11

4.1 系统体系结构 11

4.2开发流程设计系统 12

4.3 数据库设计原则 13

4.4 数据表 15

第5章 系统详细设计 19

5.1管理员功能模块 20

5.2用户功能模块 23

5.3前台功能模块 19

第6章 系统测试 25

6.1系统测试的目的 25

6.2系统测试方法 25

6.3功能测试 26

结 论 28

致 谢 29

参考文献 30

2020 年我国发生了新冠状病毒,学校日常生活受到严重影响,很多学校缩减了学生返回校园来正常上课,基本改为线上上课, 而学籍管理系统则是立足于学生个人信息管理的系统,通过系统化的数据帮助学校管理学生的基本信息, 实现无纸化、快捷化地寻找适合学生管理的方法,由于这样原因,可以帮助学校管理学生信息,另外可以减轻学生的管理制度等。

经济快速发展和生活的快节奏压力下,高校的学生管理制度,是一个学校的考察的重要指标,因此学生学籍信息成为各个高校追棒的对象。 本系统提供供用户使用的前台和管理员使用的后台管理。实现用户注册登录、浏览网站信息、学生信息管理,专业管理、课程管理、课程类型管理等功能。

前端技术: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文件夹

存放视图。

2020 年我国发生了新冠状病毒,因此 2020 又称为在校学生最难的一年。学校日常生活受到严重影响,随着学校数量和规模的不断增多,搜寻相关学生学籍信息,和在校情况,总结学生在校园生活中遇到的问题 并探讨相关的解决对策,学生人数也不断增加,今年更是达到了 874 万人,学生学籍问题变得愈来愈尖锐,二十一世纪,学籍管理系统的主要开发目的就是让用户可以通过网络选择相关的企业,便捷学生找工作,降低成本。互联网已成为当今世界不可缺少的一部分,不仅加强人与人之间的联系,并且能够实现资源共享。

相关推荐
天***889622 分钟前
js封装一个双精度算法实现
开发语言·前端·javascript
Algebraaaaa34 分钟前
什么是前端、后端与全栈开发,Qt属于什么?
开发语言·前端·qt
胡斌附体43 分钟前
使用Electron创建helloworld程序
前端·javascript·electron·nodejs·pc
toobeloong1 小时前
Electron 从低版本升级到高版本 - webview通信的改造
前端·javascript·electron
im_AMBER1 小时前
React 01
前端·javascript·笔记·react.js·前端框架·web
@大迁世界1 小时前
React 19.2.0 有哪些新变化
前端·javascript·react.js·前端框架·ecmascript
华仔啊2 小时前
用 Vue3 + Canvas 做了个超实用的水印工具,同事都在抢着用
前端·vue.js·canvas
Q_Q5110082852 小时前
python+uniapp基于微信小程序团购系统
spring boot·python·微信小程序·django·uni-app·node.js·php
炒毛豆3 小时前
uniapp微信小程序+vue3基础内容介绍~(含标签、组件生命周期、页面生命周期、条件编译(一码多用)、分包))
vue.js·微信小程序·uni-app