CMS管理后台入门指南 (Ant Design Pro v2.0)

目标：实现一个基础模块

基础模块

基础模块的定义

• 基础模块（了解一个基础模块包含哪些基本功能，包括基本功能的展现方式等）

基础模块中前置知识准备

• 各功能组件介绍（了解各个模块使用到的组件以及组件的在使用过程当中的注意事项）
  • 查询操做的基本组件
    1. Form 表单的使用
    2. Table 组件的使用
    3. Loading 控制
  • 新增/修改操做的基本组件和经常使用组件
    1. Modal 组件使用
    2. Form 表单深刻
    3. message 组件提示
    4. Switch 控制
    5. Select 选择
    6. Input 输入框
    7. InputNumber 数字输入框
    8. 上传图片
    9. 上传文件/下载文件
  • 删除操做的基本组件
    1. Popconfirm 气泡确认框

开始实践

项目拉取和安装

1. git 拉取项目
2. 安装项目依赖包

建立页面

1. 建立页面
2. 基本业务操做的相关组件渲染

数据交互

数据渲染（了解如何获取数据，并将数据渲染出来？）

1. react 生命周期
2. dva框架的数据流向（深刻理解页面、models、services 三者之间的关系）
   1. 数据流向说明
   2. 高阶函数@connect
   3. dispatch action
3. ant design pro 的使用（在实现数据渲染的代码中会遇到如下知识点）
   1. ES6 解构赋值
   2. async 和 await
   3. yield
   4. call put

数据更新（新增修改删除操做以后，要如何更新数据？）

1. 接口规范（清楚各类类型的接口返回什么样的数据）
2. 新增修改删除的处理

打包发布

打包压缩命令

发布打包的文件

补充说明

1. CMS管理后台框架 (Ant Design Pro v1.0)

• 做者简介：李尧晖，芦苇科技web前端开发工程师，表明做品：飞花亭小程序、续航基因、YY表情红包、YY叠方块直播竞赛小游戏。擅长网站建设、公众号开发、微信小程序开发、小游戏、公众号开发，专一于前端框架、服务端渲染、SEO技术、交互设计、图像绘制、数据分析等研究。

  欢迎和咱们一块儿并肩做战： web@talkmoney.cn 访问 www.talkmoney.cn 了解更多