超市系统的收银台项目-Springboot+html+JavaScript

51 阅读4分钟

淘宝店铺搜索:点创微科

超市系统的收银台项目-Springboot+html+JavaScript

本项目为前几天收费帮学妹做的一个项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考

一、项目描述

超市系统的收银台项目

系统架构 基于SSM的类似超市管理系统的收银台项目

登录网址 http://localhost:8080

管理员账号:zhangsan 密码:123456

无法登录 可以重新注册

二、项目功能

✅ 系统功能模块

  1. 用户管理 用户注册 用户可以通过注册页面创建新账号,填写必要的注册信息(如用户名、密码等)。 用户登录 用户输入用户名和密码登录系统,登录成功后可进行商品管理、订单操作等。
  2. 商品管理 商品上架 管理员可以通过商品上架页面添加新商品,填写商品名称、介绍、库存、单位、价格、折扣等信息。 浏览商品 用户可以查看所有已上架商品的详细信息,包括商品 ID、名称、介绍、库存、单位、价格和折扣。 更新商品 管理员可以通过商品更新页面修改已上架商品的信息,如库存、价格、折扣等。 商品下架 管理员可以将不再销售的商品下架,从商品列表中移除。
  3. 订单管理 订单列表 管理员可以查看所有订单的列表,包括订单编号、状态、创建时间、完成时间等。 订单详情 管理员可以查看某个订单的详细信息,包括用户名称、订单编号、订单状态、创建时间、应付金额、实付金额等。 订单创建 用户可以通过订单创建页面购买商品,输入购买的商品编号和数量(如 1-3,2-5 表示购买商品 1 的 3 件和商品 2 的 5 件)。
  4. 其他功能 切换账号 用户可以切换到其他账号登录。 收银台 系统提供收银台功能,用于处理订单的支付和结算。

✅ 功能详细描述

  1. 用户注册 功能:用户填写注册信息,创建新账号。 页面:localhost:8080/register.html 字段: 用户名 密码 确认密码 操作:点击“注册”按钮完成注册。
  2. 用户登录 功能:用户输入用户名和密码登录系统。 页面:localhost:8080/login.html 字段: 用户名 密码 操作:点击“登录”按钮登录系统。
  3. 商品上架 功能:管理员添加新商品。 页面:localhost:8080/product/create.html 字段: 商品名称 商品介绍 商品库存 商品单位 商品价格(元,最小单位是分) 商品折扣(%) 操作:填写商品信息后点击“上架”按钮。
  4. 浏览商品 功能:用户查看所有商品。 页面:localhost:8080/product/list.html 显示字段: 商品 ID 商品名称 商品介绍 商品库存 商品单位 商品价格 商品折扣 操作:点击“下架”按钮可以将商品下架。
  5. 更新商品 功能:管理员更新已上架商品的信息。 页面:localhost:8080/product/update.html 字段: 商品 ID 商品名称 商品库存 商品折扣 操作:填写更新信息后点击“更新”按钮。
  6. 订单列表 功能:管理员查看所有订单。 页面:localhost:8080/order/list.html 显示字段: 订单编号 状态(未支付、已支付) 创建时间 完成时间 操作:无。
  7. 订单详情 功能:管理员查看某个订单的详细信息。 页面:localhost:8080/order/detail/{订单编号} 显示字段: 用户名称 订单编号 订单状态 创建时间 应付金额 实付金额 商品列表(编号、名称、单价、数量、单位、应付、实付) 操作:无。
  8. 订单创建 功能:用户购买商品。 页面:localhost:8080/order/create.html 字段: 购买商品(格式:1-3,2-5) 操作:输入购买的商品编号和数量后点击“购买商品”按钮。

三、运行环境

开发工具 :idea

运行环境 :jdk-1.8、maven-3.8.6、MySQL5.7.26

(此配置为本人调试所用,仅供参考)

四、项目技术

服务端技术:Springboot+MyBatis+Thymeleaf

前端技术:html+JavaScript

五、项目截图

1753425496-7c4a7e2a61ac07f.png

1753425501-71be68dddc5c2b4.png

1753425507-c12c04fff8d8d8c.png

1753425510-7264ad336cd2ea9.png

1753425513-edb5ed394b04097.png

1753425516-f3059ec71adc321.png

1753425519-d64c017375c3c29.png

1753425522-0263115cd242dce.png

1753425525-963196c491d90c5.png

1753425527-ddd16660f7a29ec.png 0c6f25b0fc054fd88c8dd70eac55b61f~tplv-73owjymdk6-jj-mark-v1_0_0_0_0_5o6Y6YeR5oqA5pyv56S-5Yy6IEAg6Z2S6Z2S5a2m5aeQ_q75.webp