5 - [Admin] --1 background system set up

1 background system set up

Pull Ant Design Pro

Download: https://github.com/ant-design/ant-design-pro

Here Insert Picture Description

Pull version 2.2.0:
Here Insert Picture Description

Installation depends:

tyarn install

Start the service:

tyarn start

display:
Here Insert Picture Description

2 Modify the logo and copyright

1, the overall layout of the page to find

srcHere are the layout of the file folder layouts, layoutsbelow basic layout js- BasicLayout.js.
Here Insert Picture Description

2. Find renderthe followingreturn

Found a return layout:
Here Insert Picture Description
discovery layoutuses a SiderMenucomponent:
Here Insert Picture Description

Click SiderMenucomponents found to be a component of our definition:
Here Insert Picture Description

3, components corresponding to modify

Here Insert Picture Description
Find the corresponding SiderMenufound below returns a div:
Here Insert Picture Description

display effect:
Here Insert Picture Description

4, modify copyright

srcHere are the layout of the file folder layouts, layoutsfollowing a foot layout js- Footer.js.
Here Insert Picture Description

display effect:
Here Insert Picture Description

3 Modify menu on the left

Published 675 original articles · won praise 214 · Views 140,000 +

Guess you like

Origin blog.csdn.net/weixin_42112635/article/details/104810460