使用cool-admin导出表格功能-自定义中文字段转义

最新推荐文章于 2024-07-28 11:10:34 发布
最新推荐文章于 2024-07-28 11:10:34 发布
阅读量494 收藏 2
点赞数 2
分类专栏： cool-admin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1392220236/article/details/118195372
版权
本文档记录了在使用cool-admin时遇到的导出表格问题，官方导出组件无法处理中文状态字段。通过分析导出原理，发现可通过在page接口中重定义方法，根据isExport参数判断并转换中文字段，实现导出时的自定义显示，同时保持前端业务需求不受影响。此方法适用于需要利用前端搜索条件进行导出的场景。
摘要由CSDN通过智能技术生成

记录自己使用cool-admin遇到的问题以及解决

官方自带有导出组件 具体文档：
https://www.cool-js.com/front/extand/cl-admin-export.html

但是有弊端，无法导出状态。只能导出对应的数字
在这里插入图片描述

比如字段 1=未完成 2=已完成 导出只能导出1 或者2 这样用户体验感很差。

分析了一下导出的操作原理

在这里插入图片描述
在这里插入图片描述
可以看到导出是请求 page 接口 并且提交 isExport：true 来判断导出的
一旦提交了这个参数。数据不会返回 查看了一下 应该是直接返回当前条件的所有数据

那么我们怎么自定义自己转换的字段呢

我们可以在page 重新定义这个方法。 然后判断

