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