Ant Design pro删除模块笔记（二）

最新推荐文章于 2024-08-22 16:54:59 发布
最新推荐文章于 2024-08-22 16:54:59 发布
阅读量2.7k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36538012/article/details/103401064
版权

前面说到如何使用Ant Design Pro，并且添加自己需要的模块，但是如果添加了一个自己不太需要的模块，要怎么去删除？以下空白页面现在已经不需要了，删除步骤很简单。

5640239-603d2b4679d24cac.png

1：找到空白页面对应的页面代码emptypage


5640239-7774ede4f8185c9b.png

在资源管理器中显示，并且删除


5640239-62d3a25f2c99cafa.png

2：全局搜索emptypage


5640239-449b8699b29005d8.png

删掉在配置文件config里面自动生成的代码


5640239-918d1d2611a6e5eb.png

3：重新启动项目


5640239-b1b1d1ad7fc95e1c.png

这个时候不需要的页面模块已经被删除了


5640239-3f9b97f731e3abf8.png
祈澈菇凉
关注
Ant Design Pro 登录流程以及路由权限设置
a_靖的博客
11-29 1万+
登录流程： 1.ant 框架最外层套了SecurityLayout 布局 SecurityLayout 中判断用户是否登录，做自动跳转路由处理。 里面的currentUser 和currentUser.userid 很关键，是判断登录状态的值. 2.currentUser 是通过src/models/user 中fetchCurrent 绑定type saveCurren...
关闭移除antdpro全球化翻译
YaWen的博客
04-21 2084
antdpro的框架不是很简洁，里面的很多功能其实在实际开发中用不到，尤其是全球化功能，一般项目里不会遇到有多种语言的情况，但是如果要移除的话工作量又挺大的，所以找到了个直接在defaultSettings.js里设置的方法 在defaultSettings.js里加上"menu": “disableLocal” module.exports = { "menu": "disableLocal...
Ant Design Pro 4.x学习笔记（四）正式开发前清理示例
C_SF_C
09-04 261
Ant Design Pro 4.x学习笔记（四）正式开发前清理示例 对于学习可以保留示例文件已做参考。看过上篇内容，应该明白ant Design Pro 开发思路就是区块。在开发前，我们应当清除示例，保留基本功能。 这个项目后端采用djangoREST,所以这里不保留mock数据，直接调用后端。具体后端代码会在djangoREST中详细介绍。 明确保留内容 其实很简单，删除示例，保留config...
【图文并茂】ant design pro 如何优雅地把删除和批量删除功能合并到一起，并抽出来成为组件
最新发布
求知久久编程学院
08-22 779
如上图所示，其实批量删除和删除应该算是一个功能只是删除一个或多个的区别那么接口应该用的同一个删除一个的时候呢，就传 一个对象_id 过去删除多个的时候，就传 多个 对象 _id 的数组过去。
ant.design 的 Pro Component 的 ProTable 清除表单内容的方法
Go_ahead_forever的博客
11-19 779
我们用 ProTable 进行一个表单的呈现，只需要在属性上进行一个 type = {“form”} 的属性即可，用到表单的时候肯定需要对表单的数据进行提取，以及当数据提交的完的时候我们要进行清空原来的数据。使用示例（不能清除表单中的数据）：首先需要知道的是，我们想要拿到在表单中的数据，只要在 onSubmit 事件定义一个参数，组件就会自动把表单的值传递过来，代码中的 record 就可以拿到所有的值。一开始我想直接把 record 的值赋值为 {} 不就可以使表单的值为空了吗，没想不行。
Ant Design表格批量删除后选中框残留问题
X北辰北的博客
01-04 8386
问题描述：         在使用react框架结合Antd来开发项目的时候，用到了table组件，实现表格的批量删除功能时遇到了一个问题：当我们批量删除数据后，表格的数据内容更新了，但是每行前面的选中框还是选中的状态，有残留，如下：   解决方法：         官网给出了解决思路：我们要先定义rowSelection，然后定义它的onChange事件，如下：      ...
ant design pro v5 之 ProForm自定义表单项
无缺的博客
04-24 7201
需求背景：ProForm 默认提供的表单项无法满足项目开发 解决方案：ProForm本身是在原来的Ant Design Form 的基础上增加一些语法糖和布局设置等等，那我们就看看ProForm是如何做的不就行了 了解之后得知：ProForm的表单代码是通过如下方式来创建的： const ProFormText = (props) => { return ( <ProForm.Item {...props}> <Input placeholder={p
ant design pro模板_Ant Design Pro 学习笔记
weixin_30590161的博客
01-26 893
学习笔记摘要介绍Ant Design Pro 是一个基于Ant Design搭建起来的模板项目。它提供了两个主要布局：BasicLayout、UserLayout，在布局基础上制作了20多个基础页面，详情见模板介绍段落。Ant Design Pro 主体代码使用ES2015+语法规则，因此在阅读源码时遇到不理解的语法，可前往相关主页进行查询。在学习笔记中，除非遇到关键的语法点，否则不对语法进行额外...
ant design pro模板_ant design pro超详细入门教程
weixin_39669769的博客
12-19 3088
1、Ant Design Pro 初了解说到ant design pro，得先了解一下ant design是个什么东西？ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架。而ant design pro呢?就是基于Ant Design这个框架搭建的中后台管理控制台的脚手架 。2、安装默认你本地已安装好node和git环境$ git clone --depth=1 ht...
Ant Design Pro使用笔记
journeyIT的博客
03-02 1824
一、安装 dva-cli cnpm install dva-cli -g 二、创建应用 dva new dva-project 三、启动应用 cd dva-project npm start 四、安装并使用antd cnpm install antd babel-plugin-import --save 编辑.webpackrc，使babel-plugin-impor...
【后台管理系统】—— Ant Design Pro入门学习&项目实践笔记（一）
柳柳66的博客
04-14 4138
【后台管理系统】—— Ant Design Pro入门学习&项目实践笔记（一） 前言：最近在做公司的一个后台管理系统项目，前端是用React的Ant Design Pro 2.0 ，可以开箱即用，底层使用了dva和umi代替了redux和umi，使用起来更方便了。 第一次用Ant Design Pro，这里为进一步学习做一个梳理便于自己和...
antd-pro增删改查
执着的博客
11-27 3070
1.首先在pages创建需要的界面 productList.jsx import {Form, Input, Button, Table, Card, Divider, Modal, message, Select, Col} from 'antd'; import {PageHeaderWrapper} from '@ant-design/pro-layout'; import {connec...
React+AntDesign实现Form表单的动态增加删除操作
Alanrnzearn的博客
04-20 3706
效果示例 1. 原来效果 2. 点击+之后 实现说明 此次开发需要用到动态生成多行表单，因为新老数据要兼顾，老数据是对象存储走的一个接口，新数据走的多行配置，对象数组存储，走的另一个接口，所以在展示上就需要区分下。 注意这里默认了第一行不能删除，当然你也可以在变成多行的时候，给每一行都加上删除，但是为了避免数据被删成一行都不剩了，你需要处理下，要么在删成一行的时候禁止删除或者隐掉删除按钮，要么就在删除后要调接口的时候判断处理下，具体的得看需求来开发。 因为这块的按钮有设置，如果配置的参数含有passwo
Springboot中登录后关于cookie和session拦截案例
beeworkshop的博客
08-27 4196
文章目录一、前言二、利用Cookie进行登录验证 一、前言 1、简单的登录验证可以通过Session或者Cookie实现。 2、每次登录的时候都要进数据库校验下账户名和密码，只是加了cookie 或session验证后；比如登录页面A，登录成功后进入页面B，若此时cookie过期，在页面B中新的请求url到页面c,系统会让它回到初始的登录页面。（类似单点登录sso（single sign on））。 3、另外，无论基于Session还是Cookie的登录验证，都需要对HandlerInteceptor进行
ant design pro入门踩坑：删除页面文件报错
qq_40875057的博客
12-12 1539
前提：用ant design pro新增注册页，没有显示在菜单，在项目Page文件夹删除 原因：配置路由没有删 总结： 手动删除页面需要删1、Page目录下的页面文件 2、src/Page/.umi/router.js文件对于的配置 3、config/config.js文件对于的配置 ...
ant design pro for vue去掉配置栏
weixin_49281747的博客
03-10 2085
最近接触到ant design pro for vue， 虽然功能很强大，集成的很好，但是对于一个小项目来说，复杂意味着冗余，所以开始删删减减，首先此套框架配置了不同的主题风格，但自己用一套就可以，因此需要去掉配置栏。 在本系统中配置栏为settingDrawer组件，对以下三个文件进行删改即可 ...
react+antdpro+ts实现企业级项目一：项目安装及内置模块删除
fanyao4144的博客
03-07 774
本项目基于react+antdpro+typescript实现了企业级项目，包含前端开发、部署、优化、打包等
Ant Design删除操作弹出对话框
weixin_43222587的博客
04-12 2436
delete(id) { this.$confirm({ title: "确定删除？", content: "删除后将无法恢复", onOk: async () => { let res = await delItem(id); //delItem()是删除传参操作 if (res.data.success) { this.$ms("删除成功"); this.getList(); //getList()是获取列表传参操
ant design pro,删除最后一页退回上一页
热门推荐
旭旭1998的博客
12-23 6万+
首先需要三个变量，分别是删除后的总数以及页码还有每页条数： var nowDatasSize: number = -1 var currentPage: number = 1; var pageSize: number = 10 在分页属性中加上页码变化以及每页显示条数变化的回调： pagination={{ pageSize: 10, showTotal: total => { return <span>共 <span classNam
AntDesignPro前端开发指南
"AntDesignPro开发手册文档详细介绍了如何使用AntDesignPro进行前端开发，包括其目的、核心技术组成、Node.js的安装配置、项目初始化、目录结构以及关键文件的解释。" AntDesignPro是一个由蚂蚁金服体验技术部创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值