Skip to content

GitLab

P
pro-blocks
Commit 7808f663 authored by WhatAKitty's avatar WhatAKitty Committed by afc163
Browse files
Options

Dynamic route

parent 5a972e9d
Show whitespace changes
Inline Side-by-side
Showing with 124 additions and 68 deletions
src/common/nav.js
View file @ 7808f663
import BasicLayout from '../layouts/BasicLayout';
import UserLayout from '../layouts/UserLayout';
import BlankLayout from '../layouts/BlankLayout';
import Analysis from '../routes/Dashboard/Analysis';
import Monitor from '../routes/Dashboard/Monitor';
import Workplace from '../routes/Dashboard/Workplace';
import TableList from '../routes/List/TableList';
import CoverCardList from '../routes/List/CoverCardList';
import CardList from '../routes/List/CardList';
import FilterCardList from '../routes/List/FilterCardList';
import SearchList from '../routes/List/SearchList';
import BasicList from '../routes/List/BasicList';
import BasicProfile from '../routes/Profile/BasicProfile';
import AdvancedProfile from '../routes/Profile/AdvancedProfile';
import BasicForm from '../routes/Forms/BasicForm';
import AdvancedForm from '../routes/Forms/AdvancedForm';
import StepForm from '../routes/Forms/StepForm';
import Step2 from '../routes/Forms/StepForm/Step2';
import Step3 from '../routes/Forms/StepForm/Step3';
import Exception403 from '../routes/Exception/403';
import Exception404 from '../routes/Exception/404';
import Exception500 from '../routes/Exception/500';
import Success from '../routes/Result/Success';
import Error from '../routes/Result/Error';
import Login from '../routes/User/Login';
import Register from '../routes/User/Register';
import RegisterResult from '../routes/User/RegisterResult';
import dynamic from 'dva/dynamic';
const data = [{
component: BasicLayout,
component: app => dynamic({
app,
component: () => import('../layouts/BasicLayout'),
}),
layout: 'BasicLayout',
name: '首页', // for breadcrumb
path: '',
......@@ -45,15 +15,24 @@ const data = [{
children: [{
name: '分析页',
path: 'analysis',
component: Analysis,
component: app => dynamic({
app,
component: () => import('../routes/Dashboard/Analysis'),
}),
}, {
name: '监控页',
path: 'monitor',
component: Monitor,
component: app => dynamic({
app,
component: () => import('../routes/Dashboard/Monitor'),
}),
}, {
name: '工作台',
path: 'workplace',
component: Workplace,
component: app => dynamic({
app,
component: () => import('../routes/Dashboard/Workplace'),
}),
}],
}, {
name: '表单页',
......@@ -62,22 +41,37 @@ const data = [{
children: [{
name: '基础表单',
path: 'basic-form',
component: BasicForm,
component: app => dynamic({
app,
component: () => import('../routes/Forms/BasicForm'),
}),
}, {
name: '分步表单',
path: 'step-form',
component: StepForm,
component: app => dynamic({
app,
component: () => import('../routes/Forms/StepForm'),
}),
children: [{
path: 'confirm',
component: Step2,
component: app => dynamic({
app,
component: () => import('../routes/Forms/StepForm/Step2'),
}),
}, {
path: 'result',
component: Step3,
component: app => dynamic({
app,
component: () => import('../routes/Forms/StepForm/Step3'),
}),
}],
}, {
name: '高级表单',
path: 'advanced-form',
component: AdvancedForm,
component: app => dynamic({
app,
component: () => import('../routes/Profile/AdvancedProfile'),
}),
}],
}, {
name: '列表页',
......@@ -86,27 +80,45 @@ const data = [{
children: [{
name: '查询表格',
path: 'table-list',
component: TableList,
component: app => dynamic({
app,
component: () => import('../routes/List/TableList'),
}),
}, {
name: '标准列表',
path: 'basic-list',
component: BasicList,
component: app => dynamic({
app,
component: () => import('../routes/List/BasicList'),
}),
}, {
name: '卡片列表',
path: 'card-list',
component: CardList,
component: app => dynamic({
app,
component: () => import('../routes/List/CardList'),
}),
}, {
name: '搜索列表（项目）',
path: 'cover-card-list',
component: CoverCardList,
component: app => dynamic({
app,
component: () => import('../routes/List/CoverCardList'),
}),
}, {
name: '搜索列表（应用）',
path: 'filter-card-list',
component: FilterCardList,
component: app => dynamic({
app,
component: () => import('../routes/List/FilterCardList'),
}),
}, {
name: '搜索列表（文章）',
path: 'search',
component: SearchList,
component: app => dynamic({
app,
component: () => import('../routes/List/SearchList'),
}),
}],
}, {
name: '详情页',
......@@ -115,11 +127,17 @@ const data = [{
children: [{
name: '基础详情页',
path: 'basic',
component: BasicProfile,
component: app => dynamic({
app,
component: () => import('../routes/Profile/BasicProfile'),
}),
}, {
name: '高级详情页',
path: 'advanced',
component: AdvancedProfile,
component: app => dynamic({
app,
component: () => import('../routes/Profile/AdvancedProfile'),
}),
}],
}, {
name: '结果',
......@@ -128,11 +146,17 @@ const data = [{
children: [{
name: '成功',
path: 'success',
component: Success,
component: app => dynamic({
app,
component: () => import('../routes/Result/Success'),
}),
}, {
name: '失败',
path: 'fail',
component: Error,
component: app => dynamic({
app,
component: () => import('../routes/Result/Error'),
}),
}],
}, {
name: '异常',
......@@ -141,19 +165,31 @@ const data = [{
children: [{
name: '403',
path: '403',
component: Exception403,
component: app => dynamic({
app,
component: () => import('../routes/Exception/403'),
}),
}, {
name: '404',
path: '404',
component: Exception404,
component: app => dynamic({
app,
component: () => import('../routes/Exception/404'),
}),
}, {
name: '500',
path: '500',
component: Exception500,
component: app => dynamic({
app,
component: () => import('../routes/Exception/500'),
}),
}],
}],
}, {
component: UserLayout,
component: app => dynamic({
app,
component: () => import('../layouts/UserLayout'),
}),
layout: 'UserLayout',
children: [{
name: '帐户',
......@@ -162,19 +198,31 @@ const data = [{
children: [{
name: '登录',
path: 'login',
component: Login,
component: app => dynamic({
app,
component: () => import('../routes/User/Login'),
}),
}, {
name: '注册',
path: 'register',
component: Register,
component: app => dynamic({
app,
component: () => import('../routes/User/Register'),
}),
}, {
name: '注册结果',
path: 'register-result',
component: RegisterResult,
component: app => dynamic({
app,
component: () => import('../routes/User/RegisterResult'),
}),
}],
}],
}, {
component: BlankLayout,
component: app => dynamic({
app,
component: () => import('../layouts/BlankLayout'),
}),
layout: 'BlankLayout',
children: {
name: '使用文档',
......
src/layouts/BasicLayout.js
View file @ 7808f663
......@@ -239,7 +239,7 @@ class BasicLayout extends React.PureComponent {
}
}
render() {
const { currentUser, collapsed, fetchingNotices } = this.props;
const { app, currentUser, collapsed, fetchingNotices } = this.props;
const menu = (
<Menu className={styles.menu} selectedKeys={[]} onClick={this.onMenuClick}>
......@@ -352,7 +352,7 @@ class BasicLayout extends React.PureComponent {
exact={item.exact}
key={item.path}
path={item.path}
component={item.component}
component={item.component(app)}
/>
)
)
......
src/layouts/UserLayout.js
View file @ 7808f663
......@@ -59,7 +59,7 @@ class UserLayout extends React.PureComponent {
exact={item.exact}
key={item.path}
path={item.path}
component={item.component}
component={item.component(this.props.app)}
/>
)
)
......
src/router.js
View file @ 7808f663
......@@ -2,10 +2,18 @@ import React from 'react';
import { Router, Route, Switch } from 'dva/router';
import { LocaleProvider } from 'antd';
import zhCN from 'antd/lib/locale-provider/zh_CN';
import BasicLayout from './layouts/BasicLayout';
import UserLayout from './layouts/UserLayout';
import dynamic from 'dva/dynamic';
function RouterConfig({ history, app }) {
const BasicLayout = dynamic({
app,
component: () => import('./layouts/BasicLayout'),
});
const UserLayout = dynamic({
app,
component: () => import('./layouts/UserLayout'),
});
function RouterConfig({ history }) {
return (
<LocaleProvider locale={zhCN}>
<Router history={history}>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment