咖啡商城|基于Springboot+Vue前后端分离咖啡商城系统(一)

简介: 咖啡商城|基于Springboot+Vue前后端分离咖啡商城系统

项目编号:BS-SC-042

前言:

在目前电商为王的中国社会上,种类繁多的电子商务网站如雨后春笋般纷纷建立,百花齐鸣的发展态势可以在很大程度上,十分有效的解决原来时代的信息资源闭塞和地域上的限制[1]。网上交易代替了很多传统的线下消费,这种势头发展的越来越火热,而这一却都是伴随着用户的购买能力的提高,和IT信息化产业的发展以及新型互联网技术的应用。

互联网以及移动互联网的普及应用,也使得消费者的消费路径更加快捷短暂,足不出户可一缆天下,一机在手可买遍全球。所以消费者基本上已经被新的消费模式所吸引,也具备了网络消费的应用水平。而对于广大的电商平台来讲,大而全的电商有之,小而美的电商也有自己的存活空间。而最近这些年比较流行的垂直电商平台的崛起和应用,也让我们的用户可以直接找到自己所喜欢咖啡的平台,进行点对点的消费,这就是我们进行咖啡电商研究的一个基础背景。

一,项目简介

本项目基于Spring Boot搭建的咖啡商城系统主要有用户管理功能、商品管理功能、购物车管理功能、订单管理功能、角色管理功能等,一共分为七个大的核心模块:

前台管理系统:

(1)用户功能模块:用户可以进行登录注册与注销操作,并且可以对个人信息进行响应的修改。

(2)商品功能模块:用户可以搜索查看自己想要的咖啡商品,也可以点击商品进行查看商品的详细信息。

(3)购物车管理模块:用户可以把自己感兴趣的商品加入购物车,点击购物车查看购物车信息,可以的对购物车内的商品进行修改,用账号余额对购物车进行结算。

(4)订单功能模块:用户点击订单查看自己的所有订单信息,看到当前订单状态,对已完成的订单进行评价。

后台管理系统:

(5)用户管理模块:管理员可以对普通用户信息进行相应的增删改查操作。

(6)商品资讯管理:管理员可以对商品资讯进行相应的增删改查操作,向用户进行商品推荐。

(7)商品管理模块:管理员可以对商品的信息进行修改,增加新的商品,删除掉不用的商品。

(8)轮播图管理模块:管理员可以对轮播图的信息进行修改,增加新的轮播图,根据优惠在首页显示推荐商品轮播图,实时修改轮播图信息。

1.1.2  性能需求

本系统的主要使用对象为手办系统管理员以及消费者,由于消费者主要为年轻人群体,所以对时间的要求不高,没有限制使用的时间。本系统在浏览器运行,需要保证隐私性要强。

时间性:新品手办上架时,可能登录系统的用户较多,需要保证用户操作时服务器反应时间在5秒以内。

运行环境约束:系统可以在IE8以上浏览器平稳运行,可以在不同浏览器运行,对运行的环境要求较低。

易用性需求:本系统页面简介明了易操作,对于众多用户来说可用性较强,不需要进行培训等流程都可以操作。

本系统采用B/S架构进行设计,主要针对PC端用户使用的,不需要专门的客户端,只需要浏览器就能使用,所以对于其他架构来说方便就是它的优势。它是跨平台的,是基于网页语言的、操作系统对其没有太大的影响。系统架构设计图如下图4-1所示:

图2-1 系统架构设计图

2.2  主要功能设计

2.2.1  用户管理功能

用户管理功能主要有前台用户注册、用户账号登录、查看用户信息、修改用户的详细信息以及搜索用户。用户需要登录账号才可以对个人用户信息进行查看和修改,在输入账号密码时会进行信息的判断,数据传到服务器进行信息的验证,如果用户未注册,系统会提示用户账号或密码不正确;如果用户已注册输入的信息有误会提示用户输入正确的账号密码信息,如果信息无误则直接登录成功。用户登录流程图如图2-2所示,用户注册流程图如图2-3所示,用户管理流程图如图2-4所示。

图2-2 用户登录流程图

图2-3 用户注册流程图

图2-4 用户管理流程图

2.2.2  商品管理功能

