springboot vue 会员收银系统 含源码 开发流程
一、系统概述[*]演示地点:
[*]开源版本:http://8.146.211.120:8083/
[*]完整版本:http://8.146.211.120:8086/(移动端 http://8.146.211.120:8087/)
[*]实用范围:实用于各类实体店肆,如养生店、药品店、鲜花店、甜品店、餐饮店等,涵盖会员营销相关诸多功能,是实体店肆运营的有力工具。
[*]源码环境:全部源码完整,均为自行开发,包含用户 h5、服务人员 h5、后台代码、后台管理系统。
二、重要功能模块
https://i-blog.csdnimg.cn/direct/148fc6d6df9e4218898c1ceb828d77ac.png
[*]门店收银系统:
[*]收银使用场景流程:
[*]开始进入收银台,选择收银类型(门店收银、会员收银、散客收银)。
[*]门店收银和散客收银直接进入输入商品信息步骤;会员收银需输入会员信息,若会员不存在可快速创建会员。
[*]接着输入或选择商品,进行结算,系统自动盘算服务人员提成,打印购物小票,后台可查看订单详细信息,最后竣事收银流程。
[*]图示https://i-blog.csdnimg.cn/direct/b57873f9dcf04f209d6c2674de0c78bb.png
[*]运营使用场景流程:
[*]从门店运营开始,依次进行创建商品分类、创建商品、设置商品提成金额、针对不同级别技师设置提成规则、设置商品库存、设置会员卡折扣与提成、订单管理等利用,竣事门店管理流程。
https://i-blog.csdnimg.cn/direct/59310eff4eba4fb29e894349668b6293.pnghttps://i-blog.csdnimg.cn/direct/4eb6a3a4e5d44a7ab85095c4f3f79444.png
https://i-blog.csdnimg.cn/direct/72d9929574b14418ac8ab2d1d6bd6ed6.png
https://i-blog.csdnimg.cn/direct/60167718e87f4540b2e13a80adf3e6a2.png
[*]总管理端:
[*]微信公众号管理,用于推送消息、企业展示等。
[*]创建门店,添加门店根本信息并设置逾期时间。
[*]设置在线支付参数,创建并分配商品、卡项、套餐给门店。
[*]设置地区管理人员,地区管理人员管理相应门店,总管理端可查看门店贩卖环境、进行消息展示。
https://i-blog.csdnimg.cn/direct/b9370cb1f1ce4165af34991b912e98bf.png
https://i-blog.csdnimg.cn/direct/269336fd315849629b1c484a315f37b3.png
https://i-blog.csdnimg.cn/direct/9013aa7d11cb47c3a931b2648593d183.png
[*]小步伐 H5 端:
[*]用户(含会员)流程:登录后进入个人中央,可查看卡余额、消费记录,进行记录评价,修改门店消费密码等利用。
https://i-blog.csdnimg.cn/direct/9cdf396aefea4230aa4ff96943d875ab.pnghttps://i-blog.csdnimg.cn/direct/1924296fb028452a86172467680ad60a.pnghttps://i-blog.csdnimg.cn/direct/94a5f99a4e6d4ec6b6e8f876f25a3d7b.pnghttps://i-blog.csdnimg.cn/direct/fbe3d2a2e9934a36ba4694add4ed2afc.png
[*]
[*]技师流程:登录进入技师工作台,能查看当日业绩、业绩提成,还可保举用户加盟以提升品牌影响力。
https://i-blog.csdnimg.cn/direct/a483fc4e3cd14da882ca500033794cb8.pnghttps://i-blog.csdnimg.cn/direct/b7e32663ed684059abce3ba33ad9a2b8.pnghttps://i-blog.csdnimg.cn/direct/d0cd84e58cc5401ba9caa7c119bbdefa.png
三、软件架构及技能栈
[*]后端:采用 springboot + mysql + redis 架构,还使用了 mybatis plus、hutools、swagger、lomok 等技能。
https://i-blog.csdnimg.cn/direct/175b9d09cd064f3ca6492f14730993ce.png
[*]前端:基于 Vue 的 uni-app,运用 vue element 实现前后端分离,支持微信小步伐、支付宝小步伐、h5 等,使用的技能栈包罗 uniapp vue、element graceui、css es6、nodejs14 等。
https://i-blog.csdnimg.cn/direct/5dad0d971b98460bb89829d5909db455.png
四、安装步骤
项目地点 https://gitee.com/ddeatrr/memberShop
[*]保举软件环境版本:jdk 1.8、mysql 5.7、node14。
[*]后端运行步骤:导入 pom 文件下载依赖,导入 sql 并修改 yml 数据源和缓存设置,运行 AdminApplication 启动。
[*]前端运行步骤:执行 npm install 下载依赖,npm run dev 启动系统。
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]