ant专题
Axure元件库Ant Design中后台原型模板：提升设计与开发效率的利器
企业对于中后台产品的设计与开发需求日益增长。为了提升用户体验和开发效率，设计者和开发者们不断寻求更加高效、统一的解决方案。Ant Design，作为阿里巴巴开源的一套企业级UI设计语言和React组件库，凭借其丰富的组件和统一的设计风格，已成为众多项目的首选。而在Axure中使用Ant Design元件库，更是为中后台产品的原型设计带来了极大的便利。 Ant Design简介 Ant D
ant-design-pro 学习01
1、开始学习ant-design-pro，安装啥的自动忽略，参考文档：https://pro.ant.design/docs/getting-started-cn 根据文档学习，添加页面，新增组件都没问题，可以跟着做，但是到了和服务器交互时就有点蒙了，因为ant-design-pro采用了dva框架实现，前段使用react技术，对于只有后台开发经验的我还停留在springmvc 的工作模式上，对
ant design pro 新增页面
1.在 src/routes/ 下面创建一个页面 // 填写如下内容/** NewPage.js内容 */import React, { Component } from 'react';export default class NewPage extends Component {render() {return (<div>这是新页面</div>)}}/** NewPage.le
ant mobile design组件库的PickerView组件不能滑动
问题 PickerView组件在开发环境可滑动，在测试环境不可滑动 正常开发环境是这样正常显示，并且可滑动的 发到测试环境后，变成了这样，并且只有中间那列可滑动，两边的都不能滑动，而且还会报警告 封装的组件代码如下 // 日期选择组件const CustomDatePickerView: FC<any> = ({customizeTab,setCustomizeTime,cus
vue3+ant design vue实现表格导出（后端返回文件流类型导出）
1、之前的博客介绍了，依据页面展示的table表格数据为基础展示表格导出，今天介绍下后端返回文件流来实现表格导出。 <a-button class="btn" type="primary" @click="exportData1">导出</a-button>import {ExportTheEmployeesTab } from '@/api/import';// 导出import { dow
ant design vue+vue3+ts+xlsx实现表格导出问excel文件（带自定义表头）~
1、首先默认你已安装ant design vue、xlsx 库、及file-saver。 2、导入： import * as XLSX from 'xlsx';import { saveAs } from 'file-saver'; 注：这里的xlsx导入不能这么写，否则会报错，原因是版本不一致，语法向上兼容。 import XLSX from 'xlsx'; 3、完整代码。 <
ant-design-vue：a-table表格中插入自定义按钮
本文将介绍如何使用ant-design-vue在a-table表格中加入自定义按钮和图标的代码。 结果如下图所示， 一、简单示例 <template><a-table:columns="columns":data-source="data":row-selection="rowSelection":ellipsis="true"class="custom-table"><template
SpringMVC_003_Ant风格
Ant风格，为请求路径的一种匹配方式 通配符说明？匹配任意一个字符*匹配任意字符（包括0个）**匹配任意层路径（包括0个） ?匹配： package com.ack.handler;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.Reques
Ant-Design-Vue 快速上手指南 + 排坑指南
Ant-Design-Vue 是一个基于 Vue.js 的企业级 UI 组件库，源于 Ant Design 体系，提供了一套高质量的 React UI 组件的 Vue 实现。本指南将详细介绍如何在 Vue 项目中快速上手使用 Ant-Design-Vue，并结合实际项目经验，分享一些常见的坑和解决方案。 一、安装 Ant-Design-Vue 在 Vue 3 项目中，安装 Ant-Design
基于Ant Design的Table组件封装
可以帮助在项目中更方便地复用和管理表格。下面提供jsx和tsx两种类型的： 1、首先，在你的src/components目录下创建CustomTable.jsx文件，用于封装Table组件。 import React, { useState, useEffect } from 'react';import { Table, Spin } from 'antd';impor
Ant Design Vue中Modal.confirm无法自动关闭
温馨tips:着急看解决方法可跳过碎碎念~ 前两天经理扔给我一个问题：“这个弹窗怎么关不上了？” 我怀着无所谓的心态：小意思啦，5分钟之内解决完~ …当然flag是不能随便乱立的 拉下来项目（原神启动（不是）），启动起来项目发现：诶？复现了！ 查看代码：诶？！没问题！！！ 看了看线上环境：诶？可以？？？！！ 一时间感觉天都塌了… 随即各种找原因 1.版本问题？ package.json
Ant Design Vue修改表格样式
原效果： 修改背景色和字体，包括表头和表体，要分开设置： :deep .ant-table-thead>tr>th {background: rgba(255, 255, 255, 0);//去掉表头背景color: rgb(100, 181, 220);font-weight: bold;border: none;//去掉表头边框}:deep .ant-table {color: ali
在 umijs （Ant Design）项目中使用 Monaco Editor 的配置 高亮配置
在 umijs 项目中使用 Monaco Editor 的配置 安装相关包yarn add monaco-editor、yarn add monaco-editor-webpack-plugin、yarn add react-monaco-editor添加 chainWebpack 配置 import MonacoWebpackPlugin from 'monaco-editor-webpack
Ant-Design-Vue快速入门+排坑全攻略：打造炫酷Vue应用的s实用指南！
Ant-Design-Vue 是一个基于 Vue.js 的高质量 UI 组件库，适用于企业级后台产品的快速开发。下面将提供一份快速上手指南，并分享一些常见的“坑”和解决方案。 一、Ant-Design-Vue 快速上手指南 1. 安装与引入 确保安装了 Node.js（推荐使用最新的稳定版）。 使用 npm 或 yarn 安装 Ant-Design-Vue。 # 使用 npm npm
Web前端环境搭建篇之--Ant的安装
Ant是一个Apache基金会下的跨平台的构件工具，在实际开发项目中经常会用到，可以实现项目的自动构建和部署等功能，在本文中，主要熟悉怎样将Ant安装成功。 1.点击进入ant官网找到安装文件 2.安装完成后来配置环境变量： 配置环境变量.(如果不清楚环境变量配置的话，可以查找相关资料，这里不做具体介绍。) window中设置ant环境变
手把手教你用vite+React18+TS+redux+prettier+eslint+Ant打造企业级前端项目
通过这篇文章你可以学到 如何使用使用 webpack 搭建项目如何在 webpack中集成 typescript如何在 webpack 中集成 React Router 和 Redux如何使用 React 的组件库 Ant Design如何在项目中集成 eslint 和 prettier 保证代码质量如何为团队开发专属的项目模板 环境依赖版本 node：v18.13.0npm -vvite：
Ant-Design-Vue快速上手指南 + 排坑
1. 简介 Ant Design 是由阿里巴巴团队推出的一款企业级 UI 设计语言，广泛用于 Web 应用的开发。它基于 React 开发，但随着 Vue.js 的流行，社区推出了与之对应的 Vue 版本 —— Ant-Design-Vue。这个组件库提供了丰富的 UI 组件，帮助开发者快速搭建高质量的用户界面。 这篇文章旨在帮助那些想要快速上手 Ant-Design-Vue 的开发者，尤其是
Ant-design-vue快速上手指南
Ant-design-vue 是一个基于 Vue.js 的企业级 UI 设计语言和组件库，它提供了丰富的组件来帮助开发者快速构建高质量的 Vue 应用。以下是 Ant-design-vue 的快速上手指南： 一、环境准备 安装 Node.js 和 npm： Node.js：推荐使用 16.x 及以上版本。npm：随 Node.js 一同安装，用于管理项目中的依赖。安装 Vue CLI： 如果你
【图文并茂】ant design pro 如何用 Switch 来实现一个动态优雅切换的功能
如上图所示 我们经常要设置一些记录是否启用 类似这样的功能 虽然我们可以类似这样来处理 但是在列表页处理的话，可以体验更好，更直接一些 {title: intl.formatMessage({ id: 'isEnable' }),dataIndex: 'isEnable',width: 150,hideInSearch: true,render: (_, record:
Ant build.xml 批量打渠道包 加混淆功能
原帖：http://blog.csdn.net/tenggangren/article/details/10048645 配置： eclipse3.9 + ADT22 + sdk 4.0 eclipse带自动混淆的，不过只有在我们手动创建包的时候，才去打签名，去混淆！ 开启混淆这样做吧！ 必备文件3个： 当然进行ant打包前提是配好ant和响应的环境
android Ant 批量多渠道打包
原帖：http://www.eoeandroid.com/forum.php?mod=viewthread&tid=323111&highlight=ant 参考贴：http://blog.csdn.net/tenggangren/article/details/8051937 http://www.cnblogs.com/qianxudetianxia/a
【图文并茂】ant design pro 如何优雅奇妙地调用个人头像和用户名
如上图所示，如果拿到远程的头像和用户名信息呢。 首先肯定是要登录，然后去访问个人信息接口。 我们之前有提到 * 【图文并茂】ant design pro 如何对接后端个人信息接口 这个是基础 接下来我们只要去调到想要的信息就好。 首先是有头像信息的，也有用户名。 用户名 src/components/RightContent/AvatarDropdown.tsx import
React+Redux+Ant Design+TypeScript 电子商务实战-客户端应用 05 购物车和订单
将产品添加到购物车 定义方法 // src\helpers\cart.tsimport { Product } from '../store/models/product'export interface CartItem extends Product {count: number}// 将产品添加到购物车export const addItem = (item: Product, n
React+Redux+Ant Design+TypeScript 电子商务实战-客户端应用 04 首页产品展示、搜索、筛选和产品详情
构建首页布局 搜索布局 // src\components\core\Search.tsximport { Button, Col, Divider, Form, Input, Row, Select } from 'antd'import ProductItem from './ProductItem'const Search = () => {return (<><Formlayout
React+Redux+Ant Design+TypeScript 电子商务实战-客户端应用 03 分类、产品
创建添加分类组件 创建组件文件 // src\components\admin\AddCategory.tsximport { Button, Form, Input } from 'antd'import { Link } from 'react-router-dom'import Layout from '../core/Layout'const AddCategory = () =