Git Product home page Git Product logo

react-store-admin's Introduction

这个项目基于react + antdesign + react-router + redux + axios + mock + AMap + echarts等技术栈完成。初学react的小学渣,如果有哪些地方写的有问题,希望可以多多指点,也欢迎大家能多多star一下,支持一下,花费业余时间开发不容易,联系方式[email protected],谢谢!!!

项目介绍

注意:现在项目并没有全部完成,部分功能待开发

项目运行

git clone https://github.com/chengllNice/react-store-admin.git

cd react-store-admin

cnpm i

npm start

首先进入登录界面

默认可以登录的账号

说明:现在账号没有分权限,进入看到的内容都是一样的,以后可能会加上权限的限制

账号:root,密码:123456

账号:bussiness,密码:123456

登录

登录之后进入首页

右上角可以进入主题皮肤的切换,现在支持4中皮肤

当前页展示所有店铺位置信息,可以点击查看每个店铺的基本信息和进入详情页。支持按店铺名称搜索

首页

用户管理--商家用户列表

支持按照用户角色,创建时间,用户名,邮箱,手机号进行筛选

用户管理

用户管理

用户管理--商家用户列表--新增

表单验证是由自己独自写的,可能有地方写的有问题,如果发现问题,希望可以联系我(联系方式见上边)!!

用户管理

用户管理--商家用户列表--详情

由于头像是在线的图片,可能会加载失败

用户管理

用户管理--系统用户列表

用户管理

权限管理--角色列表

用户管理

店铺管理--统计分析

用户管理

店铺管理--店铺列表

用户管理

商品管理--商品列表

用户管理

历史记录--删除用户历史

在此可以恢复已删除的用户或者永久删除该用户

用户管理

默认的主题皮肤

用户管理

订单管理、消息中心、系统设置暂时还没有完成

项目目录简介

主要目录介绍:

config                  ----webpack配置目录
public
scripts                 ----命令
src                     ----源码目录
    ----assets          ----静态文件目录
        ----css         ----全局css目录
        ----images      ----图片
    ----auth            ----权限配置目录(暂时没做权限配置)
    ----components      ----公用组件
    ----config          ----公用配置(不是webpack的配置,而是项目的全局配置)
    ----mock            ----mock数据
    ----redux           ----redux目录
    ----routers         ----路由目录
    ----servers         ----接口请求
    ----utils           ----工具方法
    ----views           ----各模块代码主目录
    ----index.js        ----项目入口文件

src--config目录说明

name:配置项目名称

leftNavdefaultOpenAll: 是否默认展开所有侧导航一级菜单。 true展开 false不展开。如果配置为false,会展开当前路由所在的一级菜单,其他全部默认关闭。

CollapseModel:侧导航切换的模式。true为手风琴模式

collapsedDefaultOpen:默认是否展开侧导航。true展开 false收起

mock:是否使用mock数据。如果是生产环境此项配置不生效(暂无真实接口支持,只能用mock数据接口)

module.exports = {
  name: 'X-Admin',
  leftNavdefaultOpenAll: false,
  CollapseModel: true,
  collapsedDefaultOpen: false,
  mock: true, 
};

src--assets--css--themeFn.scss文件说明

主题皮肤设置

写在最后,希望大家可以支持一下star,谢谢!!!

react-store-admin's People

Contributors

chengllnice avatar

Watchers

James Cloos 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.