Skip to content

Blubiubiu/react-admin-element

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-admin-element

react+react-router+mobx+element

在线体验地址

项目不在维护

因平时实在太忙,同时还要维护多个项目,只能放弃一些,感谢支持

CLI 工具

npm install create-react-admin-cli -g

create-react-admin

输入上述命令之后会让你选择安装哪个版本:

1. react-admin-demo

这个版本里是我们推荐里版本,里面包括了我们为您提供的一些封装好的简单功能,以及一些常用的插件

2. react-admin-simple

这个版本主要是为了帮助一些只想要基础功能,却对代码无从下手清除的情况下产生的。 版本里只拥有路由,登录,404 功能,其余的多余代码我们已经帮您剔除掉了...

Install

// install dependencies
npm install

Run

Development

npm run dev

Production(Build)

npm run build

简介

  react-admin-element 是基于 react.js,搭配使用element-react UI 组件库形成的一套简易后台管理系统。非常简洁的配置,快速进入程序开发。 如果您想在线体验 react-admin-element,您可以到在线访问体验。

如果你只是想要一个清醒爽朗的界面,那你可以下载简化版模板来做开发。对应的脚手架工具下面的 react-admin-simple 模块。

特点

  此项目适用于初始的 react 和 element-react(当然 ui 组件库可以改为其他的组件库)的 ui 组件库构建后台管理系统,项目之初的目的是为了最简洁的构建出一套可用于立即进入开发的架构,开发者只需要处理路由部分的结构就可以构建出左侧的 side-menu,以及 header 的面包屑。我们处理好了相关的 404,500 报错信息页面。

功能

  功能部分并非我们这套架构的主要表现点。目前更多的功能正在开发中。。。文档稍后会不断补充。

  • 登录/登出
  • 组件
    • 图标库
    • 用户权限模块
    • 文件上传
    • excel 导入导出
    • 多级菜单
    • 富文本编辑器
    • 个人设置(主要想展现给头像的裁剪功能)

文件结构

.
├── scripts  项目构建配置
├── config  开发相关配置
├── public  打包所需静态资源
└── src
    └── assets  项目静态资源
        ├── font  字体文件
        ├── css  css文件
        └── images  图片资源
    ├── components  基础组件(开发者只需要关心的组件-组件)
    └── containers  项目运行配置
        ├── App  根组件
        ├── Home  主页
        ├── NotFound  404页面
        └── Pages  业务开发组件页面(开发者只需要关心的组件-页面)
    ├── libs  封装工具函数
    ├── router  路由配置
    └── store  Mobx配置

Links

About

react-admin-element, 打造react管理后台应用,技术栈: react+react-router+mobx+element

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published