计算机毕业设计 | SpringBoot+vue农产品商城 买菜购物网站(附源码)

本文介绍了基于Web端的山羊买菜电商平台项目,涵盖了需求分析、功能模块(如账户管理、商品处理、订单查询等)、后端技术(SpringBoot、MyBatis、Druid等)和前端技术(Vue、Vuex等)。详细描述了系统架构和各个页面的功能展示,旨在提供一个便捷的在线买菜解决方案。
摘要由CSDN通过智能技术生成

1,绪论

1.1 项目背景

随着社会发展,网上购物已经成为我们日常生活的一部分。但是,至今为止大部分电商平台都是从人们日常生活出发,出售都是一些日常用品比如:食物、服装等等,并未发现一个专注于菜品的电商平台。而我国是以农业起家,现阶段需要买菜的人们不在少数,而大多时候,人们需要买菜的时候都需要去特定的商店购买,并且如果路途遥远还需要耗费较长时间。所以开发一个专注于买菜的电商系统来解决人们线下购买商品问题,使菜品也能通过网上购物的方式购买。

1.2 项目意义

通过前期调研、需求分析、数据库设计。系统的设计与实现和测试来构建一个Web端买菜购物的网站,其目的是构建一个山羊买菜系统,让用户可以在网上进行购物、商家也可以在网上进行菜品商品的发布,让更多的用户购买自己的菜品。并在存在系统管理员对用户、商品等信息进行统一的管理,维护好山羊买菜系统的秩序。

2,需求分析

2.1 功能模块图

在这里插入图片描述

买菜商城系统系统包括六个子模块,子模块分别是账户管理模块、顾客商品处理模块、订单查询模块、商品购买模块、商品管理模块、商品处理模块。

2.2 功能需求分析

账户管理模块

账户管理模块包括:登陆、注册、退出、修改信息等功能。
登陆:用户或管理员若要进入商城必须输入自己的用户名及密码进行登陆;
注册:用户第一次使用该平台时要进行注册,通过输入用户的用户名及密码进行注册。
退出:用户或管理员通过点击退出指令退出该系统;
修改信息:当用户或管理员登陆成功后可以在个人中心中修改自己的个人信息包括收货地址、个人头像等。

顾客商品处理模块

顾客商品处理模块包括查看购物车等功能。
查看购物车:当用户把商品添加到购物车,点击购物车购物车就可以查看用户刚添加的商品;

订单查询模块

订单查询模块包括:查看历史订单、查看订单状态等功能。
查看历史订单:用户可以查看自己购买的所有商品信息;
查看订单状态:当用户下单成功后可以查看自己所购买商品的订单状态;

商品购买模块

商品购买:在平台主界面上可查找商品表中的所有商品及其信息和类别进行分类查找,选择喜欢的商品购买下单,填写收货地址;

商品管理模块

商品管理模块包括:商品展示、添加商品等功能。
商品展示:在平台主界面上会展示出商品表中的所有商品及其信息,并可以对商品和类别进行分类查找;
添加商品:当进购新的货物时管理员可以向商品表添加新的商品;

商品处理模块

订单处理模块包括:订单查询、订单修改、订单删除等功能。
订单查询:后台可以通过订单中的关键字如商品名等信息以精准查询或模糊查询的方式找到相关订单;
订单修改:后台可以将订单中的收货人,地址等信息代客户进行修改操作; 
订单删除:后台可以删除已经完成的订单,订单删除不可逆;

3,技术分析

后端技术

技术说明官网
SpringBootWeb应用开发框架https://spring.io/projects/spring-boot
SpringSecurity认证和授权框架https://spring.io/projects/spring-security
MyBatisORM框架http://www.mybatis.org/mybatis-3/zh/index.html
Druid数据库连接池https://github.com/alibaba/druid
JWTJWT登录支持https://github.com/jwtk/jjwt
LombokJava语言增强库https://github.com/rzwitserloot/lombok
PageHelperMyBatis物理分页插件http://git.oschina.net/free/Mybatis_PageHelper
RedisKey-Value数据库https://redis.io/

前端技术

技术说明官网
Vue前端框架https://vuejs.org/
Vue-router路由框架https://router.vuejs.org/
Vuex全局状态管理框架https://vuex.vuejs.org/
Element前端UI框架https://element.eleme.io
Axios前端HTTP框架https://github.com/axios/axios
v-charts基于Echarts的图表框架📣 有源码 获取源码

4,系统设计

系统架构图

在这里插入图片描述
说明

上图为系统架构图,本系统架构一共分为4层。前端展示层主要作用为用户展示信息以及操作入口、网关接入层用于权限认证、路由等信息、业务服务层主要是具体业务的实现如:用户管理、分类管理公告管理等等、数据库层:主要表示使用的数据库,本系统主要使用了MySQL数据库和Redis数据库。

5,商城页面展示

5.1 登录 注册

在这里插入图片描述

在这里插入图片描述

5.2 商城首页

在这里插入图片描述

5.2.1 首页分类

在这里插入图片描述

5.3 商品分类页面

在这里插入图片描述

5.4 商品详情页

在这里插入图片描述

5.5 商品搜索

在这里插入图片描述

5.6 购物车

在这里插入图片描述

5.7 生成订单

在这里插入图片描述

5.7.1 编辑地址

在这里插入图片描述

5.8 个人中心

5.8.1 我的订单

在这里插入图片描述

5.8.1.1 订单详情

在这里插入图片描述

5.8.2 我的信息

在这里插入图片描述

5.8.3 用户评价

在这里插入图片描述

5.8.3.1 添加评论

在这里插入图片描述

5.8.4我的评价

在这里插入图片描述

6,后台管理页面展示

6.1 登录

在这里插入图片描述

6.2 用户管理

在这里插入图片描述

添加用户
修改用户

6.3 角色管理

在这里插入图片描述

6.3.1 添加角色

在这里插入图片描述

6.3.2 修改角色

在这里插入图片描述

6.4 商品分类管理

在这里插入图片描述

6.4.1 添加分类

在这里插入图片描述

6.4.2 修改分类

在这里插入图片描述

6.5 商品管理

在这里插入图片描述

添加商品
修改商品

6.6 评论管理

在这里插入图片描述

6.7 订单管理

在这里插入图片描述

6.7.1 查看详情

在这里插入图片描述

  • 38
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

说书客啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值