基于Java+Vue的网上眼镜店商城系统设计与实现_基于java的眼镜店管理系统的设计与实现

分享

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

二、功能设计

本网上眼镜店商城采用了B/S模式系统，基于MVC的设计模式，采用SSM+VUE框架作为开发技术，MYSQL数据库设计开发，销售数据统计采用Echarts数据可视化技术，充分保证系统的稳定性。本系统有管理员和用户两个角色。
系统管理员包括用户管理、眼镜信息管理、订单管理、积分记录管理、用户管理、公告信息管理、客服聊天管理等模块。管理员用例图如图所示。

用户用例图如下所示：

系统主要包括安全管理、用户管理、销售管理、库存管理、展示管理、咨询管理等。
安全管理主要包括登录注册、密码验证等内容，通过安全管理功能，首次使用系统的新用户，需要进行注册步骤，然后通过账号和密码进行验证，保障用户登录系统的安全性；用户管理主要包括用户信息、会员信息、积分信息等内容，通过用户管理功能，便于相关人员记录和管理相关的用户数据信息；销售管理主要包括购物车、订单管理、支付管理、销售报表等内容，通过销售管理功能，便于相关人员记录和管理相关的眼镜销售数据信息；库存管理主要包括商品信息、商品数量等内容，通过库存管理功能，便于相关人员记录和管理相关的眼镜库存数据信息；展示管理主要包括商品检索、商品分类、个人推荐、商品排行等内容，通过展示管理功能，便于相关人员记录和管理相关的眼镜展示数据信息；咨询管理主要包括公告管理、咨询服务等内容，通过咨询管理功能，便于相关人员记录和管理相关的眼镜咨询数据信息。

系统B/S架构原理图：

SpringMvc原理图：

三、数据设计

概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：

系统总体E-R图如下所示：

四、部分效果展示

用户模块

个人中心模块设计的主要目的是方便用户对密码等个人信息进行管理，用户可以根据自己的实际需求，选择每隔一段时间，更新个人账户的用户名和头像，个人信息界面如图所示。

地址管理模块设计的主要目的是方便用户查看和修改自己的收货地址、收货人和联系电话，并可以调整自己的默认地址。地址管理界面设计如图所示。

眼镜订单管理模块设计的主要目的是方便用户查看眼镜订单的详情信息，比如查看到收货人、电话、地址、眼镜名称、眼镜类型、用户姓名、实付价格等信息，用户也可以进行收货、退款等操作，眼镜订单管理界面设计如图所示。

购物车管理模块设计的主要目的是方便用户将自己喜欢的物品放入购物车，再进行比较决定是否购买。购物车中可以添加或者删除物品。购物车管理界面设计如图所示。
支付管理模块设计的主要目的是方便用户进行付款，用户采用先充值再付款的形式。购物之后可以获得积分，结账时可以选用余额支付或者积分支付的方式。余额充值界面设计如图5-17所示，支付选择页面设计如图所示。

管理员模块

眼镜管理模块设计的主要目的是方便管理用户对相关的眼镜信息进行管理，管理用户可以选择查看眼镜的详细内容，修改眼镜信息记录，删除失效的眼镜信息记录，眼镜管理界面设计如图所示。

眼镜订单管理模块设计的主要目的是方便管理用户对相关的眼镜订单信息进行管理，管理用户可以选择查看眼镜订单的详细内容，修改眼镜订单信息记录，删除失效的眼镜订单信息记录，眼镜订单管理界面设计如图所示。

眼镜评价管理模块设计的主要目的是方便管理用户对相关的眼镜评价信息进行管理，管理用户可以选择查看眼镜评价的详细内容，修改眼镜评价信息记录，删除失效的眼镜评价信息记录，眼镜评价管理界面设计如图所示。

积分记录管理模块设计的主要目的是方便管理用户对相关的积分记录信息进行管理，管理用户可以选择查看积分记录信息的详细内容，修改积分记录信息图片，删除失效的积分记录信息记录，积分记录管理界面设计如图所示。

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：