商品管理功能主要包括了添加商品、修改商品信息、查看商品信息以及下架商品等操作。管理员只有在登录后才可以对商品信息进行操作,可以添加需要新增的商品信息,如果商品信息有误或商品促销时会降价,管理员可以手动修改商品的价格或商品的其他信息,管理员还可以对需要下架的商品进行删除操作。商品管理顺序图如图4-5所示。

图2-5 商品管理流程图

2.2.3  购物车管理功能

用户在登录账号后可以看到自己的购物车页面,用户可以选择将心仪的商品添加至购物车,在购物车页面进行商品的购买与结算,不再需要一单一结操作简单,为用户带来了便利。在购物车页面,用户也可以修改购物车内添加的商品数量。购物车管理顺序图如图2-6所示。

图2-6 购物车管理顺序图

2.2.4  订单管理功能

订单管理模块主要是用户点击订单查看自己的所有订单信息,看到当前订单状态,对已完成的订单进行评价。订单管理流程图如图4-7所示。

图2-7 订单管理流程图

2.2.5  轮播图管理功能

轮播图管理功能属于管理员登录后可以进行的操作,管理员可以按照需求添加新的轮播图信息,可以在原本设置好的轮播图信息上进行修改。轮播图管理功能流程图如图2-8所示。

图2-8 轮播图管理流程图

2.2.6  商品资讯管理功能

商品资讯管理功能属于管理员登录后可以进行的操作,管理员可以按照需求添加新的资讯信息,也可以对老旧的资讯进行删除和更新。商品资讯管理功能流程图如图2-9所示。

图2-9 商品资讯管理流程图

二,环境介绍

语言环境:Java:  jdk1.8

数据库:Mysql: mysql5.7

应用服务器:Tomcat:  tomcat8.5.31

开发工具:IDEA或eclipse

后台开发技术:Springboot+Mybatis

前台开发技术:Vue+nodejs+ElementUI

特色:支付宝沙箱支付、前后端分离开发


咖啡商城|基于Springboot+Vue前后端分离咖啡商城系统(二)https://developer.aliyun.com/article/1423368


相关文章
|
1天前
|
Java 关系型数据库 MySQL
【毕业设计】基于Springboot的B2B平台医疗病历交互系统
【毕业设计】基于Springboot的B2B平台医疗病历交互系统
12 0
|
1天前
|
搜索推荐 Java 数据库
springboot集成ElasticSearch的具体操作(系统全文检索)
springboot集成ElasticSearch的具体操作(系统全文检索)
|
1天前
|
前端开发 Java 关系型数据库
Java医院绩效考核系统源码B/S架构+springboot三级公立医院绩效考核系统源码 医院综合绩效核算系统源码
作为医院用综合绩效核算系统,系统需要和his系统进行对接,按照设定周期,从his系统获取医院科室和医生、护士、其他人员工作量,对没有录入信息化系统的工作量,绩效考核系统设有手工录入功能(可以批量导入),对获取的数据系统按照设定的公式进行汇算,且设置审核机制,可以退回修正,系统功能强大,完全模拟医院实际绩效核算过程,且每步核算都可以进行调整和参数设置,能适应医院多种绩效核算方式。
30 2
|
1天前
|
运维 监控 Java
springboot基层区域HIS系统源码
医疗(医院)机构正式使用云HIS系统之前,要先进行院内基础数据的配置,主要在数据管理模块中进行,由系统管理员来操作。
11 0
|
1天前
|
传感器 人工智能 前端开发
JAVA语言VUE2+Spring boot+MySQL开发的智慧校园系统源码(电子班牌可人脸识别)Saas 模式
智慧校园电子班牌,坐落于班级的门口,适合于各类型学校的场景应用,班级学校日常内容更新可由班级自行管理,也可由学校统一管理。让我们一起看看,电子班牌有哪些功能呢?
102 4
JAVA语言VUE2+Spring boot+MySQL开发的智慧校园系统源码(电子班牌可人脸识别)Saas 模式
|
1天前
|
JSON JavaScript Java
从前端Vue到后端Spring Boot:接收JSON数据的正确姿势
从前端Vue到后端Spring Boot:接收JSON数据的正确姿势
25 0
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的4S店客户管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的4S店客户管理系统的详细设计和实现
47 4
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
35 3
|
1天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
59 3