计算机毕业设计Node.js+uniapp实验农场数据系统管理小程序LW(源码+程序+lw+远程调试)

项目运行

环境配置：

Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。

项目技术：

Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。

环境需要

1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。

2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;

3.mysql环境：建议是用5.7版本均可

4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；

6.Navcat11：这个版本不限10/11/14/15都可以。；

Node.js毕设帮助，指导，本源码(见文末)，调试部署

4.2 服务端管理员功能模块

管理员登录，管理员通过输入用户名、密码、角色进行登录进入系统，如图4-1所示。

图4-1管理员登录界面图

管理员通过登录进入实验农场数据系统管理小程序可查看个人中心、学生管理、教师管理、实验场所管理、实验项目管理、实验任务管理、系统管理等内容，如图4-2所示。

图4-2管理员功能界面图

学生管理，管理员可在学生管理页面查看学生学号、学生姓名、性别、学院名称、班级号、手机号、专业、头像等内容，还可进行新增、修改或删除等操作，如图4-3所示。

图4-3学生管理界面图

教师管理，管理员可在教师管理页面查看教师工号、教师姓名、性别、照片、职称、联系电话等内容，还可进行新增、修改或删除等操作，如图4-4所示。

图4-4教师管理界面图

实验场所管理，管理员可在实验场所管理页面查看场所编号、场所名称、大概类型等内容， 还可进行新增、修改或删除等操作，如图4-5所示。

图4-5实验场所管理界面图

实验项目管理，管理员可在实验项目管理页面查看实验编号、实验名称、教师工号、教师姓名、封面等内容，还可进行修改或删除等操作，如图4-6所示。

图4-6实验项目管理界面图

实验任务管理，管理员可在实验任务管理页面查看任务名、实验编号、实验名称、教师工号、封面、场所编号、场所名称、实验时间、学生学号、完成情况等内容，还可进行修改或删除等操作，如图4-7所示。

图4-7实验任务管理界面图

轮播图管理，管理员可在轮播图管理页面进行修改等操作，如图4-8所示。

图4-8轮播图管理界面图

系统公告，管理员可在系统公告页面查看标题、图片等内容，还可进行新增、修改或删除等操作，如图4-9所示。

图4-9系统公告界面图

4.3小程序端教师功能模块

教师注册，教师通过输入教师工号、密码、教师姓名、性别、职称、联系电话等内容进行注册，如图4-10所示。

图4-10教师注册界面图

教师通过登录进入小程序可查看首页、实验场所、实验项目、系统公告、我的等内容，如图4-11所示。

图4-11教师功能界面图

实验项目，教师可在实验项目页面查看封面、实验名称、实验编号、教师工号、教师姓名、实验简介等内容，如图4-12所示。

图4-12实验项目界面图

实验场所，教师可在实验场所页面查看场所名称、大概类型、场所编号等内容，如图4-13所示。

图4-13实验场所界面图

我的，教师可在我的页面查看用户信息、实验项目、实验任务等内容，如图4-14所示。

图4-14我的界面图

用户信息，教师可在用户信息页面通过输入教师工号、密码、教师姓名、性别、照片、职称、联系电话进行保存等操作，如图4-15所示。

图4-15用户信息界面图

4.4小程序端学生功能模块

学生登录，学生通过输入账号、密码、选择登录角色进行登录，如图4-16所示。

图4-16学生登录界面图

学生通过登录进入小程序可查看首页、实验场所、实验项目、系统公告、我的等内容，如图4-17所示。

图4-17学生功能界面图

实验场所，学生可在实验场所页面查看场所名称、大概类型、场所编号等内容如图4-18所示。

图4-18实验场所界面图

实验项目，学生可在实验项目页面查看封面、实验名称、实验编号、教师工号、教

师姓名、实验简介等内容，如图4-19所示。

图4-19实验项目管理界面图

实验任务，学生可通过输入任务名、实验编号、实验名称、教师工号、封面、场所编号、场所名称、实验时间、学生学号、完成情况等内容进行提交等操作，如图4-20所示。

图4-2实验任务界面图

我的，学生可在我的页面查看用户信息、实验项目、实验任务等内容，如图4-21

所示。

图4-21我的界面图

Node.js毕设帮助，指导，源码获取，调试部署