if(isExport == true)
最低0.47元/天 解锁文章
a1392220236
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cladmin简洁高级后台管理模板
01-28
漂亮简洁的后台管理模板，兼容ie6. 含有功能： jquery图表功能 系统提示信息供您 漂亮按钮 文字排版 表格 tab选项卡功能 弹出图片放大功能 表单功能 网络布局功能
cool-admin框架使用
晚星的博客
04-09 5226
一：创建原型 entity/app/bannertest.ts 快捷键 ent 可一键搭建结构 import { EntityModel } from '@midwayjs/orm'; import { BaseEntity } from 'midwayjs-cool-core'; import { Column } from 'typeorm'; /** * 轮播图 */ // 要创建的数据库表名 @EntityModel('base_demo_bannertest') exp
搭建cool-admin-java（前端vue）项目
最新发布
全栈技术分享，项目分享，资料分享
07-28 1189
cool-admin(java版)后台权限管理系统，开源免费，Ai编码、流程编排、模块化、插件化，用于快速构建后台应用程序，详情可到进一步了解。
cool-admin应对一个页面出现多个表格【element-ui解决】
qq_52791268的博客
01-02 1530
cool-admin
cool-admin框架前端使用-vue3版本，树形表格批量展开和收起
坚持，努力，奋斗不止
12-11 839
row-key参数是行的key，这里我默认用id，所以下面expand-row-keys参数数组必定要插入行id。:expand-row-keys参数是一个数组，点击事件后，如果插入行id，会展开该行，反之，为空，则全部收起。:default-expand-all参数是布尔值，这里我默认给false。
1、cool-admin 的前期准备
m0_52320512的博客
05-29 745
这里是本人学习 cool-admin 的前期准备工作，准备用cool-admin 创建一个简单的视频管理后台提示：以下是本篇文章正文内容，下面案例可供参考。
轻松解决datagrid-export.js的导出excel数字变科学计数法的问题
11-04
本人尝试了网上几种方法，开始尝试在mssql服务器后端sql语句中，select选择字段时候用过“convert（varchar,字段）as 新字段名”、“转义字符——“\'”、“\t”、“ ”、“’”、“'”等等几种，...
javascript asp教程第二课--转义字符
10-31
尽管使用转义字符是处理字符串内引号的标准做法，但在某些情况下，开发者也可以选择交替使用单引号和双引号来避免使用转义字符。例如： ```javascript Response.Write('He said "Hello" to me.'); ``` 这种方法...
eslint-plugin-no-unsanitized:自定义ESLint规则可禁止不安全的innerHTML，outerHTML，insertAdjacentHTML等
04-29
在不使用预定义转义功能的情况下，我们将不允许分配（例如，对innerHTML）和调用（例如，对insertAdjacentHTML）。 转义函数必须使用模板字符串来调用。 函数名称被硬编码为Sanitizer.escapeHTML和escapeHTML 。 ...
secured-advanced-custom-fields:高级自定义字段插件的安全版本
05-29
受保护的高级自定义字段 高级自定义字段的安全分支，旨在确保站点安全。 防止将脚本标签注入任何字段：名称、标签、描述或内容 - 在管理页面和前端。 为所有输出添加转义，代码现在通过 PHP Code Sniffer 扫描； ...
cpp-使用WinHTTPWeb代理自动发现服务进行沙箱转义
08-16
描述中提到的“使用WinHTTP Web代理自动发现服务进行沙箱转义”，意味着攻击者可能利用WinHTTP的特定功能，比如代理自动配置（PAC，Proxy Auto-Config）脚本执行，来绕过沙箱的安全控制。PAC脚本通常用于动态地确定...
cool-admin-vue：cool-admin-一个很酷的后台权限管理框架，重定向，插件化，CRUD极速开发，永久开源免费，基于midway.js 2.0，typeorm，mysql，jwt，element-ui，vuex， vue-router，vue等生成
03-03
cool-admin一个很酷的后台权限管理系统，开源免费，初始化，插件化，极速开发CRUD，方便快速构建逐步后台管理系统，到论坛进一步了解 演示 账户：admin 密码：123456 项目预算 微信群 微信公众号 在线社区 使用条件 请确保您的操作系统上安装了Node.js（> = 8.9.0），@ vue / cli（> 3.0.0）。 安装项目依赖 推荐使用yarn ： yarn 解决node-sass网络慢的方法： yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass 安装cool / modules模块的依赖 安装cl-admin-cli脚手架： npm install cl-admin-cli -g 安装模块依赖： cl install 运行应用程序 安装过程完成后，运行以下命令启
cl-admin-crud:cool-admin crud组件
03-28
cl-admin-crud cl-admin-crud是基于cool-admin的crud高阶组件 预览地址 项目地址 文档地址 版本 1.6.8 cl-dialog添加keep-alive 1.6.5解决cl-table上下文菜单参数异常 1.6.3解决cl-dialog设置道具参数导致全屏无效问题 1.6.0添加cl-filter-group，抽离cl-form组件 1.5.0添加变量样式配置 1.4.5解决表单数据延迟hook未处理的问题 1.4.2 cl-table添加列设置，隐藏，显示方法 1.4.0 cl-form添加挂钩 1.3.4 cl-table type =“ op”浮动添加pc /移动端兼容 1.3.2 cl-form添加validate，validateField方法 1.3.1 cl-form调整折叠展示，添加标签提示 1.3.0添加cl-form-tabs组
CL结果
02-18
烧瓶CL结果 创建Python虚拟环境： Linux python -m virtualenv env 视窗 python -m venv env 激活虚拟环境： Linux source env/bin/activate 视窗 env/scripts/activate 安装requirements.txt pip install -r requirements.txt 在Linux上运行： export FLASK_APP=app.py flask run 在Windows上使用PS运行： $env:FLASK_APP = "app.py" flask run 运行测试： python -m unittest discover Docker：构建Docker映像： docker build --tag=[image_name] . 在端口5000上运行docker容器（
cool-admin框架后端使用-node版本，配置多数据源
坚持，努力，奋斗不止
09-11 1957
cool-admin框架node版本后端使用
推荐开源项目：cool-admin - vue3 后台管理系统的首选
gitblog_00086的博客
05-14 846
推荐开源项目：cool-admin - vue3 后台管理系统的首选 cool-admin-vue???? cool-admin一个很酷的后台权限管理框架，模块化、插件化、CRUD极速开发，永久开源免费，基于midway.js 3.0、typeorm、mysql、jwt、element-ui、vuex、vue-router、vue等构建项目地址:https://gitcode.com/gh_mirro...
使用Cool-Admin搭建药房项目（1.1）
TATOQOQ的博客
02-03 504
使用cool-admin玩耍
推荐使用：CoolAdmin - 强大的Bootstrap 4.1管理后台模板
gitblog_00023的博客
05-15 763
推荐使用：CoolAdmin - 强大的Bootstrap 4.1管理后台模板 项目地址:https://gitcode.com/puikinsh/CoolAdmin 1、项目介绍 CoolAdmin 是一款响应式的Bootstrap 4.1后台管理模板，它提供了一整套即插即用的代码片段和工具，以及定制化的页面、多种图表、四种不同的仪表板变体、各种应用程序和有用的组件。这个强大的模板能帮助开发者快...
使用itheima-tools模块进行日期格式化与HTML转义
"本文档将介绍Node.js中的模块化机制，并着重讲解名为`itheima-tools`的第三方工具包的使用，包括安装、导入、时间格式化、HTML特殊字符的转义与还原等功能。该工具包遵循ISC开源协议。" 在Node.js中，模块化是一种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值