前端生成csv文件并导出到本地教程

csv

利用javaScript 在客户端把数据转换成csv格式并导出到本地

非本人写的js,只是一个简单教程,还请多多指教。

demo地址:CSV demo

csv格式

第一行为头部,其他为数据部分,数据与数据之间用逗号隔开,换行为一组数据

"id","number","string","smile"
"11","111","ssd","嘿嘿"
"22","222","kk","哈哈"
"33","333","sf","呵呵"

步骤

第一步:把数据转义成csv格式

我使用了其他人写的js来生成csv格式,具体使用方法可参考: https://github.com/knrz/CSV.js

如觉得太笨重,可自行生成。

第二步:触发客户端生成csv文件并导出到本地

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,859评论 18 139
  • Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh阅读 25,522评论 7 249
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,198评论 4 61
  • 第一次见你是在幼儿园的滑梯边,有个小女孩穿着紫色的裙子,黑色的皮鞋,安安静静地站在滑梯旁的秋千架子旁,呆呆地看着小...
    租了五颗星阅读 306评论 4 7
  • 布局完子控件后,在自定义类中,一般提供一个快速方法加载xib 格式如:+(instancetype)loginVi...
    要加油啊小和尚阅读 444评论 0 49