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

简介: Ant DesignAnt 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( 增、删、改、查)

相关文章
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
848 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的计算机office课程平台的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的计算机office课程平台的详细设计和实现(源码+lw+部署文档+讲解等)
|
6月前
|
人工智能 小程序 前端开发
Ant Design Mini 支持微信小程序啦!
Ant Design Mini 支持微信小程序啦!
533 0
Ant Design Mini 支持微信小程序啦!
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
873 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
开发工具 git
基于Ant Design Pro搭建博客管理后台 第一节
基于Ant Design Pro搭建博客管理后台 第一节
109 0
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
91 0
|
设计模式 资源调度 JavaScript
Ant Design Pro安装及简单搭建
Ant Design Pro安装及简单搭建
558 1
|
JavaScript 前端开发
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
232 0
【Vue 开发实战】实战篇 # 26:Ant Design Pro介绍
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
697 0
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
|
自然语言处理 前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(二)新增一个页面与如何添加国际化
【Ant Design Pro】使用ant design pro做为你的开发模板(二)新增一个页面与如何添加国际化
863 0
【Ant Design Pro】使用ant design pro做为你的开发模板(二)新增一个页面与如何添加国际化
下一篇
DataWorks