Ant Design Pro开发后台管理系统(前言)-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

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

简介: Ant Design Ant Design Pro 为什么选择Ant Design Pro?(说重点) 1、基于Ant Design ui框架,优雅美观 2、使用React/dva/antd等前端前沿技术开发 3、响应式布局,适配各种屏幕 4、Mock...

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

img_969329ca0070d2f86680b7047f125430.png

涉及技术点:

1、先以一个demo演示如何新增页面,简单的展示后台场景运用antd

    a、包含数据列表展示,分页,搜索

    b、表单提交

    c、权限控制

    d、注册登录(Pro本身提供,注册登录总结node连接MongoDB)

2、总结用数组对象生成搜索UI(自己封装的组件)

3、node 封装接口连接MongoDB( 增、删、改、查)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章