程序员经验分享-hwhale

Ant Design pro入门

2023-11-13

前言

读此文章需要优先掌握知识
1、React
2、ts
3、Ant Design

一、了解Ant Design pro

Ant Design pro是基于ant design开箱即用的，企业级中后台前端/设计解决方案
效果：
在这里插入图片描述
源码地址：https://github.com/ant-design/ant-design-pro
特性：

优雅美观：基于ant design体系精心设计
常见设计模式：提炼中后台应用的典型页面和场景
最新技术栈：使用React/umi/dva/antd等前端前沿技术开发
响应式：针对不同屏幕大小设计
主题：可配置的主题满足多样化的品牌诉求
国际化：内建业界通用的国际化方案
最佳实践：良好的工程实践助您持续产出高质量代码
mock数据：实用的本地数据调试方案
ui测试：自动化测试保障前端产品质量

二、使用步骤

参考文档 https://pro.ant.design/zh-CN/docs/getting-started

初始化
我们提供了 pro-cli 来快速的初始化脚手架。

# 使用 npm
npm i @ant-design/pro-cli -g
pro create myapp
选择 umi 的版本

?使用 umi@4 还是 umi@3 ? (Use arrow keys)
❯ umi@4
  umi@3
如果选择了 umi@4 版本，暂时还不支持全量区块。

如果选择了 umi@3，还可以选择 pro 的模板，pro 是基础模板，只提供了框架运行的基本内容，complete 包含所有区块，不太适合当基础模板来进行二次开发

?
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端

Ant Design pro入门 的相关文章

  • 【IEEE】2022年第四届欧亚计算机科学与信息技术国际会议（FCSIT 2022）

    2022年第四届欧亚计算机科学与信息技术国际会议 FCSIT 2022 重要信息 会议网址 www ecfcsit org 会议时间 2022年12月16 18日 召开地点 中国北京 出版社 IEEE CPS 截稿时间 2022年10月31

  • mqtt.js

    什么是MQTT协议 MQTT Message Queuing Telemetry Transport 消息队列遥测传输协议 是一种基于发布 订阅 publish subscribe 模式的 轻量级 通讯协议 该协议构建于TCP IP协议上

  • [Hadoop] start-dfs.sh ssh报错

    Permission denied publickey 决解方案 相关命令 cd ssh ssh keygen t rsa p cat id rsa pub gt gt authorized keys chmod 0600 authoriz

  • yml基本语法

    1 基本语法 格式要求 k 空格 v 表示一对键值对 空格必须有 以空格的缩进来控制层级关系 只要是左对齐的一列数据 都是同一个层级的 server port 8081 path hello 1 2 3 属性和值也是大小写敏感 2 值的写法

  • R语言绘制PCA双标图、碎石图、变量载荷图和变量贡献图

    1 原论文数据双标图 代码 setwd D Desktop 0000 R 更改路径 导入数据 df lt read table Input data csv header T sep 所需的包 packages lt c ggplot2 t

