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

文章目录

  • 功能简述
  • 功能展示
    • 用户模块
    • 购物车模块
    • 管理员模块
    • 物物对价功能实现
  • 代码

视频演示
代码下载
项目内含有
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第1张图片

功能简述

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

功能展示

用户模块

用户首先需要在浏览器的地址栏中输入系统网站的地址,进入校园物物对价平台的首页。用户点击登录注册进入登录注册页面,使用者能够在这个页面进行登录操作,输入相应的权限的账号和密码之后,根据自身身份进行权限的选择。如果不匹配会有弹窗提示。。成功会自动进入个人详情页面。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第2张图片
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第3张图片
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第4张图片
不同权限下用户可以通过输入相应权限的账号和密码可以登录到系统,进入到首页。不同权限下登入系统后会有不同的功能。管理员是系统最高权限的拥有者,可以使用系统全部拥有的功能。功能如下图所示。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第5张图片
管理员功能展示
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第6张图片
用户页面如下展示
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第7张图片
用户功能如下展示
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第8张图片
此界面为学生信息管理页面,用户登录系统后可以在此页面进行个人信息的查看,也可以进行用户密码的修改,但不允许用户更改登录名,如图下所示。修改成功后如图下所示。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第9张图片
更新后如下所示
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第10张图片

购物车模块

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

为了用户的安全
用户可以在系统功能页面左侧分类栏中进行操作,如需修改账户密码则可以点击登录密码按钮则进入账户密码修改界面。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第18张图片
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第19张图片
用户可以在系统功能页面左侧分类栏中进行操作,如需修改支付密码则可以点击支付密码设置按钮则进入支付密码修改界面。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第20张图片
用户可以在系统功能页面左侧分类栏中进行操作,如需修改收货地址则可以点击收货地址按钮则进入收货地址修改界面。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第21张图片

管理员模块

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

物物对价功能实现

当用户选择以物物交换功能进行物物对价时则首先需要将自己需要的商品进行上架展示,通过网页可以看到商品的图片、商品的单价、商品的数量以及商品的详细信息、商品的价格。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第29张图片
当有人通过平台了解到自己有此件闲置商品时,则可以通过我要置换功能进行物物对价,这里需要将等价商品的商品信息进行输入
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第30张图片
提交信息后在收购用户的订单中可以收到相关物品的订单展示。并是否同意用这件商品进行置换的审核。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第31张图片
当选择不同意之后则关闭该订单并赋予不同意的理由,如果选择同意置换后,则可以进行聊天咨询。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第32张图片
流程图如下展示
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第33张图片

代码

项目使用SpringBoot+Vue进行设计,SpringBoot大大加快了项目的开发速度。
DAO层使用的是mybatis。
开发的风格使用RESTFul发个进行代码开发。
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第34张图片
并且项目使用到了在线聊天功能,因此对websocket需要进行配置
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第35张图片
【Java项目】基于SpringBoot+Vue的校园二手商品交易平台_第36张图片

你可能感兴趣的:(java,java,spring,boot,vue.js)