[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流

项目运行

环境配置:

Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express

项目技术:

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毕设帮助,指导,本源码(见文末),调试部署

3.3系统结构设计

系统设计主要是管理员登录后对整个系统相关操作进行处理,可进行系统管理。系统的功能结构图如下图所示。

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第1张图片

 

图3-1 系统结构图

3.4数据库设计

数据可设计要遵循职责分离原则,即在设计时应该要考虑系统独立性,即每个系统之间互不干预不能混乱数据表和系统关系。

数据库命名也要遵循一定规范,否则容易混淆,数据库字段名要尽量做到与表名类似。

3.4.1 E-R图设计

概念模型是对现实中的问题出现的事物的进行描述,ER图是由实体及其关系构成的图,通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。

仓管员信息体ER图如下图所示。

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第2张图片

 

图3-2仓管员信息ER图

仓库信息ER图如下图所示。

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第3张图片

 

图3-3仓库信息ER图

货物信息ER图如下图所示。

                  [附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第4张图片

 

 图3-4货物信息ER图

货物入库信息ER图如下图所示。

     [附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第5张图片

 

图3-5货物入库信息ER图

4.2管理员功能模块

4.2.1管理员登录

管理员输入用户名,密码,选择角色后进行登录,管理员登录,如下图4-1所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第6张图片

 

图4-1 管理员登录界面

4.2.2管理员功能

管理员登录后,对首页、个人中心、仓管员管理、货物种类管理、货物信息管理、货物入库管理、货物出库管理、仓库信息管理、物资盘点管理等进行操作,管理员功能如图4-2所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第7张图片

 

图4-2 管理员功能界面

4.2.3个人中心

点击个人中心,在个人中心页面可以修改密码、个人信息修改等操作,个人中心,如下图4-3  4-4所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第8张图片

 

图4-3 修改密码页面

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第9张图片

 

图4-4个人中心页面

4.2.4仓管员管理

仓管员管理,在仓管员管理页面可以查看仓管账号、仓管姓名、性别、仓管手机、照片等内容,也可以进行详情、修改,删除等操作。仓管员管理,如下图4-5所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第10张图片

 

图4-5仓管员管理页面

4.2.5货物种类管理

货物种类管理,在货物种类管理页面可以查看货物种类等内容,并进行修改,删除等操作,如下图4-6所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第11张图片

 

图4-6货物种类管理页面

4.2.6货物信息管理

货物信息管理,在货物信息管理页面可以对物编号、货物名称、货物种类、数量、仓库编号、仓库名称等内容,并进行详情、修改、删除等操作,如下图4-7所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第12张图片

 

图4-7货物信息管理页面

4.2.7货物入库管理

货物入库管理;在货物入库管理该页面查看入库编号、货物编号、货物名称、货物种类、数量、入库时间、仓管账号、仓管姓名、仓管手机等内容,进行详情、修改、删除等操作,如下图4-8所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第13张图片

 

图4-8货物入库管理页面

4.2.8货物出库管理

货物出库管理;在货物出库管理该页面查看出库编号、货物编号、货物名称、货物种类、数量、出库时间、仓管账号、仓管姓名、仓管手机等内容,进行详情、修改、删除等操作,如下图4-9所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第14张图片

 

图4-9货物出库管理页面

4.2.9仓库信息管理

仓库信息管理;在仓库信息管理该页面查看仓库编号、仓库名称、位置、面积、登记时间 等内容,进行详情、修改、删除等操作,如下图4-10所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第15张图片

 

图4-10仓库信息管理页面

4.3.0物资盘点管理

物资盘点管理;在物资盘点管理该页面查看货物编号、货物名称、仓库名称、数量、盘点数量、差异数量、盘点日期、仓管账号、仓管姓名等内容,进行详情、修改、删除等操作,如下图4-11所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第16张图片

 

图4-11物资盘点管理页面

4.3仓管员功能模块

4.3.1仓管员登录

仓管员登录,在登录页面填写用户名、密码、选择角色进行登录操作,如下图4-12所示:

[附源码]Nodejs计算机毕业设计基于HTML5的智能仓储管理系统Express(程序+LW)_第17张图片

 

图4-12仓管员登录页面

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

你可能感兴趣的:(html5,express,vscode)