Giter VIP home page Giter VIP logo

cms_community_e_commerce's Introduction

云生活超市管理系统(完整的后台管理系统)

React后台项目:react + react-router4 + redux + antd + axios + sass

(项目迭代滚动中,如果有喜欢这个的小哥哥小姐姐,送我一个start,谢谢!如果您有什么建议修改之类的,请疯狂的pull request or create issue.)
先放一些图片哈
  • 登录页 登录页
  • 主页 主页
  • 用户管理 用户页面
  • 商品管理 商品
  • 商品二级分类 商品二级分类
  • 订单查询 订单查询
  • 订单派送管理 订单派送管理
  • 广告信息管理 广告管理

技术栈

  1. react 16.2.0
  2. react-router-dom 4.2.2 (react-router 4)
  3. redux
  4. ant-design
  5. axios
  6. sass
  7. es6 + babel ( 配了babel-plugin-transform-decorator-legacy 装饰器)

使用了create-react-app搭建项目。 服务器端我是用springboot+mybatis编写的,仓库地址是:服务器端代码

作者想说:其实是想用React-native做一个超市的app,取名云生活超市(名字很难听各位轻吐槽),既然有app,那就得有一个后台,就是这个了。附上app端仓库地址:云生活app

环境

  • 我自己使用ubuntu16.04,建议在linux或者mac os系统下运行
  • 因为项目依赖了sass,如果用windows,有一定的可能会出现很奇妙的问题哈

项目启动

  1. 首先你可以安装一下yarn,并使用taobao registry
npm install -g yarn
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
  1. 克隆项目并安装环境
git clone https://github.com/dekvos123/cms_community_e_commerce.git
cd cms_community_e_commerce
yarn
  1. 直接运行
npm start
  1. 服务器监听3000端口,直接访问 http://localhost:3000

目录结构介绍

### 目录结构介绍
***├── config                              // webpack配置文件***
***├── public                              ***
***├── dist                                ***
***├── node_modules                        // 项目的包依赖***
***├── src                                 // 源码目录***
***   ├── assets                          // 存放项目的一些资源和SCSS文件***
***   ├── components                      // 页面组件***
***   ├── containers                      // 页面(容器) ***
***   ├── constants                       // 项目全局配置***
***   ├── services                        // 服务器端接口数据映射***
***   ├── reducers                        // reducers***
***   ├── actions                         // actions***
***   ├── utils                           // 封装的一些常用工具 ***
***   ├── Routes.js                       // 页面路由 ***
***   ├── index.js                        // 程序入口文件,加载各种公共组件***
***├── .babelrc                            // babel配置文件 ***

使用说明

  • 管理员默认账号:admin 密码:admin

cms_community_e_commerce's People

Contributors

walljser avatar

Watchers

James Cloos avatar Ghostsai avatar

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.