E04：后台管理系统开发-后台首页UI框架搭建

Posted 2022-01-18 wgchen~

React Hooks+Laravel 后端博客实战

• 阐述
• Layout布局
• • 新建 `admin\\src\\Pages\\AdminIndex.js`
  • 新建 `admin\\src\\static\\css\\AdminIndex.css`
• 把Class形式改为Hooks形式
• • 新建 `admin\\src\\Pages\\AdminIndex.js`
  • 修改 `admin\\src\\Pages\\Main.js` 配置路由

阐述

登录页面的UI制作完成了，当登录成功后，我们会跳转到博客的后台管理页面，这个页面依然是用Ant Desgin制作的。

这里直接用官方提供的案例来作。

Layout布局

antd提供了协助进行页面级整体布局组件 <Layout>。
在这个组件的API文档里提供了很多已经写好的案例，既然已经写好了，就直接复制就可以了。

API地址：https://ant.design/components/