技术码头

Ant Design Pro开发后台管理系统(前言)

2018-09-07  本文已影响533人  石菖蒲_xl

Ant Design

Ant Design Pro

为什么选择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( 增、删、改、查)

上一篇下一篇

猜你喜欢

热点阅读