会员消费管理系统是一个基于Electron-Vite开发的桌面应用程序，专为小门店设计，用于管理会员信息、会员余额和消费记录。系统采用单机运行模式，所有数据本地存储，确保数据安全和隐私保护。
- Node.js 16.0 或更高版本
- npm 或 yarn 包管理器
-
克隆项目
git clone [项目地址] cd electron -
安装依赖
npm install
-
开发模式运行
npm run dev
-
打包应用
npm run build npm run dist
-
登录系统
- 默认账号：
admin - 默认密码：
123456 - 可在系统设置中修改密码
- 默认账号：
-
基础配置
- 进入"系统设置"页面
- 配置店铺信息
- 添加服务项目（如：剪发、染发、护理等）
-
开始使用
- 添加会员信息
- 为会员充值
- 记录消费扣费
- 会员信息录入（姓名、手机号、等级等）
- 会员信息查询和筛选
- 会员状态管理（正常、暂停、注销）
- 会员信息导出
- 会员充值功能
- 余额查询和变动记录
- 消费自动扣费
- 余额不足提醒
- 服务项目配置（名称、价格、分类）
- 不同会员等级的价格设置
- 服务状态管理（启用/禁用）
- 消费记录查询和统计
- 消费报表生成
- 消费记录导出
- 消费趋势分析
- 店铺信息设置
- 数据备份恢复
- 登录密码修改
- 系统参数配置
- 前端框架: Electron + Vite
- UI框架: React + Ant Design
- 数据库: SQLite（本地存储）
- 开发语言: TypeScript
src/
├── main/ # 主进程
│ ├── index.ts # 主进程入口
│ ├── database.ts # 数据库管理
│ └── handles.ts # IPC处理器
├── preload/ # 预加载脚本
│ └── index.ts # API暴露
└── renderer/ # 渲染进程
├── src/
│ ├── components/ # 组件
│ ├── pages/ # 页面
│ ├── types/ # 类型定义
│ ├── App.tsx # 主应用
│ └── App.scss # 样式文件
└── index.html # HTML模板
-
会员注册
- 进入"会员管理"页面
- 点击"新增会员"
- 填写会员信息（姓名、手机号必填）
- 保存会员信息
-
会员充值
- 进入"会员充值"页面
- 选择会员（可通过姓名或手机号搜索）
- 输入充值金额
- 选择支付方式
- 确认充值
-
消费扣费
- 进入"消费扣费"页面
- 选择会员
- 选择服务项目
- 系统自动计算价格（根据会员等级）
- 确认扣费
-
查询统计
- 进入"统计报表"页面
- 选择时间范围
- 查看消费统计、会员分析等数据
- 会员管理: 支持会员信息的增删改查，支持按姓名、手机号、等级、状态筛选
- 服务管理: 支持不同会员等级的价格设置，支持服务项目的启用/禁用
- 消费扣费: 自动根据会员等级计算价格，支持余额不足提醒
- 会员充值: 支持多种支付方式，自动更新会员余额
- 统计报表: 支持按时间范围查询统计数据，包含消费记录和充值记录
- 系统设置: 支持店铺信息配置、数据管理和密码修改
- 单机运行: 无需网络连接，数据本地存储
- 数据安全: SQLite数据库，数据加密存储
- 界面友好: 现代化UI设计，操作简单直观
- 功能完整: 覆盖理发店会员管理的所有需求
- 扩展性强: 模块化设计，便于功能扩展
- 数据备份: 定期备份数据库文件，防止数据丢失
- 系统更新: 及时更新系统版本，获得最新功能
- 数据安全: 注意数据安全和隐私保护
- 数据清理: 建议定期清理历史数据，保持系统性能
A: 在系统设置页面，点击"数据备份"功能，选择备份位置即可。
A: 替换 resources/icon.png 文件，重新打包应用即可。
A: 将图标转换为 .ico 格式，放在 resources/icon.ico，在 electron-builder.yml 中配置 win.icon: resources/icon.ico。
lixp