html会员管理系统

程潇
6月1日发布

会员管理系统

一款功能完善的会员综合管理平台,采用前后端分离架构,支持会员管理、计费扣费、积分系统、数据持久化等核心功能。

好用的话帮忙点一下免费的热心,谢谢~。

系统架构

  • 前端:Vue3 + Tailwind CSS,单页面应用
  • 后端:Node.js + Express.js
  • 数据存储:JSON 文件持久化

功能模块

1. 会员管理

  • 会员注册(支持自定义卡号)
  • 会员信息编辑(姓名、电话、身份证、等级、状态)
  • 会员搜索(按卡号/手机号)
  • 会员等级管理(自定义等级名称和折扣)

2. 会员充值

  • 按卡号/手机号查询会员
  • 输入充值金额完成充值
  • 实时更新账户余额

3. 消费扣费

  • 支持三种计费方式:

    • 按小时计费:1-8小时可选,可自定义小时数,自动计算费用
    • 按单次计费:固定金额扣费
    • 自由扣款:自定义金额输入
  • 会员等级折扣自动应用
  • 消费完成后自动累积积分

4. 积分管理

  • 积分累积开关(可设置积分与消费金额比例)
  • 手动积分扣除功能
  • 会员积分查询

5. 会员计费

  • 开始/停止计时
  • 实时计费时长显示
  • 一键结算,自动跳转消费扣费界面

6. 交易记录

  • 按卡号查询交易历史
  • 显示交易类型、金额、时间
  • 可导出交易记录

7. 生日提醒

  • 显示当天生日的会员列表
  • 会员年龄和联系方式快速查看

8. 系统设置

  • 系统名称和Logo自定义
  • 积分累积规则配置
  • 会员等级和折扣设置
  • 默认计费方式选择

技术特点

  • 响应式设计:适配桌面和移动设备
  • 深色模式:支持明暗主题切换
  • 数据安全:每次保存自动创建备份
  • 实时保存:数据变更自动同步到服务器

快速开始

1. 安装依赖

npm install

2. 启动后端服务

npm start

服务器运行在 http://localhost:3000

3. 打开系统

直接在浏览器中打开 会员管理系统.html

数据文件

  • data/members.json - 会员数据
  • data/config.json - 系统配置
  • data/backups/ - 数据备份目录

界面预览

系统采用简洁的灰色调设计,界面美观大方,操作便捷直观。

下面是展示图片
mpuiry92.png
mpuis5qh.png
mpuisbpw.png
mpuishp0.png
mpuisnru.png
mpuistxx.png
mpuiszao.png
mpuit6sy.png
mpuitaus.png
mpuitk2l.png
mpuitvfg.png

吾爱作者链接:https://www.52pojie.cn/thread-2110457-1-1.html

喜欢就支持一下吧
点赞 0 分享 收藏
评论 抢沙发
OωO
取消