# wxTest

**Repository Path**: ma-sining/wx-test

## Basic Information

- **Project Name**: wxTest
- **Description**: 微信小程序（原生）教学项目，教学案例
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-09-22
- **Last Updated**: 2025-02-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小程序学习 - 微信小程序开发实践

![小程序示例截图](./assets/项目图片.jpg) <!-- 可根据实际图片路径调整 -->

## 项目概述
原生微信小程序学习

---

## 功能模块列表
### 1. 注册页面
- 实现用户手机号/邮箱注册功能
- 包含表单验证和错误提示

### 2. 常见组件
- 封装可复用的按钮、卡片、导航栏等组件
- 实现组件样式统一管理

### 3. 学习WXSS
- 实践响应式布局方案（rpx单位）
- 样式隔离与全局样式管理

### 4. 学习WXML
- 数据绑定与列表渲染
- 条件渲染与模板语法

### 5. 学习WXS
- 实现视图层逻辑处理
- 过滤器与工具函数封装

### 6. 学习事件系统
- 绑定点击/滑动/表单事件
- 自定义事件传递

### 7-8. 组件化开发
- 实现业务组件（如行程卡片）
- 组件间通信（properties/triggerEvent）
- 插槽(slot)与抽象节点

### 9. 网络请求
- 封装`wx.request`为Promise风格
- 实现请求拦截与统一错误处理

### 10. 系统API
- 调用地理位置、相机、本地存储等API
- 设备信息获取与兼容处理

### 11. 页面导航
- 实现tabBar导航与页面跳转
- 路由传参与页面栈管理

### 12. 登录流程
- 微信授权登录集成
- Token管理与会话保持

---

## 技术栈
- **核心框架**: 微信小程序原生开发
- **样式语言**: WXSS + CSS3 预处理器
- **视图层**: WXML + WXS
- **状态管理**: 小程序自带App/Page数据管理
- **网络库**: 自封装HTTP工具类
- **开发工具**: 微信开发者工具 + VSCode

---

## 快速运行
```bash
# 1. 克隆仓库
git clone https://gitee.com/ma-sining/wx-test.git

# 2. 导入微信开发者工具
用开发者工具打开项目目录

# 3. 编译运行
点击工具栏「编译」按钮启动项目