# mall

**Repository Path**: daykalif/mall

## Basic Information

- **Project Name**: mall
- **Description**: React+antd-mobile开发手机端商城
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 25
- **Created**: 2019-01-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React手机端商城

#### 项目介绍
React开发的手机端商城，使用antd-mobile UI框架


#### 项目预览

<img src="./doc/1.png" width="220">
<img src="./doc/2.png" width="220">
<img src="./doc/3.png" width="220">
<img src="./doc/4.png" width="220">
<img src="./doc/5.png" width="220">
<img src="./doc/6.png" width="220">
<img src="./doc/7.png" width="220">
<img src="./doc/8.png" width="220">
<img src="./doc/9.png" width="220">
<img src="./doc/10.png" width="220">
<img src="./doc/11.png" width="220">
<img src="./doc/12.png" width="220">
<img src="./doc/13.png" width="220">
<img src="./doc/14.png" width="220">
<img src="./doc/15.png" width="220">
<img src="./doc/16.png" width="220">
<img src="./doc/17.png" width="220">
<img src="./doc/18.png" width="220">
<img src="./doc/19.png" width="220">
<img src="./doc/20.png" width="220">
<img src="./doc/21.png" width="220">
<img src="./doc/22.png" width="220">
<img src="./doc/23.png" width="220">
<img src="./doc/24.png" width="220">
<img src="./doc/25.png" width="220">
<img src="./doc/26.png" width="220">
<img src="./doc/27.png" width="220">
<img src="./doc/28.png" width="220">
<img src="./doc/29.png" width="220">


#### 软件架构
软件架构说明

- 后端
    - nodejs
- 前端
    - react,react-router,react-redux
- 数据库
    - 无
- 服务器
    - nodejs-koa2
- 使用技术细分
    - axios,react,react-router-dom,react-redux,redux,koa2,es6,es7[async-await],antd-mobile,underscore，jQuery等

#### 安装教程

1. 安装了node，并且node的版本>=node v7.6.0 ，或者node支持ES2015及更高版本和 async 方法 ,这里是为了支持koa2的环境
2. 使用 Babel 实现 Async 方法，要在 node < 7.6 版本的 Koa 中使用 async 方法,需要修改所有属于后端的js文件[不建议]。
    ```
    require('babel-register');
    // 应用的其余 require 需要被放到 hook 后面
    const app = require('./app');
    ```


## 运行项目 注：在mallmobile
- 先安装依赖 yarn install
- 依赖安装完运行 yarn start
- 项目如果跳转到要微信打开的话就修改common公共资源文件夹里的js文件里的util.js
- util.js修改
	- getToken函数里的return 'xxxx' 放开注释,return null注释
	- getJSsdkParams函数同样如同以上。
	- xxxx是token
- 打开http://localhost:3000/
- 如果看不到效果或者说ajax请求出错等，请在浏览器安装Allow-Control-Allow-Origin插件，这样就支持跨域，重新刷新页面就会有效果了。注：Allow-Control-Allow-Origin插件必须开启
6. 二次开发
    - 在mallmobile文件夹
    - 没做接口文档