ant design proV1.0的采坑之旅 （动态创建菜单、访问mock数据、富文本编辑器）

       最近公司做一个后台管理系统，犹豫半天还是想用ant design，后来发现他们有现成的脚手架 ant design pro ( github地址 )，果断拉代码下来运行起来。

一：ant design pro 项目目录结构和流程

整体目录大概长这个样子 

src里面是这样子

重要的就是mock文件和src文件咯，mock文件里面主要是用来本地构建请求返回的假数据（不是从服务器返回的数据），src则是存放整个项目相关的文件，接下来就重点讲解一下。

common：只有menu.js和router.js 前者是定义的菜单列表，这是因为ant design pro项目是写死的菜单列表 后面会讲如何动态构建菜单。后者是定义的整个项目的路由列表（也就是你访问每一个页面的路径都需要提前在这里定义好。）。

component：封装的一些基础UI组件（小零件）
layouts : ant design pro项目一些公共的组件比如：头部、尾部、构建菜单这些

routes：UI 组件（也就是每个路由对应的页面组件文件）
models：容器组件（用于组件的数据存储，接收请求返回的数据等）

services：请求服务器的接口列表、用于与后台交互、