[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+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毕设帮助,指导,源码(见文末),调试部署

5.1管理员功能模块

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

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第1张图片图5-1管理员登录界面图

 

管理员登录进入校园快递代收发系统可以查看首页、个人中心、用户管理、快递公司管理、快递寄件管理、物品分类管理、寄件单号管理、快递收件管理、新闻资讯管理、留言板管理、系统管理等内容,如图5-2所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第2张图片图5-2管理员功能界面图

 

快递公司管理在快递公司管理页面可以填写公司编号、密码、公司名称、图片、收费信息、达到区域地点、付费规则、审核回复、审核状态、审核等内容,并可根据需要对快递公司管理进行添加,修改或删除等操作,如图5-3所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第3张图片图5-3快递公司管理界面图

 

物品分类管理在物品分类管理页面可以填写物品类别等内容,并可根据需要对物品分类管理进行添加,修改或删除等操作,如图5-4所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第4张图片图5-4物品分类管理界面图

 

寄件单号管理,在寄件单号管理页面可以填写公司编号、公司名称、用户名、快递单号、物品名称、重量、体积、首重运费、续重运费、总运费、寄件日期、是否支付等进行添加,修改,删除或查看详细内容等操作,如图5-5所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第5张图片图5-5寄件单号管理界面图

 

快递收件管理,在快递收件管理页面可以查看用户名、姓名、快递单号、物流状态、取件码、公司编号、公司名称等内容,并可根据需要对快递收件管理信息进行添加,修改,删除或详细内容等操作,如图5-6所示。 

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第6张图片图5-6快递收件管理界面图

 

新闻资讯管理 ,在新闻资讯管理页面可以查看标题、简介、公司编号、公司名称、图片、发布日期等内容,并可根据需要对新闻资讯管理进行添加,修改,删除或详细内容等操作,如图5-7所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第7张图片图5-7新闻资讯管理界面图

 

5.2快递公司功能模块

快递公司登录进入校园快递代收发系统可以查看首页、个人中心、用户管理、快递寄件管理、寄件单号管理、快递收件管理、新闻资讯管理内容,如图5-8所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第8张图片图5-8快递公司登录界面图

 

用户管理,在用户管理页面通过填写用户名、密码、姓名、年龄、性别、手机、邮箱等内容并可根据需要对用户管理进行修改,如图5-9所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第9张图片图5-9用户管理界面图

 

寄件单号管理,在寄件单号管理页面可以填写公司编号、公司名称、用户名、快递单号、物品名称、重量、体积、首重运费、续重运费、总运费、寄件日期、是否支付等内容,并可根据需要对寄件单号管理详细内容操作,如图5-10所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第10张图片图5-10寄件单号管理界面图

 

快递收件管理,在快递收件管理页面可以查看用户名、姓名、快递单号、物流状态、取件码、公司编号、公司名称等内容,并可根据需要对快递收件管理详情、修改等操作,如图5-11所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第11张图片图5-11快递收件管理界面图

 

5.3用户功能模块

用户登录进入校园快递代收发系统可以查看首页、个人中心、快递寄件管理、寄件单号管理、快递收件管理、我的收藏管理等内容,如图5-12所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第12张图片图5-12用户登录界面图

 

个人信息,在个人信息页面通过填写用户名、密码、姓名、年龄、性别、手机、邮箱等内容并可根据需要对个人信息进行修改,如图5-13所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第13张图片图5-13个人信息界面图

 

我的收藏管理,在我的收藏管理页面可以填写收藏ID、表名、收藏名称、收藏图片等内容,并可根据需要对我的收藏管理信息进行详情、删除操作,如图5-14所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第14张图片图5-14我的收藏管理界面图

 

寄件单号管理,在寄件单号管理页面可以查看公司编号、公司名称、用户名、快递单号、物品名称、重量、体积、首重运费、续重运费、总运费、寄件日期、是否支付等内容,并可根据需要对寄件单号管理进行详情等操作,如图5-15所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第15张图片图5-15寄件单号管理界面图

 

快递收件管理,在快递收件管理页面可以查看用户名、姓名、快递单号、物流状态、取件码、公司编号、公司名称等内容,并可根据需要对快递收件管理进行详情等操作,如图5-16所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第16张图片图5-16快递收件管理界面图

 

5.4前台首页功能模块

 校园快递代收发系统,在校园快递代收发系统可以查看首页、快递公司、新闻资讯、网站资讯、留言反馈、个人中心、后台管理等内容,如图5-17所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第17张图片图5-17系统首页界面图

 

用户注册,通过用户注册获取用户名、密码、姓名、年龄、性别、手机、邮箱等信息进行注册,如图5-18所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第18张图片图5-18用户注册界面图

用户登录,在用户登录页面可以填写账号、密码等信息进行登录,如图5-19所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第19张图片图5-19用户登录界面图

快递公司,在快递公司页面可以查看公司编号公司名称、图片、收费信息、达到区域地点、付费规则等信息进行立即提交如图5-20所示。

 

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第20张图片图5-20快递公司界面图

 

个人中心,在个人中心页面可以查看用户名、密码、姓名、年龄、性别、手机、邮箱等信息进行更新信息、退出登录如图5-21所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第21张图片图5-21个人中心界面图

 

我的收藏,在我的收藏页面可以查看名称、图片信息进行修改、删除如图5-22所示。

[附源码]计算机毕业设计Node.js校园快递代收发系统(程序+LW)_第22张图片

图5-22我的收藏界面图

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

你可能感兴趣的:(课程设计,node.js,vscode)