跟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();
            };
            
相关推荐
万少10 小时前
DeepSeek 昨晚刚开源了 Harness:附万少的2 万字保姆级教程
前端·后端·架构
程序员黑豆12 小时前
Java字符串详解
java·前端·ai编程
无我Code13 小时前
开发者-2026年中总结
前端·面试·程序员
浮生望14 小时前
React 受控与非受控组件:从表单状态管理到实时校验的完整实践
前端
糖墨夕15 小时前
第二章:AI Agent 到底是个啥?—— 用生活场景把概念讲明白
前端
Csvn15 小时前
⚡ content-visibility: auto —— 长页面渲染提速的隐藏神器,白捡的性能优化
前端
用户9385156350715 小时前
深入理解 Next.js:从 SPA 的 SEO 问题到约定式路由与 SSR 原理
前端·后端·全栈
snow@li15 小时前
web:前端500知识点/速查手册
前端
kyriewen17 小时前
今年裁了16万技术人——但字节前端岗反而涨了23%
前端·javascript·面试
用户0595401744617 小时前
把 AI Agent 记忆存储验证从 40 分钟手测压到 3 分钟,pytest + Docker 这套组合太顶了
前端·css