如何使用 react + antd 實(shí)現(xiàn)后臺(tái)管理系統(tǒng)的二級(jí)菜單
準(zhǔn)備工作
1、創(chuàng)建項(xiàng)目
npx create-react-app my-react-admin
2、安裝需要的依賴
npm i antd -S
3、創(chuàng)建項(xiàng)目基本結(jié)構(gòu)
4.設(shè)計(jì)主界面
5.設(shè)計(jì)主布局頁面
結(jié)合UI庫的Layout組件 layout/main/Index.jsx
6.設(shè)計(jì)路由
router/menus.js
7.設(shè)計(jì)路由渲染組件
router/RouterView.jsx
8.設(shè)計(jì)左側(cè)菜單渲染組件
Layout/main/SideMenu.jsx
9.創(chuàng)建對(duì)應(yīng)的各個(gè)頁面
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
更多關(guān)于html5培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。