# Wechat-Mall

**Repository Path**: CodeTV/Wechat-Mall

## Basic Information

- **Project Name**: Wechat-Mall
- **Description**: 基于微信小程序原生API + vant/weapp 小程序UI组件库开发的一款送花小程序，鲜花商城项目
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2024-04-26
- **Last Updated**: 2025-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 微信原生, 小程序, Vant, Webapp

## README

## 项目介绍



### 01. 项目概述



[小张送花] 是一款 同城鲜花订购 的小程序，专业提供各地鲜花速递、鲜花预定、网上订花、包月鲜花等服务。最快3小时送花上门，保证花材新鲜和鲜花质量，可先送花后付款，专业花艺师傅精美包扎，品质保证，至诚服务。



### 02. 项目演示



[小张送花] 项目涵盖电商项目常见功能模块，包含：

1. 项目首页
2. 商品分类
3. 商品列表
4. 商品详情
5. 用户管理
6. 收货地址
7. 购物车
8. 结算支付
9. 订单管理
10. 等……



### 03. 项目技术栈



[小张送花] 项目使用原生小程序进行搭建开发，项目涵盖小程序开发所有常用的知识点



1. 小程序内置组件：采用小程序内置组件 结合 `Vant` 组件库实现页面结构的搭建

2. 项目中使用了 css 拓展语言 Scss 绘制页面的结构

3. 小程序内置`API`：交互、支付、文件上传、地图定位、网络请求、预览图片、本地存储等

4. 小程序分包加载：降低小程序的启动时间、包的体积，提升用户体验度

5. 小程序组件开发：将页面内的功能模块抽象成自定义组件，实现代码的复用

6. 网络请求封装：request 方法封装、快捷方式封装、响应拦截器、请求拦截器

7. `骨架屏`组件：利用开发者工具提供了自动生成骨架屏代码的能力，提高了整体使用体验和用户满意度。

8. `UI` 组件库：使用 `Vant` 组件库实现小程序 结构的绘制

9. `LBS`：使用腾讯地图服务进行 `LBS`逆地址解析，实现选择收货地址功能

10. `miniprogram-licia`：使用 [licia](https://licia.liriliri.io/) 进行函数的防抖节流

11. `async-validator`：使用 [async-validator](https://github.com/yiminghe/async-validator) 实现表单验证

12. `miniprogram-computed`: 使用 [miniprogram-computed](https://github.com/wechat-miniprogram/computed)  进行计算属性功能

13. `mobx-miniprogram`：使用 `mobx-miniprogram` 进行项目状态的管理

    ​     





### 04. 接口文档



[小张送花-API文档](https://apifox.com/apidoc/shared-6ed6c5c4-56c4-4619-8e2a-4817aa140e30)