计算机毕业设计 ssm中国咖啡文化宣传网站 vue 毕设37

一、技术路线：

开发语言：java

前端技术：javascript、vue.js（2.x）、css3

数据库：mysql 5.7

数据库管理工具：navicat或sqlyog

开发工具：idea或ecplise

二、项目介绍：

https://www.bilibili.com/video/bv1e34y1a79d?t=11.1

三、运行截图：

3.1 用户功能模块的实现

3.1.1用户注册界面

没有账号的用户可进入注册界面进行注册操作，用户注册界面的运行效果如图3-1所示.

图3-1 用户注册界面

3.1.2用户登录界面

用户要想实现咖啡购买等操作，必须进行登录操作，在登录界面输入正确的用户名和密码，选择登录类型，点击登录按钮进行登录，用户登录界面如图3-2所示。

图3-2用户登录界面

3.1.3系统主界面

用户可进入系统主界面查看系统信息，系统主界面的运行效果如图3-3所示.

图3-3 系统主界面

3.1.4咖啡详情界面

用户可选择咖啡查看咖啡详情信息，登录后可进行加入购物车和购买操作，咖啡详情界面如图3-4所示。

图3-4 咖啡详情界面

3.1.5购物车界面

用户在购物车界面可查看购物车咖啡信息，并可进行修改数量、删除咖啡以及购买等操作，购物车界面展示如图3-5所示。

图3-5 购物车界面

3.1.6我的订单界面

用户在我的订单界面可查看个人订单信息，我的订单界面如图3-6所示。

图3-6 我的订单界面

3.1.7我的地址界面

用户可增删改查个人地址信息，我的地址界面如图3-7所示。

图3-7 我的地址界面

3.2 管理员功能模块的实现

3.2.1管理员登录界面

管理员要想进入系统后台对系统进行管理，首要进入登录界面，需通过正确的账号、密码进行登录操作，管理员登录界面如图3-8所示 。

图3-8 管理员登录界面

3.2.2订单管理界面

管理员可管理所有订单信息，订单管理界面展示如图3-9所示 。

图3-9 订单管理界面

3.2.3用户管理界面

管理员可查看、修改和删除用户信息，并可新增用户，用户管理界面展示如图3-10所示 。

图3-10 用户管理界面

3.2.4咖啡分类管理界面

管理员可增删改查咖啡分类信息，咖啡分类界面展示如图3-11所示 。

图3-11 咖啡分类管理界面

3.2.5咖啡商城管理界面

管理员可添加、修改和删除咖啡信息，咖啡商城管理界面如图3-12所示。

图3-12 咖啡商城管理界面

3.2.6添加咖啡信息界面

管理员可进入到添加咖啡信息界面进行添加咖啡信息，添加咖啡信息界面展示如图3-13所示 。

图3-13 添加咖啡信息界面