Java网上商城-前后端分离的网站架构项目spring框架mysql,vue

历时一个月独立完成

项目综述
随着计算机网络技术的飞速发展和人们生活节奏的不断加快,电子商务技术已经逐渐融入了人们的日常生活当中,网上商城作为电子商务最普遍的一种形式,已被大众逐渐接受。因此开发一个网上商城系统,适合当今形势,更加方便人们在线购物。

本网上商城系统使用最基础的Spring框架进行开发。页面显示使用HTML,数据库使用MySQL,这些技术目前相对比较成熟,方便系统的维护与扩展。网上商城系统前台包括了用户注册、用户登录、退出登录、热门商品展示、商品分类展示并分页、商品添加到购物车、删除购物车商品、生成订单、订单支付;后台管理功能则包括商品的展示、添加和删除,分类的展示、添加与删除等。本系统具有操作简单、页面友善、灵活性好、运行稳定等特点。

系统主要开发工具

(1)IDEA:全称 IntelliJ IDEA,是 Java 编程语言开发的集成环境。 IDEA 在智能代码助手、代码自动提示、重构、对 J2EE 的支持、各类版本控制工具、JUnit、CVS 整合、代码分析、 创新的 GUI 设计等功能十分优越,因此受到广大程序员的欢迎。

(2) Tomcat:它是一种具有运行时占用系统资源小,扩展性好,支持负载平衡等功能优点的轻量级应用服务器。Tomcat 9.0设计用于运行在Java se 8及以后的版本,因此选用Tomcat8.0作为系统服务器。

(3)MySQL:它是一个关系型数据库管理系统,将数据保存到不同的表中,提高了访问速度并提高了灵活性。MySQL数据库速度快、体积小、移植性能好,而且它是开源的,选用MySQL数据库对系统的各方面都有很大好处。MySQL8.0版本提高了MySQL的性能、可用性、可扩展性,因此选用MySQL8.0进行系统的数据库管理。

系统功能模块设计

网上商城系统由前台管理、后台管理两部分组成。
1.前台管理:该部分主要是用户对商品的查询等功能,用户没有注册可以实现商品的查询和商品信息的查看;用户注册后就可以进行添加商品到购物车、从购物车删除商品、订单提交、个人信息更新等操作。
2.后台管理:该部分主要对商城内的一些基础数据进行有效管理,包括商品管理、会员管理、订单管理等。

前台主要功能

① 热门商品展示:用户不用登录可以查看展示在首页的热门商品的详细信息,如生产厂商、剩余数量、介绍等。
② 分类查询:用户不用登录可以按分类来查看该分类的商品。
③ 用户注册:用户可以输入注册信息来注册,用户可以检查用户名是否存在,用户注册信息没有错误则可正确注册。
④ 用户登录:用户输入登录名和密码进行登录,如果用户名和密码错误则无法登录。
⑤ 退出登录:用户登录后可以点击退出登录来切换账号。
⑧ 购物车:用户登录后就可以购物,可以把商品加入到购物车,或者把商品从购物车删除,如果商品数量为0则无法加入到购物车。
⑨ 提交订单:用户把商品添加到购物车后填写相应信息即可提交订单,订单提交后用户可以进行付款(支付宝付款)。
⑩ 查看订单:用户可以查看自己的订单。

后台主要功能

① 商品分类管理:管理登录后台后可以对商品种类进行添加、删除。添加时如果商品种类已经存在会提示添加错误。
② 商品管理:管理员对商品进行添加、删除操作,如果商品已经存在,添加时会提示商品已经存在。
③ 商品分类展示:管理员可以查看分类。
④ 商品展示:管理员可以查看商品信息。

数据库设计

数据库概念设计是根据对系统的分析、系统设计,规划出系统中使用的数据库实体。根据对本系统的分析,规划出本系统所需要的实体,具体有:用户、商品、商品分类、订单项、订单。

实体属性的定义

(1) 用户实体拥有的属性有用户ID、用户名、用户密码、性别、姓名、生日、电子邮箱和标志这八个属性。
(2) 商品实体拥有的属性有商品ID、商品名称、商品种类、商品图片、商品描述、上架日期、是否热门、是否下架、商城价格、市场价格这十个属性。
(3) 订单实体拥有的属性有订单ID、订单用户名、用户电话、用户地址、提交时间、总金额、订单状态、用户ID这个八个属性
(4) 订单项实体拥有的属性有商品数量、商品总价、商品ID、订单ID
(5) 商品分类实体拥有的属性有商品种类和商品种类名称这两个属性

系统实现

主页面
请添加图片描述

热门商品展示
请添加图片描述

商品展示并分页
请添加图片描述

无需登录即可查看商品
请添加图片描述
请添加图片描述

用户登录
请添加图片描述

用户注册
请添加图片描述

加入购物车
请添加图片描述

从购物车里删除商品
请添加图片描述

清空购物车
请添加图片描述

生成订单
请添加图片描述

点击右下角确认订单跳转支付宝进行付款

请添加图片描述
请添加图片描述
请添加图片描述

沙箱账号付款后跳转订单页面并显示订单状态为已付款
请添加图片描述

后台主页面
请添加图片描述

分类展示
请添加图片描述

分类添加
请添加图片描述

添加成功
请添加图片描述

分类删除
请添加图片描述

商品展示
请添加图片描述

商品添加
请添加图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值