如何使用 react + antd 實現后臺管理系統的二級菜單
準備工作
1、創(chuàng)建項目
npx create-react-app my-react-admin
2、安裝需要的依賴
npm i antd -S
3、創(chuàng)建項目基本結構
4.設計主界面
5.設計主布局頁面
結合UI庫的Layout組件 layout/main/Index.jsx
6.設計路由
router/menus.js
7.設計路由渲染組件
router/RouterView.jsx
8.設計左側菜單渲染組件
Layout/main/SideMenu.jsx
9.創(chuàng)建對應的各個頁面
views/home/Index.jsx
views/banner/Index.jsx
views/banner/Add.jsx
views/homedata/SeckillList.jsx
views/homedata/RecommendList.jsx
views/navigator/Category.jsx
views/navigator/HomeList.jsx
views/navigator/List.jsx
views/product/List.jsx
views/product/SortList.jsx
views/user/List.jsx
views/user/RegisterUser.jsx
views/setting/Index.jsx
更多關于html5培訓的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。