随机推荐

  • java entityframework,entity-framework – 实体框架核心DbContext和依赖注入

    您可以通过构造函数注入将dbcontext从数据访问层添加到类中来解决此问题 public class Startup public void ConfigureServices IServiceCollection services se

  • Flex布局--骰子布局

    Flex布局 骰子布局 1点骰子 html css box1 width 100px height 100px border 1px solid pink margin right 3px background color ffffff d

  • 2.4g 无线通讯至服务器,WiFi、2.4G、433M、GPRS无线通讯方式的区别

    原标题 WiFi 2 4G 433M GPRS无线通讯方式的区别 WiFi 2 4G 433M GPRS是目前深圳信立重点推荐的且比较常用的无线通讯方式 被大量应用于供排水管网 热力管网 农业大棚 养殖场 馆藏仓库 储罐 实验室 工厂车间

  • 判断字符串非空if(str!=null && str!=""){}

    熟手判断字符串非空一般都会做两次判断 if str null str 或者 if str null str length 0 或者 if str null str equals 为什么要这么麻烦呢 相信大家都遇到过空指针报错的情况 java

  • python异常模块raise的概念以及基本用法

    当程序出现错误 python会自动引发异常 也可以通过raise显示地引发异常 一旦执行了raise语句 raise后面的语句将不能执行 raise 用raise语句来引发一个异常 异常 错误对象必须有一个名字 且它们应是Error或Exc

  • 多视图综述以及图像检索

    1 1 算法分类 1 1 1 协同训练 该方法旨在最大限度地扩展所有观点的相互协议 并达成最广泛的共识 协同训练算法一般过程如图1所示 根据该过程对算法进行交替训练 利用先验信息或相互学习知识 使两种不同视图的一致性最大化 Co train

  • 秦九韶算法详解

    秦九韶算法 秦九韶算法是将一元n次多项式的求值问题转化为n个一次式的算法 比普通计算方式提高了一个数量级 普通算式 a x i 因为多次求幂 消耗了大量的计算时间 我们来分析一下秦九韶算法 例如 求 1 x 2x 2 3x 3 当x 2时的

  • MongoDB 数据库(一)：MongoDB的介绍与安装

    目录 一 MongoDB数据库的介绍与安装 1 1 NoSQL数据库简介 1 2 MongoDB 简介 1 2 1 再议业务应用场景 1 2 2 为什么要使用 MongoDB 1 2 3 适用场景 二 安装和使用MongoDB客户端 2 1

  • C++新特性34_递归互斥量recursive_mutex与超时互斥量timed_mutex的使用（递归互斥量解决同一线程重复使用互斥量的需求；超时互斥量设置等待超时机制；解决互斥量阻塞问题）

    接上篇C 新特性33 死锁产生的原因及避免 线程在等待一个永远都不能成功的条件成立 从而进入到陷入休眠 永远不能被唤醒的状态 通过调整锁的使用顺序解决死锁问题 本篇将会学习互斥体的相关知识 C 新特性34 递归互斥量recursive mu

  • 测试开发面试题总结

    测试开发面试题 1 通过列表推导式完成下面数据类型转换 将 a 11 b 2 11 22 33 44 转换为以下格式 li1 a 11 b 2 11 22 33 44 2 Names python java php c c django u

  • 光控照明灯自动开关

    该光控照明灯自动开关电路采用继电器控制方式 可用来控制普通灯泡 日光灯 节能灯等多种照明灯具 可广泛用于车站 码头 机场等夜间需要连续照明的场所 电路结构与特点 如图所示光控照明灯自动开关电路 不仅具有结构简单 稳定可靠和安装方便等优点 而

  • LSTM这一篇就够了

    转自AI大本营https blog csdn net dQCFKyQDXYm3F8rB0 article details 82922386 短时记忆 NN 会受到短时记忆的影响 如果一条序列足够长 那它们将很难将信息从较早的时间步传送到后面

  • （2）Qt中的字符串类型

    字节数组 QByteArray 在Qt中QByteArray可以看做是C语言中 char 的升级版本 我们在使用这种类型的时候可通过这个类的构造函数申请一块动态内存 用于存储我们需要处理的字符串数据 1 构造函数 构造空对象 QByteAr

  • 记录一次合并单元格表格渲染错位问题。

    renderData this mergeSpanArr 系统名称合并的数组 this mergeSpanArrIndex 0 this zuhuSpanArr 租户合并列表 this zuhuSpanArrIndex 0 租户合并索引 l

  • 电脑怎么开启vt_华擎开启VT的方法

    第一步 重启电脑 屏幕亮起后不断按下 F2 键 进入BIOS页面 开机速度太快无法进入BIOS怎么办 第二步 在菜单中找到VT选项并开启 不同型号的主板 BIOS界面不相同 VT的叫法也不相同 1 进入BIOS页面后 找到 Advanced

  • 驾驭AI绘画：《AI魔法绘画》带你秒变顶级画手！

    同学们 抖音买家秀中的那些极具设计感的作品是怎么来的 你还在羡慕别人的绘画天赋 对着空白的画纸发呆吗 有没有想过将生硬的代码和灵动的艺术完美融合 有没有感到现代技术带来了戏剧性改变 从替代马车的汽车 到取代传统影像的数字摄影 再到今天的AI

  • Spring Expression Language(SpEL)实现ABAC鉴权模型, 动态计算实体的属性、操作类型、相关的环境来控制是否有对操作对象的权限

    author changjin wei 魏昌进 since 2022 11 26 ABAC授权模型 常用的授权模型 ABAC的访问控制 表达式语言 SpEL性能 ABAC实践 数据库设计 java程序 crud代码 security上下文

  • 使用jackson实现对象json相互转换（spring boot）

    之前的json转对象 对象转json 总是比较繁琐 不够简洁 自从接触到jackson之后 发现原来对象和json转换可以这么简单 拿一个天气预报的小例子来说明一下 如下图 若是有小误 还望指正 不说 直接上码 首先 在pom xml里弄好

  • 图像分辨率测试ISO12233 - 2017中文翻译

    译者序 目前的摄像头分辨率的测试 大多遵循ISO 12233标准 最近下载一份英文版的文档 和大家一起分享 仅供学习使用 目录 ISO 12233 Third Edition 2017 01 Foreword 前言 Introduction

  • Ant Design pro入门

    Ant Design pro入门 前言 一 了解Ant Design pro 二 使用步骤 1 快速入门 2 ant pro菜单 路由 前言 读此文章需要优先掌握知识 1 React 2 ts 3 Ant Design 一 了解Ant De

热门标签

Powered by Hwhale