dva官网介绍：dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。特性看起来就感觉很厉害的亚子，刚好antd pro就是umi配合dva方案实现，就下个v4（有v5版本--重写一些
我以下的方式，其实并把Ant Design 文件打包到生成的安装包里，所以，安装包=Ant Design +Electron环境 ant-design- ----> version ：2.3.1由于网上Ant Design +Electron的资料太少，我就贡献一点经验 最近需要讲AntD 项目（以下简称Adp）打包成桌面安装使用，因为我的项
转载
2024-08-07 20:24:06
117阅读
前言 最近在使用ant design pro的时候，遇到很多问题，也花费了不少时间，为了防止后续遗忘，特意记录一下，也算是帮大家踩坑了。 使用哪个版本 目前最新的是ant design pro v4的版本，但是网上大部分的教程还是v3甚至还要早的,v4和v3相比还是很多地方不一样的，大部分实例已经变
转载
2020-12-08 17:26:00
167阅读
2评论
前言最近在使用ant design pro的时候，遇到很多问题，也花费了不少时间，为了防止后续遗忘，特意记录
原创
2021-07-13 11:40:34
438阅读
Ant Design Pro 是一个基于 umi、dva 和 ant design 的开箱即用的中台前端/设计解决方案。一、umi和dva1.1、什么是umiumi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。然后配以完善的插件体系，覆盖从
转载
2024-03-10 21:37:50
190阅读
1、以数组的形式获取表单中同一行两个input数值，可将Form.Item的字段名写为数组形式,表格提交之后的数据就可以数组形式呈现，方便传递后台取值。<Form.Item
name={['position', 'position_x']}
rules={} />
<Form.Item
name={['position', 'position_y']}
rules
转载
2024-02-19 18:22:47
262阅读
1、.roadhogrc.mock.js roadhog支持mock功能，如需mock 功能，在 .roadhogrc.mock.js 中添加配置即可，在开发环境下启动server时，将开启mock功能；也可以通过配置在开发环境下关闭mock功能。//.roadhogrc.mock.js
// 是否禁用代理
const noProxy = process.env.NO_PROXY === 'tr
Ant Design Pro中路由的使用一. 介绍在 Umi 应用是单页应用，页面地址的跳转都是在浏览器端完成的，不会重新请求服务端获取 html，html只在应用初始化时加载一次。所有页面由不同的组件构成，页面的切换其实就是不同组件的切换，你只需要在配置中把不同的路由路径和对应的组件关联上。1. 路由样例export default [
{
path: '/application',
转载
2024-04-15 14:08:08
147阅读
写在前面 时间真快，转眼又是新的一年。随着前后端技术的不断更新迭代，尤其是前端，在目前前后端分离开发模式这样的一个大环境下，交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react，随着后面钩子的加入更让人爱不释手，但是整个团队需要更新技术，这里选择了更容易上手的Vue（这里的容易上手并没有歧义，指的是更容易适应），也相信Vue3.0发布后
转载
2024-03-20 20:14:07
311阅读
直接上index.tsx可以根据官网修改的可以直接运行 import {Form, Input, InputNumber, Popconfirm, Select, Table} from 'antd'; import React from "react"; const {Option} = Sele
转载
2020-12-03 19:25:00
598阅读
2评论
下面是两种方式：1、动态菜单+固定路由2、动态菜单+动态路由两者都可以实现需要，但都各自有优缺点主要代码：在app.tsx中设置和请求服务器菜单数据注意点： 1、服务器返回的数据尽可能可前端所需要的数据保持一致，且结构一致。 2、下列请求服务器动态菜单数据，可以在初始化数据时保存到用户信息里。
转载
2024-03-18 20:33:32
230阅读
1、开始学习ant-design-pro，安装啥的自动忽略，参考文档：https://pro.ant.design/docs/getting-started-cn根据文档学习，添加页面，新增组件都没问题，可以跟着做，但是到了和服务器交互时就有点蒙了，因为ant-design-pro采用了dva框架实现，前段使用react技术，对于只有后台开发经验的我还停留在springmvc 的工作模式上，对于a
转载
2024-04-29 11:05:26
203阅读
准备正式开发前需要准备一个IDE，如果是用纯记事本的大神请忽略可以选Sublime和VsCode等，找个自己用过的顺手的反正我都没用过，跟随我软的脚本我就选VsCode把在VSCode里添加一个工程，选定上一章克隆下来的工程文件夹目录然后再保存下工程文件开始Ant Design Pro的前端框架是阿里自己弄的UmiJS菜单配置可以看下官方的文档它 的菜单配置在config的router.confi
转载
2024-04-08 19:12:40
156阅读
Ant Design 是一个基于 umi、dva 和 ant design 的开箱即用的中台前端/设计解决方案。一、umi和dva1.1、什么是umiumi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，以及各种进阶的路由功能，并以此进行功能扩展，比如支持路由级的按需加载。然后配以完善的插件体系，覆盖从
转载
2024-08-21 07:18:52
169阅读
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
ant design pro来源于ant design，其是一段自带样式的react组件，用于企业后台的漂亮的，可控的组件。ant design有很多组件和样式，不可能所有都记住，我们只要记住常用的，遇到不常用的，学会查文档就可以了
因为ant design很强大，阿里有些大神就直接将ant design继续向上封装成一个完整的项目，这就是ant design pro，注意ant design p
转载
2024-02-25 13:12:53
198阅读
文档总览 - Ant Design Pro开始使用Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和
转载
2024-06-25 19:04:10
105阅读
在之前的系列文章中，我们讲解了如何快速使用Ant Design Pro解决方案来快速搭建前端框架。而ECharts是前端最流行，功能最强大的前端图表库。下面，我们将会在本文中讲解如何在Ant Design Pro使用ECharts。安装首先，如何在Ant Design Pro解决方案下安装ECharts呢？ Ps：关于Ant Design Pro的基本知识可以访问如下文章进行了解：&n
转载
2024-05-22 19:51:41
213阅读
一、概述在日常开发中，往往是前后端分离的，这个时候约定好一套接口标准，前后端各自独立开发，就不会被对方的技术难点给阻塞住，从而保证项目进度。在 Ant Design Pro 中我们已经有了一套比较完善的 mock 功能，而 roadhog-api-doc 工具，则能够从项目的 mock 数据中读取接口信息生成对应的文档，这样就能够更加清晰明了的展现项目的接口情况。效果如下：Pr
转载
2024-05-12 18:37:51
72阅读
Ant Design Pro 浅析脚手架下载Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互 脚手架下载软件环境：NodeJS，Git 下载步骤：1、clone代码。其中ant_design 为文件夹名$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git ant_design
$
转载
2024-04-29 23:02:18
112阅读
