基于springboot+vue的二手商城(闲置物品交易)(前后端分离)

简介: 本系统为前后端分离项目,适合题目:二手商城、二手闲置、闲置商品、前后端分离类其他商城系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。下面是功能详情:

项目介绍:



本系统为前后端分离项目,适合题目:二手商城、二手闲置、闲置商品、前后端分离类其他商城系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。下面是功能详情:


项目技术:



后端:springboot,mybatis

前端:element-ui、js、css等

开发工具:idea/vscode

数据库:mysql 5.7

JDK版本:jdk1.8


功能概述:



首页推荐功能:首页推荐闲置物品并展示,优先显示最新发布的闲置,并可按分类显示。


搜索闲置物品功能:全文模糊搜索,可根据闲置物品的标题和详细说明进行模糊搜索。

发布闲置功能:发布闲置功能,填写完整闲置的信息即可发布,未登录用户无法发布闲置。


查看闲置详情功能:可以查看闲置的详细介绍说明和图集,并能看到发布者的信息,可以下单购买或收藏。如果是自己发布的闲置,可以进行下架操作或重新上架。

留言功能:可以在闲置详情页发送留言,也可以在消息页面看到别人给自己的留言或回复。


下单功能:可购买闲置进行模拟支付,下单前或自动选择默认收货地址,也可以修改收货地址,也可以取消下单。生成订单后,闲置会马上下架,发布者可选择重新上架。

用户基本修改功能:用户登录后可修改基本信息,如修改头像、修改昵称、修改密码,头像上传修改,昵称修改实时保存。


编辑地址功能:添加新地址,没有任何地址时会设置为默认地址。可重新修改或删除地址信息。


管理订单功能:卖家可以确认发货,买家可以确认收货。

个人中心功能:个人中心可以看到发布的闲置,下架的闲置,收藏的闲置,卖出的闲置

和买到的闲置。


数据库设计:



4f5d12bd18004a6fa37884b76df3983e.png


部分功能展示:



系统首页


a72839c1e46f42f0b74212a0bfedce67.png


下面是商品详情:


1a704b1f03c54566911ff4ea88c94e9f.png


下面是登录,也可以进行注册:


350b5b1019f641b288d73d8bcc9c8892.png


下面是发布个人闲置:


7d05ca7f0f904f3d9e2c631fc3409059.png


个人中心:


9603c906334742b199394b76775a6477.png


查看个人收藏的内容:


9133819f93634fa9a5e182452f6b771b.png


后台订单维护


df17b02167e243e1bd1a815646ae91ce.png


后台闲置维护:


bb237bc7928449aba8598fc2a5a58b78.png


部分代码:



 @PostMapping("/add")
    public ResultVo addFavorite(@CookieValue("shUserId")
                                    @NotNull(message = "登录异常 请重新登录")
                                    @NotEmpty(message = "登录异常 请重新登录") String shUserId,
                                    @RequestBody FavoriteModel favoriteModel){
        favoriteModel.setUserId(Long.valueOf(shUserId));
        favoriteModel.setCreateTime(new Date());
        if(favoriteService.addFavorite(favoriteModel)){
            return ResultVo.success(favoriteModel.getId());
        }
        return ResultVo.fail(ErrorMsg.FAVORITE_EXIT);
    }
    @GetMapping("/delete")
    public ResultVo deleteFavorite(@CookieValue("shUserId")
                                       @NotNull(message = "登录异常 请重新登录")
                                       @NotEmpty(message = "登录异常 请重新登录") String shUserId,
                                       @RequestParam Long id){
        if(favoriteService.deleteFavorite(id)){
            return ResultVo.success();
        }
        return ResultVo.fail(ErrorMsg.SYSTEM_ERROR);
    }


以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,而且也与当前的热点话题关联,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,比较适合毕业设计和课程设计的相关应用。


好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~

相关文章
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
70 2
|
26天前
|
JavaScript Java 关系型数据库
毕设项目&课程设计&毕设项目:基于springboot+vue实现的前后端分离的考试管理系统(含教程&源码&数据库数据)
在数字化时代背景下,本文详细介绍了如何使用Spring Boot框架结合Vue.js技术栈,实现一个前后端分离的考试管理系统。该系统旨在提升考试管理效率,优化用户体验,确保数据安全及可维护性。技术选型包括:Spring Boot 2.0、Vue.js 2.0、Node.js 12.14.0、MySQL 8.0、Element-UI等。系统功能涵盖登录注册、学员考试(包括查看试卷、答题、成绩查询等)、管理员功能(题库管理、试题管理、试卷管理、系统设置等)。
毕设项目&课程设计&毕设项目:基于springboot+vue实现的前后端分离的考试管理系统(含教程&源码&数据库数据)
|
1月前
|
JavaScript
如何通过点击商品的信息(图片或者文字)跳转到更加详细的商品信息介绍(前后端分离之Vue实现)
该博客文章介绍了如何在Vue 2框架下实现前后端分离的商品信息展示和详情页跳转,包括排序筛选、详情展示、加入购物车和分享功能。
如何通过点击商品的信息(图片或者文字)跳转到更加详细的商品信息介绍(前后端分离之Vue实现)
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
37 7
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
53 7
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的“涛宝”大学生二手物品交易商城的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的“涛宝”大学生二手物品交易商城的详细设计和实现(源码+lw+部署文档+讲解等)
161 3
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物用品交易平台的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物用品交易平台的详细设计和实现(源码+lw+部署文档+讲解等)
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
71 3
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
62 3
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
44 3