• 版本：【 "JYadmin-react-antd": "^1.0.0"】
• 版本説明：基於react+antd封裝
• 版權所有：微信公眾號【微新悅】
• 更多it教程，請關注上述微信公眾號！！！

原文連結：https://www.weixinyue.cn/frontCourses/#/JYAdminReactAntd1.0/2（閱讀效果更佳）

• 第一步：在pages資料夾下新增一個index首頁模組和404頁面

• 第二步：改造根目錄app.js

說明：

<Route path=/ />
1、實現位址列不輸入任何路由，重定向到index首頁
2、@/layout/main/main.js layout主檔案

• 第三步：編寫管理系統基礎layout（使用class元件,後期使用function元件改造）
• @/layout/main/main.js程式碼如下

• 頁面效果如下

 說明：

import Container from '@/layout/container/' =>右側內容區容器
import Menu from '@/layout/main/components/menu/ => 左側選單模組
import Heard from '@/layout/main/components/heard => 頭部模組
import allRouting from '@/router/allRouting.js' => 所有路由模組

互動效果：如下視訊