Ant Design Pro开发后台管理系统(前言)
2018-09-07 本文已影响533人
石菖蒲_xl
为什么选择Ant Design Pro?(说重点)
1、基于Ant Design ui框架,优雅美观
2、使用React/dva/antd等前端前沿技术开发
3、响应式布局,适配各种屏幕
4、Mock数据,实用的本地数据调试方案
5、包含常见的后台应用页面和场景
使用:
命令行运行下列命令,快速启动开发服务器
$ git clone git@github.com: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( 增、删、改、查)