Ant Design Pro開發背景管理系統（前言）

Ant Design Ant Design Pro

為什麼選擇Ant Design Pro?(說重點）

1、基于Ant Design ui架構，優雅美觀

2、使用React/dva/antd等前端前沿技術開發

3、響應式布局，适配各種螢幕

4、Mock資料，實用的本地資料調試方案

5、包含常見的背景應用頁面和場景

使用：

指令行運作下列指令，快速啟動開發伺服器

$ git clone [email protected]:ant-design/ant-design-pro.git --depth=1

$ cd ant-design-pro

$ npm install

$ npm start # 打開浏覽器通路 http://localhost:8000

涉及技術點：

1、先以一個demo示範如何新增頁面，簡單的展示背景場景運用antd

    a、包含資料清單展示，分頁，搜尋

    b、表單送出

    c、權限控制

    d、注冊登入（Pro本身提供，注冊登入總結node連接配接MongoDB）

2、總結用數組對象生成搜尋UI（自己封裝的元件）

3、node 封裝接口連接配接MongoDB（ 增、删、改、查）