https://github.com/zhs007/webadmin-base

admin with react & ant
https://github.com/zhs007/webadmin-base

Last synced: 9 months ago
JSON representation

admin with react & ant

• Host: GitHub
• URL: https://github.com/zhs007/webadmin-base
• Owner: zhs007
• License: apache-2.0
• Created: 2017-06-09T03:01:01.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-06-27T06:15:46.000Z (almost 9 years ago)
• Last Synced: 2025-02-22T21:13:59.408Z (over 1 year ago)
• Language: JavaScript
• Size: 6.46 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# WebAdmin-base

[![React Native](https://img.shields.io/badge/react-^15.4.4-brightgreen.svg?style=flat-square)](https://github.com/facebook/react)

[![Ant Design](https://img.shields.io/badge/ant--design-^2.10.0-yellowgreen.svg?style=flat-square)](https://github.com/ant-design/ant-design)

[![dva](https://img.shields.io/badge/dva-^1.2.0-orange.svg?style=flat-square)](https://github.com/dvajs/dva)

[![GitHub issues](https://img.shields.io/github/issues/zuiidea/antd-admin.svg?style=flat-square)](https://github.com/zhs007/webadmin-base)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/zhs007/webadmin-base/pulls)

[![MIT](https://img.shields.io/dub/l/vibe-d.svg?style=flat-square)](http://opensource.org/licenses/MIT)

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com)

## 特性

-   基于[react](https://github.com/facebook/react)，[ant-design](https://github.com/ant-design/ant-design)，[dva](https://github.com/dvajs/dva)，[Mock](https://github.com/nuysoft/Mock) 企业级后台管理系统最佳实践。

-   基于Antd UI 设计语言，提供后台管理系统常见使用场景。

-   基于[dva](https://github.com/dvajs/dva)动态加载 Model 和路由，按需加载。

-   使用[roadhog](https://github.com/sorrycc/roadhog)本地调试和构建，其中Mock功能实现脱离后端独立开发。

-   浅度响应式设计。

-   基于ant.design脚手架项目。

-   配合serv项目，就是一套完整的后台框架。

## 更新日志

### 4.2.2

`2017-06-13`

-     增加注册功能。

## 开发构建

### 目录结构

```bash

├── /dist/           # 项目输出目录

├── /src/            # 项目源码目录

│ ├── /components/   # UI组件及UI相关方法

│ │ ├── skin.less    # 全局样式

│ │ └── vars.less    # 全局样式变量

│ ├── /routes/       # 路由组件

│ │ └── app.js       # 路由入口

│ ├── /models/       # 数据模型

│ ├── /services/     # 数据接口

│ ├── /themes/       # 项目样式

│ ├── /mock/         # 数据mock

│ ├── /utils/        # 工具函数

│ │ ├── config.js    # 项目常规配置

│ │ ├── menu.js      # 菜单及面包屑配置

│ │ ├── config.js    # 项目常规配置

│ │ ├── request.js   # 异步请求函数

│ │ └── theme.js     # 项目需要在js中使用到样式变量

│ ├── route.js       # 路由配置

│ ├── index.js       # 入口文件

│ └── index.html     

├── package.json     # 项目信息

├── .eslintrc        # Eslint配置

└── .roadhogrc.js    # roadhog配置

```

文件夹命名说明:

-   components：组件（方法）为单位以文件夹保存，文件夹名组件首字母大写（如`DataTable`），方法首字母小写（如`layer`）,文件夹内主文件与文件夹同名，多文件以`index.js`导出对象（如`./src/components/Layout`）。

-   routes：页面为单位以文件夹保存，文件夹名首字母小写（特殊除外，如`UIElement`）,文件夹内主文件以`index.js`导出，多文件时可建立`components`文件夹（如`./src/routes/dashboard`），如果有子路由，依次按照路由层次建立文件夹（如`./src/routes/UIElement`）。

### 快速开始

## 问答

-   如何页面跳转？

```

window.location = `${location.origin}/reg`

```

-   如何让页面独立框架（类似login）？ 

```

openPages: ['/login', '/reg']

```