最近用 antd pro 开发了一些 web 小工具。antd pro 不仅仅是升级版的 antd 组件，更重要的是提供了全套的前端解决方案，包括前端工程的编译打包，路由配置，数据管理，样式和资源的引用，和后端的交互方式。
甚至对于网站的国际化也有支持。本篇是近期使用antd pro 时，用到的一些功能的整理，整理这些内容是因为比较常用，省得每次在 antd pro 的官方文档中去搜索。菜单部分a
转载
2024-04-24 20:06:31
422阅读
概要路由配置是单页应用的核心之一, antd pro 将所有的路由配置集中在一个文件中, 可以更好的对应用的全局进行管理.同时, 它的路由还和菜单和面包屑自动关联上了, 真的是给开发节省了大量的时间.antd pro 路由简介首先创建一个 antd pro 的项目, 创建方法很简单, 参见 antd pro 的文档antd pro 的路由配置文件在项目根目录下的 config 文件夹中: /con
转载
2020-04-17 16:47:00
692阅读
2评论
Wowoy： 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同事习得的rem布局方法，它可以自适应不同屏幕尺寸的设备，简单好用。这里我们要用到两种单位:1.vw: viewport width，相对于视口的宽度；1vw为视口宽度的1%，100vw为设备的宽度；2.rem: 相对于
转载
2024-06-12 20:53:13
64阅读
安装失败fatal: destination path 'D:\react\antdpro' already exists and is not an empty directory.提示文件夹不为空问题原因：因为虽然我们创建的目录是空的，但系统会自动创建一个.yoXXXX开文件夹，导致安装失败，这应该是个bug. 解决办法：在第三个选择时 simple/complete，此时需回到目录下，删除目
原创
2021-04-21 10:32:52
559阅读
# 使用 Ant Design Pro 和 JavaScript 的入门指南
Ant Design Pro 是一个用于快速构建企业级应用的前端框架，可以提升开发效率。本篇文章将教你如何在 JavaScript 中使用 Ant Design Pro，我们将通过一个直观的流程图和状态图来帮助你理解。
## 整体流程
| 步骤 | 描述
原创
2024-09-18 06:47:47
183阅读
# 深入理解 antd pro JavaScript 版本
在前端开发中，我们经常会使用各种框架和库来提高开发效率和用户体验。其中，Ant Design 是一个非常流行的 UI 框架，而 Ant Design Pro 则是 Ant Design 的一个开箱即用的企业级中后台前端/设计解决方案。本文将围绕 Ant Design Pro 的 JavaScript 版本展开讨论，介绍其基本用法和特点。
原创
2024-03-27 07:21:59
422阅读
理解request，import { request } from ‘umi’;//app.ts配置
export const request: RequestConfig = {
//错误出理器
errorHandler: errorHandler,
//请求拦截器，根据需要决定是否需要
requestInterceptors: [authHeaderInterceptor],
转载
2024-07-20 16:42:34
683阅读
在 React 领域里，一直缺少一套靠谱、好用的移动端组件，蚂蚁的 antd mobile v2 年久失修，几乎无人维护，跟 antd 相差甚远，在设计上，也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是，就在前两天，在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0（白杨）的 Roadmap[3]。在 8 月 26 号晚上也已
本篇文章是最近在公司里做项目的时候，尝试配置路由的过程。由于头尾，和路由主体，包括控制器组长都已配置好，我这里只是单纯的写一些配置单个副页面的过程。大家肯定会有看不懂的地方，后续会陆续更新完整的配置全套路由的方法。如果想看完整的配套路由方法，抱歉，让你们失望了，我也是个程序媛小白一枚~~~。 好，现在切入正题：我工作的步骤如下： 一.分别在css，js，tpls文件夹里面比照同事建立文件夹
需求：在新增&编辑表单中，共分三个表单模块，第二个模块设计为一个可编辑表格组件，其中可选下拉列表依赖外层第一个模块的某条数据值，提供新增、编辑、删除、按规定条件去重等功能，并在第三个模块中自动计算列表数值总和 实现：1.表单初始化接口的返回约定为三个数组，按模块对应：const [dataSource, setDataSource] = useState<{
转载
2024-04-22 23:49:56
233阅读
1.v-decorator和v-model区别v-decorator在我看来更加适合于有验证的操作，比如不为空，唯一值，只能是数字等等。而v-model更加适合用来定义一些组件返回的接收参数，更好处理和获取，以及一些默认隐藏或者不显示但保存或修改需要用到的参数。2.v-decorator的用法部分测试代码......
<a-form-item label="name" :labelCol="
转载
2024-01-12 09:53:12
225阅读
1.前言最近学习reactjs ，前些年用RN开发过移动端，入门还算轻松。现在打算使用 Antd Pro 实现前后端分离。要使用Antd Pro这个脚手架，必须熟悉 umi、dva、redux-saga 等相关知识。基础知识及目录结构可以先看官方文档 ： https://pro.ant.design/docs/getting-started-cn官方介绍：Ant Design Pro 是
转载
2024-07-01 20:20:01
95阅读
antd.pro最近更新额V5版本，于是使用了最新的版本。V5版本抛弃了dva的数据流配置方式(狗头：原因就是配置太繁琐了，你要为每个module配置module文件，并且使用generator的方式作异步请求，然后在请求service.......，)，对于刚入手antd.pro的童鞋来说十分的不友好，我在接触V4版本的时候，花了两天的时间才完全打通了所有的环节。V5就相对来说简单的多了，好处的
概要前端上传文件的例子很多, 但是下载相关的例子不多, 主要是因为下载本身比较简单.但是这次做了个文件导出功能, 接收文件流的时候弄了很长时间也没有成功, 就因为请求中缺了个配置…示例后端后端比较简单, 不管有多少需要计算的业务, 最终只是返回文件流.下面的示例是通过 golang gin 框架实现的. 1 package main
2
3 import (
4 "strconv
转载
2021-05-22 22:42:51
681阅读
2评论
前端初学者的Ant Design Pro V6总结（上）前端初学者的Ant Design Pro V6总结（下） 文章目录@umi 请求相关一个能用的请求配置Service层 TS 类型规范Service层 函数定义@umi 请求代理 Proxy@umi/max 简易数据流useModel 没有类型提示？useModel 书写规范ProForm 复杂表单当外部数据发生变化，ProForm不更新？P
通过Blazor使用C#开发SPA单页面应用程序(1)通过Blazor使用C#开发SPA单页面应用程序(2)通过Blazor使用C#开发SPA单页面应用程序(3) 前面学习了Blazor的特点、环境搭建及基础知识，现在我们尝试的做个实际的组件。 Ant Design是蚂蚁金服是基于Ant Design设计体系的 UI 组件库，主要用于研发企业级中后台产品。目前官方
偶尔翻到antd_design_pro 发现管理端做的还是可以的，虽然是后端的程序员，但是也要了解一下前端的一些知识，那么首选我们看看如何
原创
2022-07-07 17:54:20
352阅读
Ant Design Pro中路由的使用一. 介绍在 Umi 应用是单页应用，页面地址的跳转都是在浏览器端完成的，不会重新请求服务端获取 html，html只在应用初始化时加载一次。所有页面由不同的组件构成，页面的切换其实就是不同组件的切换，你只需要在配置中把不同的路由路径和对应的组件关联上。1. 路由样例export default [
{
path: '/application',
转载
2024-04-15 14:08:08
147阅读
相信有很多小伙伴发现antd-mobile中的下拉刷新组件，也发现例子挺难的，其实这个组件并没有那么复杂，只是demo例子不好理解，给大家提供一个简单的demo，或许可以帮到你上拉刷新下拉加载- 因为它用react-dom做操作了，所以把react-dom也导进来
- rowID是每次的ID，rowData是每次的数据
- renderSseprator就是个分隔符
- this.state.da
转载
2024-06-23 13:50:49
152阅读
概述如果用 react 开发前端, 建议基于 antd pro 来开发, antd pro 是 antd 的增强版, antd 是组件库, antd pro 则是前端框架, 基于 antd pro, 创建工程时不用再考虑:路由的设置, 以及和菜单的联动面包屑和路由的联动发布打包的方法工程 lint后端 API 访问方式页面状态的管理… …总之, 对于管理类型的应用, 基于 antd pro, 可以
转载
2020-04-16 17:31:00
716阅读
2评论
