概述如果用 react 开发前端, 建议基于 antd pro 来开发, antd pro 是 antd 的增强版, antd 是组件库, antd pro 则是前端框架, 基于 antd pro, 创建工程时不用再考虑:路由的设置, 以及和菜单的联动面包屑和路由的联动发布打包的方法工程 lint后端 API 访问方式页面状态的管理… …总之, 对于管理类型的应用, 基于 antd pro, 可以
转载
2020-04-16 17:31:00
716阅读
2评论
概述项目中经常会遇到在表格中展示图片的需求(比如展示用户信息时, 有一列是用户的头像).antd pro table 的功能很强大, 对于常规的信息展示只需参照示例配置 column 就可以了. 但是对于文件(比如图片) 在表格中的展示, 介绍并不多.下面通过示例来演示 antd pro table 中图片的上传和展示.示例代码前端主要包含如下 2 部分:列表页面: 通过 antd pro tab
转载
2020-09-10 18:03:00
951阅读
2评论
最近用 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评论
前言：以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址：https://github.com/66Web/react-antd-manager，欢迎star。 一、基础表格Table组件基础Apibordered属性：是否展示外边框和列边框columns属性：表格列的配置描述（即表头）dataSource属性：数据数组pagination属性：分
转载
2024-02-05 04:44:30
63阅读
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阅读
Ⅰ- 壹 - 功能展示和使用需求需求描述基于antd 实现表格要实现多个多选互不影响包含 全选 半选 。（可自由拓展）功能展示可以禁止选择某一个Ⅱ - 贰 - 封装代码import { Checkbox, Table } from 'antd';
import React, { useEffect, useState } from 'react';
const MultipleMultipleT
转载
2024-04-09 12:42:56
298阅读
在 React 领域里，一直缺少一套靠谱、好用的移动端组件，蚂蚁的 antd mobile v2 年久失修，几乎无人维护，跟 antd 相差甚远，在设计上，也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是，就在前两天，在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0（白杨）的 Roadmap[3]。在 8 月 26 号晚上也已
shit AntD Table Warning
转载
2021-04-13 14:51:00
1433阅读
3评论
antd & nested table
转载
2019-09-23 13:48:00
698阅读
效果图： <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor
原创
2022-09-20 12:02:32
887阅读
antd的表格中勾选状态的控制 的基本逻辑是通过表格属性的rowSelection的selectedRowKeys来实现的。它是一个数组。记录了所有勾选项的字段（常见的比如id）const rowSelection = {
selectedRowKeys,
onSelect: (record, selected, selectedRow) => {
},
ant design vue pro 使用原生cesium，详细配置教程 使用版本1.antd vue 版本为1.7.8,2.cli版本为4.0.43.cesium 1.89.0 及以上版本1.安装所需组件(1).cesium (yarn add cesium)(2).copy-webpack-plugin (yarn add copy-webpack-plugin@6.4.1)可以考虑
转载
2024-04-16 10:40:30
332阅读
本篇文章是最近在公司里做项目的时候，尝试配置路由的过程。由于头尾，和路由主体，包括控制器组长都已配置好，我这里只是单纯的写一些配置单个副页面的过程。大家肯定会有看不懂的地方，后续会陆续更新完整的配置全套路由的方法。如果想看完整的配套路由方法，抱歉，让你们失望了，我也是个程序媛小白一枚~~~。 好，现在切入正题：我工作的步骤如下： 一.分别在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阅读
