【Java项目】基于SpringBoot+Vue的校园二手商品交易平台

您所在的位置:网站首页 wish平台商品种类 【Java项目】基于SpringBoot+Vue的校园二手商品交易平台

【Java项目】基于SpringBoot+Vue的校园二手商品交易平台

2023-06-04 19:05| 来源: 网络整理| 查看: 265

文章目录 功能简述功能展示用户模块购物车模块管理员模块物物对价功能实现 代码 视频演示 代码下载 项目内含有 在这里插入图片描述

功能简述

系统登录界面的实现 系统首页界面的实现 用户信息管理界面的实现 商品购物功能的实现 购物车管理功能及支付功能的实现 物物对价功能的实现 用户安全设置模块的实现 商品管理及系统管理模块的实现

功能展示 用户模块

用户首先需要在浏览器的地址栏中输入系统网站的地址,进入校园物物对价平台的首页。用户点击登录注册进入登录注册页面,使用者能够在这个页面进行登录操作,输入相应的权限的账号和密码之后,根据自身身份进行权限的选择。如果不匹配会有弹窗提示。。成功会自动进入个人详情页面。 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 不同权限下用户可以通过输入相应权限的账号和密码可以登录到系统,进入到首页。不同权限下登入系统后会有不同的功能。管理员是系统最高权限的拥有者,可以使用系统全部拥有的功能。功能如下图所示。 在这里插入图片描述 管理员功能展示 在这里插入图片描述 用户页面如下展示 在这里插入图片描述 用户功能如下展示 在这里插入图片描述 此界面为学生信息管理页面,用户登录系统后可以在此页面进行个人信息的查看,也可以进行用户密码的修改,但不允许用户更改登录名,如图下所示。修改成功后如图下所示。 在这里插入图片描述 更新后如下所示 在这里插入图片描述

购物车模块

用户可以在校园物物对价平台首页选中自己心仪的商品或者通过搜索功能进行搜索所要的商品。 在这里插入图片描述 用户进入商品页面后可以查询到商品的详细情况。 在这里插入图片描述 用户将所需要的商品点击商品页面的点击加入购物车,即商品则自动加入了购物车中。 在这里插入图片描述 用户如果需要继续购物则点击继续购物按钮,则可以在物物交换平台继续选取商品,在购物车页面选中自己需要的商品后点击提交订单则可以选择收货地址。页面如图所示。 在这里插入图片描述 用户选择商品下单后则可以进入支付页面,在这页面可以看到自己的账户余额信息如果余额小于需要支付金额则会显示支付失败,如果大于需要支付金额则填好支付密码。页面如图所示。 在这里插入图片描述 用户确认付款后则会显示成功支付页面。页面如图所示。点击查看按钮则可以查看订单信息。页面如图6.15所示。则完成了以金钱的交易的购物方式。 在这里插入图片描述 在这里插入图片描述

为了用户的安全 用户可以在系统功能页面左侧分类栏中进行操作,如需修改账户密码则可以点击登录密码按钮则进入账户密码修改界面。 在这里插入图片描述 在这里插入图片描述 用户可以在系统功能页面左侧分类栏中进行操作,如需修改支付密码则可以点击支付密码设置按钮则进入支付密码修改界面。 在这里插入图片描述 用户可以在系统功能页面左侧分类栏中进行操作,如需修改收货地址则可以点击收货地址按钮则进入收货地址修改界面。 在这里插入图片描述

管理员模块

管理员登录后进入系统功能模块可以进行商品管理及系统管理,商品管理可以管理所有用户上架的商品进行下架、上架和删除的处理,除此之外还可以进行商品名称的搜索和商品分类的信息进行检索以便更快速的找到该商品。 在这里插入图片描述 在管理员模式下还可以进行所有已经交易完成的订单的查询和查看。如图所示。因为每一笔订单都会生成一组唯一的订单号所以在搜索栏也可以输入订单号以便更快捷的查到订单查看。 在这里插入图片描述 在这里插入图片描述 在管理员模式下还可以进行商品类别管理,是每一个商品都可以被精准的查询到并进行栏目管理,可以做到栏目的增加删除和修改。 在这里插入图片描述 在管理员模式下还可以进行商品的资讯管理可以有进行分区发布资讯以便帮助到跟多用户。 在这里插入图片描述 在管理员模式下还可以进行公告管理例如学校发布的公告都可以经过编辑发布在该平台上以便使大家熟知。 在这里插入图片描述 在管理员模式下还可以进行平台的轮播图管理方便展示该平台的活动最新商品等等消息。 在这里插入图片描述

物物对价功能实现

当用户选择以物物交换功能进行物物对价时则首先需要将自己需要的商品进行上架展示,通过网页可以看到商品的图片、商品的单价、商品的数量以及商品的详细信息、商品的价格。 在这里插入图片描述 当有人通过平台了解到自己有此件闲置商品时,则可以通过我要置换功能进行物物对价,这里需要将等价商品的商品信息进行输入 在这里插入图片描述 提交信息后在收购用户的订单中可以收到相关物品的订单展示。并是否同意用这件商品进行置换的审核。 在这里插入图片描述 当选择不同意之后则关闭该订单并赋予不同意的理由,如果选择同意置换后,则可以进行聊天咨询。 在这里插入图片描述 流程图如下展示 在这里插入图片描述

代码

项目使用SpringBoot+Vue进行设计,SpringBoot大大加快了项目的开发速度。 DAO层使用的是mybatis。 开发的风格使用RESTFul发个进行代码开发。 在这里插入图片描述 并且项目使用到了在线聊天功能,因此对websocket需要进行配置 在这里插入图片描述 在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3