该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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系统流程和逻辑
系统业务流程图,如图所示:
图3-1登录流程图
图3-2添加信息流程图
图3-3注册信息流程图
4.1 概述
图4-1 系统工作原理图
4.2系统结构
本系统架构网站系统,本系统的具体功能如下:
图4-2系统功能结构图
系统结构图,如图4-3所示:
图4-3 系统结构图
管理员功能图,如图4-4所示:
图4-4 管理员功能图
用户功能图,如图4-5所示:
图4-5用户功能图
4.3数据库设计
4.3.1 数据库实体
管理员信息图,如图4-6所示:
图4-6管理员信息实体图
用户信息实体属性图,如图4-7所示:
图4-7用户信息实体属性图
商品信息实体属性图,如图4-8所示:
图4-8商品信息实体属性图
订单信息实体属性图,如图4-9所示:
图4-9订单信息实体属性图
5.1管理员功能模块
管理员登录,管理员通过输入用户名,密码,角色等信息即可进行系统登录,如图5-1所示。
图5-1管理员登录界面图
管理员登录进入校园二手交易平台可以查看首页、个人中心、校园公告管理、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等内容,如图5-2所示。
图5-2管理员功能界面图
校园公告管理,在校园公告管理页面可以查看标题、封面、时间等信息,并可根据需要进行删除,修改等操作,如图5-3所示。
图5-3校园公告管理界面图
用户管理,在用户管理页面可以查看用户账号、用户姓名、性别、年龄、联系电话、电子邮箱等内容,并可根据需要进行删除,修改等操作,如图5-4所示。
图5-4用户管理界面图
商品分类管理,在商品分类管理页面可以查看商品分类等信息,并可根据需要进行删除,修改等操作,如图5-5所示。
图5-5商品分类管理界面图
商品信息管理,在商品信息管理页面可以查看商品编号、商品名称、商品分类、封面、新旧程度、价格、单限、库存等信息,并可根据需要进行删除,修改等操作,如图5-6所示。
图5-6商品信息管理界面图
校园新闻,在校园新闻页面可以查看标题、简介、图片等信息,并可根据需要进行修改操作,如图5-7所示。
图5-7校园新闻界面图
轮播图;该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图5-8所示。
图5-8轮播图管理界面图
订单管理,在订单管理页面可以查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息,并可根据需要进行修改操作,如图5-9所示。
图5-9订单管理界面图
5.2用户功能模块
用户登录,用户通过输入用户名,密码、角色等信息即可进行系统登录,如图5-10所示。
图5-10用户登录界面图
用户登录进入校园二手交易平台可以查看首页、个人中心、我的收藏管理、订单管理等内容,如图5-11所示。
图5-11用户功能界面图
订单管理,在订单管理页面可以查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等内容,并可根据需要对订单管理进行详情,如图5-12所示。
图5-12订单管理界面图