跟AI学一手之前端导出

现在前端因为有 blob 的 api,导文件太方便了,不用后端配合,直接从前端导出文件,而且只要你知道文件格式,理论上可以导出任何格式。下面是一个导出 csv 的函数,比较简单

javascript 复制代码
const exportLogs = () => {
              if (logs.value.length === 0) {
                alert("暂无数据可导出");
                return;
              }
              
              const headers = ["日志类型", "操作用户", "IP地址", "位置", "浏览器", "操作时间", "备注"];

              
              const rows = logs.value.map((log) => {

                return [
                  log.log_type || "",
                  log.username || "",
                  log.ip_addr || "",
                  log.location || "",
                  log.browser || "",
                  log.tm || "",
                  log.comment || "",
                ];

              });
              
              const csv = [
                headers.join(","),
                ...rows.map(row => row.map(cell => `"${cell || ''}"`).join(","))
              ].join("\n");
              
              const blob = new Blob(["\ufeff" + csv], {
                type: "text/csv;charset=utf-8;",
              });
              const link = document.createElement("a");
              link.href = URL.createObjectURL(blob);
              link.download = `审计日志_${formatDate(new Date(), "YYYY-MM-DD")}.csv`;
              link.click();
            };
            
相关推荐
invicinble12 小时前
数字系统--c端数字环境入口和操作系统
前端
求道於盲12 小时前
异步编程中的 Future
前端
Z兽兽12 小时前
HBuilder打包web地址的apk,更新dist后如何自动清缓存
前端·android应用打包
Hilaku12 小时前
Bun 真的能取代 Node.js 吗?
前端·javascript·程序员
奔跑的卡卡13 小时前
线上Web异常发现为什么总是滞后?一套自研Web实时异常分析监控系统整体架构拆解
前端·web安全·架构
梦曦i13 小时前
create-uni-app v1.1.0:结构化生成,工程骨架更规范
前端·uni-app
流光D13 小时前
AI时代,搭建 web 站点并配置 nginx 反向代理流程
运维·服务器·前端·人工智能·nginx·ai·ai编程
PBitW13 小时前
Travel Planner — 智能旅行行程规划助手
前端·后端
梨想橙汁13 小时前
CSS Grid 网格布局:二维布局神器,轻松实现复杂网页排版
前端·css
lhldsg13 小时前
酒吧点餐小程序开发:从需求分析到技术落地实战
java·前端·小程序·架构·交友