# credit_miniprogram

**Repository Path**: dengchengH/credit_miniprogram

## Basic Information

- **Project Name**: credit_miniprogram
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-15
- **Last Updated**: 2025-06-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 积分管理系统微信小程序

这是一个基于微信小程序的积分管理系统，包含客户端和管理员端两个功能模块。

## 功能特性

### 🎯 微信登录系统（最新特性）
- **唯一身份绑定**：使用微信OpenID作为唯一标识符，避免重复注册
- **智能账号识别**：自动检测已有账号，支持直接登录或信息更新
- **微信信息集成**：自动获取微信头像和昵称，用户可自定义修改
- **数据持久化**：用户信息与微信账号永久绑定，换设备登录数据不丢失

### 客户端功能
- 微信一键登录（获取头像、昵称）
- 个人信息自定义设置
- 主页显示用户信息：头像、用户名、积分
- 积分数据实时同步
- 数据刷新功能

### 管理员端功能
- 管理员密码登录
- 查看所有用户列表（包含OpenID信息）
- 管理用户积分（增加/减少）
- 用户统计信息展示
- 支持新旧用户数据兼容

## 登录流程

### 用户登录流程
1. **点击获取微信信息** → 系统获取微信OpenID和基本信息
2. **账号检测**：
   - 新用户：设置个人信息后完成注册
   - 老用户：选择直接登录或更新信息
3. **信息确认** → 完成登录

### 管理员登录
- 用户名：`admin`
- 密码：`admin123`

## 数据存储结构

### 用户数据字段
```javascript
{
  id: "用户唯一ID（OpenID）",
  openId: "微信OpenID",
  username: "显示昵称",
  avatar: "头像URL",
  points: "积分数量",
  createTime: "注册时间",
  lastLoginTime: "最后登录时间"
}
```

## 项目结构

```
├── app.js                          # 主应用文件（包含OpenID支持）
├── app.json                        # 应用配置
├── app.wxss                        # 全局样式
├── pages/
│   ├── index/                      # 首页（带背景图和磨砂效果）
│   │   ├── index.js
│   │   ├── index.wxml
│   │   └── index.wxss
│   ├── login/                      # 微信登录页
│   │   ├── login.js                # 包含微信API调用
│   │   ├── login.wxml
│   │   └── login.wxss
│   └── admin/
│       ├── login/                  # 管理员登录页
│       │   ├── login.js
│       │   ├── login.wxml
│       │   └── login.wxss
│       └── manage/                 # 管理员管理页
│           ├── manage.js           # 支持OpenID用户管理
│           ├── manage.wxml
│           └── manage.wxss
├── images/                         # 图片资源
│   ├── background.jpg              # 首页背景图
│   ├── default-avatar.png          # 默认头像
│   └── README.md                   # 图片资源说明
├── project.config.json             # 项目配置
└── README.md                       # 项目说明
```

## 技术特点

### 数据存储
- 使用微信小程序本地存储（wx.setStorageSync/wx.getStorageSync）
- **用户数据存储**：`allUsers` - 所有用户完整信息
- **当前用户**：`userInfo` - 当前登录用户信息
- **管理员信息**：`adminInfo` - 管理员登录状态

### 微信API使用
- `wx.login()` - 获取登录凭证
- `wx.getUserProfile()` - 获取用户信息（头像、昵称）
- `wx.chooseMedia()` - 自定义头像选择

### 设计特色
- **毛玻璃效果**：首页采用背景图+磨砂玻璃设计
- **渐变按钮**：现代化的渐变色按钮设计
- **响应式布局**：适配不同屏幕尺寸

## 使用方法

1. 使用微信开发者工具打开项目
2. 配置项目的 AppID（在 project.config.json 中修改）
3. 添加背景图片到 `images/background.jpg`
4. 编译并预览项目

## 重要说明

### OpenID模拟
由于本项目为演示版本，使用模拟的OpenID：
- 实际项目中需要后端服务获取真实OpenID
- 当前使用 `wx_` + 哈希算法生成唯一标识
- 确保每次登录生成相同的模拟OpenID

### 数据安全
- 管理员密码为明文存储，生产环境需加密
- 用户数据存储在本地，建议生产环境使用云开发
- OpenID为敏感信息，实际使用时需要数据脱敏

## 版本更新记录

### v2.0.0 - 微信登录系统
- ✅ 集成微信登录API
- ✅ OpenID唯一身份绑定
- ✅ 智能账号检测和数据迁移
- ✅ 首页背景图和磨砂效果
- ✅ 用户信息管理优化

### v1.0.0 - 基础功能
- ✅ 基础积分管理系统
- ✅ 管理员控制台
- ✅ 本地数据存储

## 扩展功能建议

- 集成微信云开发，使用真实OpenID
- 添加积分使用记录和兑换功能
- 实现积分排行榜和等级系统
- 添加数据导出和备份功能
- 集成微信支付功能