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. 安装依赖包

   创建页面

3. 创建页面
4. 基本业务操作的相关组件渲染

数据交互

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

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

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

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

打包发布

打包压缩命令

发布打包的文件

补充说明

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

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

欢迎和我们一起并肩作战： web@talkmoney.cn 访问 www.talkmoney.cn 了解更多