Git Product home page Git Product logo

taro-mall's Introduction

如果你觉得还行,请给个star,感谢你的支持🙏

QQ交流群:828300414,加群答案:taro-jd

一个电商项目从设计至最终成品的架构,包括设计/前端/管理后台/后端/k8s集群架构

一、整体启动说明(启动要求:Docker, Yarn, Maven)

(项目启动后会自动编译并打包docker启动整个完整项目,包括前端H5,管理后台H5,微服务RestFul接口模块)

# clone
$ git clone https://github.com/apersonw/taro-mall.git

# run
$ cd taro-mall | ./run.sh

二、单独模块启动说明

  1. 客户端模块(React Native单独拉取rn分支) 演示地址 设计演示地址
# run
# H5启动(yarn dev:weapp为小程序启动)
$ cd client | yarn dev:h5
  1. 管理后台模块 演示地址
# run
$ cd manager | yarn start
  1. 微服务RestFul接口模块
# run 需要本地启动mongo和redis
# 模块启动顺序 (配置中心)config->(注册中心)center->其他模块
$ cd services/xxx | 启动java项目

三、目录说明

.
├── client                    #客户端,访问地址:0.0.0.0:81
│   ├── Dockerfile
│   ├── docker
│   │   └── nginx.conf        #nginx配置文件
│   ├── package.json
│   ├── src                   #项目源码
├── design                    #设计切图
│   ├── assets
│   ├── index.html
│   ├── links
│   └── preview
├── docker-compose.yml        #项目docker-compose
├── manager                   #管理端,访问地址:0.0.0.0:82
│   ├── Dockerfile
│   ├── docker
│   │   └── nginx.conf        #nginx配置文件
│   ├── package.json
│   ├── public
│   ├── src
├── readmeImg                 #readme引用图片
│   ├── category.jpg
│   └── index.jpg
├── run.sh                    #启动项目运行脚本
└── services                  #微服务项目组
    ├── service-goods         #商品微服务
    │   ├── pom.xml
    │   └── src
    └── service-user          #用户微服务
        ├── pom.xml
        └── src

注:(整体启动后)
1.数据库访问地址:0.0.0.0:27018
2.注册中心访问地址:0.0.0.0:8761   账号密码均为:admin

四、项目架构说明

  1. 设计说明:

  • 采用Sketch设计并发布切图,设计切图位于design文件夹
  1. 数据来源说明:

  • 采用Python Scrapy爬虫爬取相关数据,加群可分享
  1. 前端说明:

  • 客户端模块-基于Taro+Dva
  • 管理后台模块-基于Umi
  1. 微服务RestFul接口模块说明:

  1. 部署说明:

  • 所有模块部署均采用Docker

五、交易流程图

六、页面展示

1、首页展示

2、分类展示

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.