springboot vue 会员收银系统 含源码 开发流程

一、系统概述

  • 适用范围:适用于各类实体店铺,如养生店、药品店、鲜花店、甜品店、餐饮店等,涵盖会员营销相关诸多功能,是实体店铺运营的有力工具。
  • 源码情况:所有源码完整,均为自行开发,包含用户 h5、服务人员 h5、后台代码、后台管理系统。

二、主要功能模块

  1. 门店收银系统
    • 收银使用场景流程
      • 开始进入收银台,选择收银类型(门店收银、会员收银、散客收银)。
      • 门店收银和散客收银直接进入输入商品信息步骤;会员收银需输入会员信息,若会员不存在可快速创建会员。
      • 接着输入或选择商品,进行结算,系统自动计算服务人员提成,打印购物小票,后台可查看订单详细信息,最后结束收银流程。
      • 图示
    • 运营使用场景流程
      • 从门店运营开始,依次进行创建商品分类、创建商品、设置商品提成金额、针对不同级别技师设置提成规则、设置商品库存、设置会员卡折扣与提成、订单管理等操作,结束门店管理流程。

  1. 总管理端
    • 微信公众号管理,用于推送消息、企业展示等。
    • 创建门店,添加门店基本信息并设置过期时间。
    • 设置在线支付参数,创建并分配商品、卡项、套餐给门店。
    • 设置区域管理人员,区域管理人员管理相应门店,总管理端可查看门店销售情况、进行消息展示。
  1. 小程序 H5 端
    • 用户(含会员)流程:登录后进入个人中心,可查看卡余额、消费记录,进行记录评价,修改门店消费密码等操作。

    • 技师流程:登录进入技师工作台,能查看当日业绩、业绩提成,还可推荐用户加盟以提升品牌影响力。

三、软件架构及技术栈

  • 后端:采用 springboot + mysql + redis 架构,还使用了 mybatis plus、hutools、swagger、lomok 等技术。
  • 前端:基于 Vue 的 uni-app,运用 vue element 实现前后端分离,支持微信小程序、支付宝小程序、h5 等,使用的技术栈包括 uniapp vue、element graceui、css es6、nodejs14 等。

四、安装步骤

项目地址 https://gitee.com/ddeatrr/memberShop

  • 推荐软件环境版本:jdk 1.8、mysql 5.7、node14。
  • 后端运行步骤:导入 pom 文件下载依赖,导入 sql 并修改 yml 数据源和缓存配置,运行 AdminApplication 启动。
  • 前端运行步骤:执行 npm install 下载依赖,npm run dev 启动系统。
相关推荐
阿正的梦工坊5 小时前
【Rust】02-变量、不可变性与基础类型
开发语言·后端·rust
阿猫的故乡6 小时前
Vue过渡动画从入门到装X:淡入淡出、滑动、列表动画、第三方库全搞定
前端·javascript·vue.js
我叫黑大帅7 小时前
通过php 中的Route:: 的写法了解什么是静态类调用
后端·面试·php
裕波7 小时前
Vue&ViteConf 2026 将于 7 月 18 日在上海举办,尤雨溪将现场发表主题演讲
vue.js·vite
JS菌7 小时前
AI Agent 沙箱双层防护体系:从权限过滤到内核隔离的完整实现
前端·人工智能·后端
IT空门:门主8 小时前
Spring 注入三剑客:@Resource、@Autowired、@RequiredArgsConstructor 到底该用哪个?
java·后端·spring
ServBay8 小时前
云端 AI 蜜月期宣告结束,为什么 2026 年开发者转向本地优先架构
后端·ai编程
IT_陈寒8 小时前
Vite这个坑我帮你踩了,动态导入居然这样才生效
前端·人工智能·后端
Sam_Deep_Thinking8 小时前
Spring Boot 的启动原理是什么?
java·spring boot·后端
南部余额8 小时前
Spring WebClient 从入门到精通
java·后端·spring