ppdai-one-base

简介

统一中台后台，采用二级导航，为中台类应用提供统一前端Layout和接口，方便子业务系统接入。本项目基于Ant Design和Dva开发。

功能点

• 统一的layout
• 统一的登录入口
• 提供基础组件库
• 业务系统只需要关心自己的逻辑
• 统一的鉴权机制（暂不提供）
• 统一的消息中心（暂不提供）

启动Demo

$ mkdir one-base
$ cd one-base
$ git clone [e-mail]:shengbeiniao/one-base.git
$ npm i
$ npm start

访问http://localhost:3000

修改菜单项

请修改src/menu.js，支持两级项目结构，图标参考Font Awesome

子项目接入

1. 定义子项目路由

import React from 'react';
import {Router} from '../src/index';
import {Route,IndexRedirect} from 'dva/router';
import Hello from './Hello';
//主项目激活路径
let base='demo';
//子项目title
let title='Demo';
//路由信息，支持多级
let dataSource = [
  {
    title: 'Hello',
    path:'hello'
  }
];
//子项目激活路径
let currentPath='hello';

export default function() {
  return (
    <Router base={base} title={title} dataSource={dataSource}  currentPath={currentPath}>
      <Route path="/">
        <IndexRedirect to="hello"/>
        <Route path="hello" component={Hello}/>
      </Route>
    </Router>
  )
};

1. 配置model

import {app} from '../src/index';
//app为dva对象
//配置model
//配置router
app.router(require('./router'));
//启动
app.start('#root');

1. 注意事项

子项目和主项目共用一个dva对象，配置model时，命名空间user已被占用，user存储登录相关状态信息，子项目可以引用。

用户管理Demo

此Demo演示如何基于one-base，实现一个完整的用户管理程序，Demo地址