5 -【 后台管理 】- 1 后台系统搭建

1 后台系统搭建

拉取 Ant Design Pro

下载地址:https://github.com/ant-design/ant-design-pro

在这里插入图片描述

拉取 2.2.0 版本:
在这里插入图片描述

安装依赖:

tyarn install

启动服务:

tyarn start

显示:
在这里插入图片描述

2 修改 logo 和 版权

1、找到整体布局的页面

src 下面有布局的文件夹 layoutslayouts 下面有基础布局的 js - BasicLayout.js
在这里插入图片描述

2、找到 render 下面的 return

发现返回一个 layout
在这里插入图片描述
发现 layout 使用了一个 SiderMenu 组件:
在这里插入图片描述

点击 SiderMenu 组件,发现是我们定义的一个组件:
在这里插入图片描述

3、修改对应的组件

在这里插入图片描述
找到对应的 SiderMenu ,发现下面返回了一个 div
在这里插入图片描述

显示效果:
在这里插入图片描述

4、修改版权

src 下面有布局的文件夹 layoutslayouts 下面有脚布局的 js - Footer.js
在这里插入图片描述

显示效果:
在这里插入图片描述

3 修改左侧的菜单

发布了675 篇原创文章 · 获赞 214 · 访问量 14万+

猜你喜欢

转载自blog.csdn.net/weixin_42112635/article/details/104810460