Nodejs基于vue.js的学生宿舍水电费缴费系统2py81

主要介绍基于nodejs语言设计并实现了学生宿舍水电费自动缴费系统。该系统基于B/S即所谓浏览器/服务器模式，应用vue框架，选择MySQL作为后台数据库去开发并实现一个以学生宿舍水电费自动缴费为核心的系统以及对系统的简易介绍。管理员登录，通过登录页面输入用户名、密码、选择角色等信息进行登录操作，如图5-1所示。
图5-1管理员登录界面图开发语言 node.js
框架：Express
前端:Vue.js
数据库：mysql 
数据库工具：Navicat
开发软件：VScode 

nodejs 可以开发后端代码，可以用JavaScript(不包括dom bom 存储)处理逻辑，连接数据库等操作   

管理员登录进入学生宿舍水电费自动缴费系统可以查看首页、个人中心、学生管理、维修工管理、报修类型管理、宿舍报修管理、维修指派管理、维修报告管理、维修评价管理、水电费管理、系统管理等信息进行相应操作，如图5-2所示。
图5-2管理员功能界面图
学生管理：在学生管理页面中可以查看学号、学生姓名、头像、性别、宿舍楼栋、宿舍号、联系方式等内容，并进行详情、修改、删除等操作，如图5-3所示。
图5-3学生管理界面图
维修工管理；在维修工管理页面中可以查看维修工号、维修姓名、照片、联系电话等内容，并进行详情、修改、删除等操作；如图5-4  所示。
图5-4维修工管理界面图
报修类型管理；在报修类型管理页面中可以查看报修类型等内容，并进行详情、修改、删除等操作；如图 5-5所示。
图5-5报修类型管理界面图
宿舍报修管理；在宿舍报修管理页面中可以查看报修单号、报修标题、图片说明、报修类型、学号、学生姓名、宿舍楼栋、宿舍号、联系方式、报修时间、审核回复、审核状态、审核等内容，并进行详情、维修指派、修改、删除等操作wimdow+r 输入 cmd 输入node 验证nodejs安装成功
可从NPM服务器下载别人编写的第三方包到本地使用。
可从NPM服务器下载并安装别人编写的命令行程序到本地使用。
可将自己编写的包或命令行程序上传到NPM服务器供别人使用。
 Express 框架于Node运行环境的轻量级Web框架,封装了Node的http模块并对该模块的功能进行了扩展使开发者可以轻松完成页面路由、请求处理、响应处理。
Express能做什么
对于前端程序员来说，最常见的两种服务器，分别是:
Web网站服务器:专门对外提供 Web 网页资源的服务器。

API接口服务器:专门对外提供API接口的服务器。
使用Express，我们可以方便、快速的创建Web 网站的服务器或API接口的服务器。

 Express 框架于Node运行环境的轻量级Web框架,封装了Node的http模块并对该模块的功能进行了扩展使开发者可以轻松完成页面路由、请求处理、响应处理。
核心特性：
 可以设置中间件来响应 HTTP 请求。
 定义了路由表用于执行不同的 HTTP 请求动作。
 可以通过向模板传递参数来动态渲染 HTML 页面。
 好，接下来我们进行Express的安装，我们通过以下命令就可以安装 Express 并将其保存到依赖列表中：
 npm install express --save
 上命令会将 Express 框架安装在当前目录的 node_modules 目录中， node_modules 目录下会自动创建 express 目录。
目  录
摘  要    I
Abstracts    II
目  录    III
第1章 绪论    1
1.1 研究的主要内容    2
1.2 研究现状    3
第2章 系统开发平台及技术介绍    4
2.1 B/S架构    5
2.2 MySQL 介绍    6
2.3 MySQL环境配置    7
2.4 nodejs语言简介    8
2.5 vue框架    9
第3章 系统分析与可行性分析    10
3.1系统总体分析    11
3.2 可行性分析    12
3.2.1 经济可行性    13
3.2.2 技术可行性    14
3.2.3 运行可行性    15
3.2.4 分析研究可行性    16
3.3 功能需求分析    17
第4章 系统设计    18
4.1系统结构设计    19
4.2数据库设计    20
4.2.1实体ER图    21
4.2.2数据表    22
第5章 系统实现    23
5.1  管理员功能模块    24
5.2  维修工功能模块    25
5.3  学生功能模块    26
第6章 系统测试    27
6.1 测试定义    28
6.2 功能测试    29
6.3 测试结论    30
结  论    31
参考文献    32
致谢    33