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 瞭解更多