第5章 系统详细设计与实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1Eb4y1u7BH/
三、运行截图：
5.1 系统登录实现
系统后台登录界面效果如图5-1所示。
图5-1 系统后台登录界面效果
系统前台登录界面效果如图5-2所示。
图5-2系统前台登录界面效果
5.2 系统管理员模块实现
系统管理员实现了密码管理，员工管理，用户管理，新闻管理、类别管理、商品管理、订单管理、评价管理、统计管理、留言管理。
（1）密码管理模块实现
管理员登录系统后点击密码管理，实现管理员登录密码的修改。密码管理实现界面如下图5-3所示。
图5-3 密码管理实现界面
（2）员工管理模块实现
管理员登录系统后点击员工管理，显示员工账号、密码信息，管理员对员工信息进行添加、删除、查看管理。员工管理实现界面如图5-4所示：
图5-4员工管理模块实现界面
（3）用户管理模块实现
管理员登陆后进入相应的用户管理界面，显示用户邮箱、用户名信息，系统管理员可以对用户信息进行查找、查看、删除操作。用户管理实现界面效果图如图5-5所示。
图5-5用户管理实现界面效果图
（4）新闻管理模块实现
系统管理员登陆后点击新闻管理，显示新闻信息，实现了对新闻信息的增删改查管理，其实现界面效果图如图5-6所示。
图5-6新闻管理实现界面效果图
（5）类别管理模块实现
系统管理员登录系统后点击类别管理，显示类别相关信息，并实现了对类别信息的增删改查管理。其实现界面效果图如图5-7所示。
图5-7类别管理实现界面效果图
（6）商品管理模块实现
系统管理员登录系统后点击商品管理，显示商品信息，管理员可以对商品信息进行增删改查管理，其实现界面效果图如图5-8所示。
图5-8商品管理实现界面效果图
（7）订单管理模块实现
系统管理员登录系统后点击订单管理，显示订单信息，管理员可以对订单信息进行查看、查询、发货管理，其实现界面效果图如图5-9所示。
图5-9订单管理实现界面效果图
（8）评价管理模块实现
系统管理员登录系统后点击评价管理，显示评价信息，管理员可以对评价信息进行查看、查询、删除管理，其实现界面效果图如图5-10所示。
图5-10评价管理实现界面效果图
（9）统计管理模块实现
系统管理员登录系统后点击统计管理，显示统计信息，管理员可以对统计信息进行查看、查询、打印管理，其实现界面效果图如图5-11所示。
图5-11统计管理实现界面效果图
（10）留言管理模块实现
系统管理员登录系统后点击留言管理，显示留言信息，管理员可以对留言信息进行查看、查询、删除管理，其实现界面效果图如图5-12所示。
图5-12留言管理实现界面效果图
5.3 导购员模块实现
（1）密码管理：导购员登录系统后点击密码管理，实现导购员登录密码的修改。密码管理实现界面如下图5-13所示。
图5-13密码管理实现界面效果图
（2）商品管理：导购员登录系统后点击商品管理，显示商品信息，导购员可以对商品信息进行增删改查管理，其实现界面效果图如图5-14所示。
图5-14商品管理实现界面效果图
（3）订单管理：导购员登录系统后点击订单管理，显示订单信息，导购员可以对订单信息进行查看、查询、发货管理，其实现界面效果图如图5-15所示。
图5-15订单管理实现界面效果图
（4）统计管理：导购员登录系统后点击统计管理，显示统计信息，导购员可以对统计信息进行查看、查询、打印管理，其实现界面效果图如图5-16所示。
图5-16统计管理实现界面效果图
（5）评价管理：导购员登录系统后点击评价管理，显示评价信息，导购员可以对评价信息进行查看、查询、删除管理，其实现界面效果图如图5-17所示。
图5-17评价管理实现界面效果图
5.4 前台模块实现
（1）首页
本平台是咖啡厅管理系统，网站首页实现效果图如图5-18所示。
图5-18首页效果图
（2）商品分类
图5-19商品分类效果图
（3）特价商品
显示特价商品信息，特价商品实现界面如图5-20所示。
图5-20特价商品效果图
（4）个人主页
图5-21个人主页效果图
（5）收藏夹
图5-22收藏夹效果图
（6）购物车
图5-23购物车效果图
1