一、技术路线:
开发语言: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 添加咖啡信息界面