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

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

用户可以在系统功能页面左侧分类栏中进行操作,如需修改支付密码则可以点击支付密码设置按钮则进入支付密码修改界面。

用户可以在系统功能页面左侧分类栏中进行操作,如需修改收货地址则可以点击收货地址按钮则进入收货地址修改界面。

管理员模块

管理员登录后进入系统功能模块可以进行商品管理及系统管理,商品管理可以管理所有用户上架的商品进行下架、上架和删除的处理,除此之外还可以进行商品名称的搜索和商品分类的信息进行检索以便更快速的找到该商品。

在管理员模式下还可以进行所有已经交易完成的订单的查询和查看。如图所示。因为每一笔订单都会生成一组唯一的订单号所以在搜索栏也可以输入订单号以便更快捷的查到订单查看。

在管理员模式下还可以进行商品类别管理,是每一个商品都可以被精准的查询到并进行栏目管理,可以做到栏目的增加删除和修改。

在管理员模式下还可以进行商品的资讯管理可以有进行分区发布资讯以便帮助到跟多用户。

在管理员模式下还可以进行公告管理例如学校发布的公告都可以经过编辑发布在该平台上以便使大家熟知。

在管理员模式下还可以进行平台的轮播图管理方便展示该平台的活动最新商品等等消息。

物物对价功能实现

当用户选择以物物交换功能进行物物对价时则首先需要将自己需要的商品进行上架展示,通过网页可以看到商品的图片、商品的单价、商品的数量以及商品的详细信息、商品的价格。

当有人通过平台了解到自己有此件闲置商品时,则可以通过我要置换功能进行物物对价,这里需要将等价商品的商品信息进行输入

提交信息后在收购用户的订单中可以收到相关物品的订单展示。并是否同意用这件商品进行置换的审核。

当选择不同意之后则关闭该订单并赋予不同意的理由,如果选择同意置换后,则可以进行聊天咨询。

流程图如下展示

代码

项目使用SpringBoot+Vue进行设计,SpringBoot大大加快了项目的开发速度。

DAO层使用的是mybatis。

开发的风格使用RESTFul发个进行代码开发。

并且项目使用到了在线聊天功能,因此对websocket需要进行配置

相关文章
|
2月前
|
存储 JavaScript
解锁Vuex高级玩法:模块化与插件共舞,让你的Vue项目状态管理如虎添翼!
【8月更文挑战第27天】Vuex是一款专为Vue.js应用程序设计的状态管理模式及库,它通过集中管理组件状态来确保状态变更的可预测性。在大型应用中,采用模块化管理可以让代码结构更加清晰,同时利用插件增强功能。模块化管理允许将store拆分为包含各自state、mutations、actions和getters的独立模块。插件则能监听状态变化,实现诸如日志记录或数据持久化等功能。本文通过具体示例介绍了如何在Vuex中实现模块化管理和插件的高级应用。
37 1
|
24天前
|
前端开发
vue3+ts项目中使用mockjs
vue3+ts项目中使用mockjs
243 58
|
6天前
|
JavaScript
vue项目中使用vue-router进行路由配置及嵌套多级路由
该文章详细说明了如何在Vue项目中配置和使用vue-router进行单页面应用的路由管理,包括设置嵌套路由和实现多级路由导航的示例。
vue项目中使用vue-router进行路由配置及嵌套多级路由
|
2天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
11 4
|
2天前
|
JavaScript
vue尚品汇商城项目-day07【51.路由懒加载】
vue尚品汇商城项目-day07【51.路由懒加载】
12 4
|
2天前
|
JavaScript
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
8 2
|
4天前
|
API UED
如何实现Vue2项目升级Vue3?
如何实现Vue2项目升级Vue3?
11 1
|
6天前
|
JavaScript
vue项目中引入阿里图标iconfont
该文章指导如何在Vue项目中引入并使用阿里图标库Iconfont,包括图标的选取、下载配置文件及在项目中引入和使用图标的具体步骤。
|
15天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
19天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
下一篇
无影云桌面