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( 增、删、改、查)

相关文章
|
设计模式 缓存 前端开发
一款清新优雅的中后台模板,内置丰富可配置的主题(强烈推荐)
Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。
|
应用服务中间件 Apache
Apache Zookeeper 下载和安装
Apache ZooKeeper 是一个开发和维护开源服务器的项目,它支持高度可靠的分布式协调。 下载地址 北京理工大学 开源软件镜像服务 https://mirror.bit.edu.cn/web/ 清华大学开源软件镜像站 | Tsinghua Open Source Mirror https://mirrors.tuna.tsinghua.edu.cn/ 北京外国语大学开源软件镜像站 | BFSU Open Source Mirror https://mirrors.bfsu.edu.cn/ zookeeper-3.4.14 下载地址 https://mirrors.bfsu.edu.cn
1942 0
Apache Zookeeper 下载和安装
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
842 1
|
12月前
|
自然语言处理 安全 JavaScript
HarmonyOsNEXT【ArkUI超全解析】新手必看的方舟UI框架指南!
本文是HarmonyOS NEXT方舟UI框架新手指南,涵盖ArkTS开发核心知识点。从UI与组件基础概念到声明式开发优势,再到ArkTS代码实战,包括组件创建、属性设置、事件绑定等。通过实例解析自定义组件开发流程,提供避坑技巧与代码风格建议,助你快速掌握ArkUI框架精髓,轻松构建高效、美观的HarmonyOS应用界面。适合初学者及希望转型声明式开发的开发者学习参考。
|
11月前
|
缓存 监控 网络协议
Cloudflare子域名设置指南
本文详细介绍了在Cloudflare代理下设置子域名的全流程,将其比喻为守护网站帝国行省的坚固城墙。从子域名的基本概念到具体配置步骤,包括DNS记录设置、SSL证书管理、网站源服务器配置、Cloudflare SSL/TLS调整及缓存清理,共分为五个步骤。同时强调了定期检查与监控告警的重要性,确保子域名的安全与稳定。通过学习,读者可轻松掌握子域名设置技巧,让数字领地更加繁荣昌盛。
3704 0
|
资源调度 JavaScript 前端开发
window系统如何管理多版本node
window系统如何管理多版本node
550 0
|
应用服务中间件 Shell Linux
使用logrotate定期切割nginx日志
使用logrotate定期切割nginx日志
1099 0
|
缓存 JavaScript 内存技术
nvm安装与使用详解(Window11)
nvm安装与使用详解(Window11)
1320 0
|
小程序 JavaScript 索引
【微信小程序】-- WXML 模板语法 - 列表渲染 -- wx:for & wx:key(十二)
【微信小程序】-- WXML 模板语法 - 列表渲染 -- wx:for & wx:key(十二)