[項目代碼（持續更新......）](https://github.com/tjs5945111/dva-hooks-antd-) ### 1. 創建路由 ~~~ <Router history={history}> <Switch> <Route path="/" exact component={IndexPage} /> <Route path="/detail" exact component={DetailPage} /> <Route path="/" component={HomeIndexPage} /> </Switch> </Router> ~~~ ### 2. 創建登錄界面 ### 3. 創建主頁面 ### 4. 將主頁面拆分為多個板塊使用antd中的Layout布局 ### 5. 分別開發對應的模塊（左菜單、右頭部、右內容、右底部） ### 6. 左菜單使用Menu ~~~ <SubMenu key='/pc/source' title={<span><Icon type="file" /><span className="nav-text">資源管理</span></span>} > <Menu.Item key='/pc/source/system'><Link to='/pc/source/system'>系統</Link></Menu.Item> {/*<Menu.Item key='/home/pc/source/tool'><Link to='/home/pc/source/tool'>工具</Link></Menu.Item>*/} {/*<Menu.Item key='/home/pc/source/container'><Link to='/home/pc/source/container'>容器</Link></Menu.Item>*/} <Menu.Item key='/pc/source/service'><Link to='/pc/source/service'>服務</Link></Menu.Item> {/*<Menu.Item key='/home/pc/source/serversync'><Link to='/home/pc/source/serversync'>服務同步</Link></Menu.Item>*/} <Menu.Item key='/pc/source/topic'><Link to='/pc/source/topic'>專題資源</Link></Menu.Item> <Menu.Item key='/pc/source/dataContent'><Link to='/pc/source/dataContent'>數據資源目錄</Link></Menu.Item> </SubMenu> ~~~ ### 7. 封裝http請求 ### 8. 取數據進行頁面渲染 ### 說明： ~~~ 1. 通過點擊左側菜單欄使用Link to將路徑添加，在右content中監聽路由變化加載相對應模塊 2. 當登錄成功后將路由跳轉到默認頁面 3. 登錄成功后服務器會根據登錄狀態設置相應的cook，請求時沒有相應的cook取不到相應的數據（后臺操作） ~~~