Ant Design Pro 學習二 新建菜單-布局

新建布局，注意格式： src/common/nav.js 中增加

{
  component: dynamicWrapper(app, [], () => import('/path/to/NewLayout')),     // 新建的模板，使用`dynamic`動態引入
  layout: 'NewLayout',        // 標記，生成路由時會用到
  children: [{
    name: '新布局',            // 新布局下的頁面都可以放到這里
    icon: 'new',　　　　　　　　//小圖標
    path: 'new',　　　　　　　　//這里是routes（業務頁面入口和常用模板）下的目錄
    children: [
　　　　//新的頁面
　　　　{
      　　name: '新頁面',
      　　path: 'new-page',　　//小圖標
      　　component: dynamicWrapper(app, ['NewPageModel'], () => import('/path/to/NewPage')),
    　　}
　　],
  }],
}

新建頁面：src/routes 下新建 NewPage.js NewPage.less

{
    name: '測試一下',
    path: 'new',
    component: dynamicWrapper(app, ['list'], () => import('../routes/New/NewPage')),
 },

 

如果需要用到 數據流，還需要在 src/models    src/services   中建立相應的 model 和 service