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（ 增、删、改、查）