zero-element v1.1.11
Zero Element
基于 React 的后台页面快速开发框架。
特性
- 可通过配置文件生成基本的增删改后台管理页面
- 可通过配置实现常见的后台业务逻辑
安装
npm install zero-element --save
使用
import React, { PureComponent } from 'react';
import { connect } from 'dva';
import { ZEle } from 'zero-element';
import config from './List.config.js';
@connect(({ testPage, loading }) => ({
modelStatus: testPage,
namespace: 'testPage',
loading: loading.effects,
}))
export default class List extends PureComponent {
render() {
return (
<ZEle { ...this.props } config={ config }/>
);
}
}
配置文件示意
// ./List.config.js
export default {
layout: 'Grid',
title: '默认管理列表',
items: [
{
span: 24,
layout: 'DefaultSearch',
component: 'BaseSearch',
config: {
fields: [
{ field: 'name', label: '名称', type: 'input' }
],
actions: [
{
title: '新增', type: 'modal',
options: {
modalTitle: '新增',
items: [
{
layout: 'DefaultForm',
component: 'BaseForm',
config: {
ACTIONTYPE: 'create',
API: {
createAPI: '/api/default',
},
fields: [
{ field: 'name', label: '名称', type: 'input' },
],
},
REDIRECT: '/testPage/form?id={id}&type=edit',
}
]
},
}
],
},
},
{
span: 24,
component: 'BaseList',
config: {
API: {
getAPI: '/api/default',
deleteAPI: '/api/default/(id)',
},
fields: [
{ field: 'id', label: 'ID' },
{ field: 'name', label: '名称' },
{ field: 'status', label: '状态', valueType: 'status' },
],
operation: [
{
title: '编辑', action: 'path',
options: {
path: '/testPage/form',
}
},
{ title: '删除', action: 'delete' },
],
},
},
],
}
1 year ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago