# ShoppingApp

**Repository Path**: Intricate/wechat-applet

## Basic Information

- **Project Name**: ShoppingApp
- **Description**: 基于json-server的一个卖手机的微信小程序
- **Primary Language**: 微信
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-09-17
- **Last Updated**: 2022-11-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 微信小程序, JavaScript, json-server, CSS

## README

# 一个卖手机的微信小程序

#### 介绍
基于json-server的一个卖手机的微信小程序

#### 安装
 _json-server，微信开发者工具_ 


#### 使用说明

本项目使用json-server存储数据，一个在前端本地运行，可以存储json数据的server；通俗来说，就是模拟服务端接口数据。一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。

第一步：打开命令提示符，使用npm命令：npm install -g json-server全局安装json-server
第二步：在文件夹myserver中打开命令提示符使用：json-server --watch db.json命令打开server
第三步：打开微信开发者工具，导入ShoppingApp文件

注意：db文件夹不与其他文件共同放置，db文件夹打开后cmd启动json-server，端口号设置为5000，
没有json-server的自行前往下载（需电脑已安装好node），微信开发者工具导入文件

#### 参与贡献

1.  Fork 本仓库
2.  提交代码
3.  新建 Pull Request

#### 程序截图

 _首页如下图：_ 

![输入图片说明](picture/VA71EAMICHFQW0%7D@P5RYW~6.png)

====================================================

 _分类页如下图：_

![输入图片说明](picture/123.png)

====================================================

 _购物车页如下图：_

![输入图片说明](picture/22.png)

====================================================

 _商品详情页如下图：_

![输入图片说明](picture/WC~S1TM8X0KB7M%7DB%7D%60YK$8G.png)

====================================================

 **以上页面仅为主要页面，不代表所有页面展示**