H5 直接转换呈现Excel 表单.md

需求就是为了宣传营销商品将一个 EXCEL 清单包含价格折扣口令图片等等的表格直接在手机上显示。

两个有用的工具网站

在线转换EXCEL 为 JSON 的网站
直接将 EXCEL转换为 html 包含 EXCEL 里的样式全部转换的网站

通用做法

第一种:

利用第一个工具网站获得 JSON 数据,将数据填充进

放进页面元素。
代码如下:

var dataArr.=[//JSON 数据]
function writeTable(dataArr, channel) {
    var indent = '
'; for (var i = 0; i < dataArr.length; i++) { if (i == 0) { //table 标题 indent += `` } else { indent += ``; } } indent += '
${dataArr[i].pic}${dataArr[i].name}${dataArr[i].qx}${dataArr[i].price}${dataArr[i].oldprice}${dataArr[i].time}${dataArr[i].info}
${dataArr[i].name}${dataArr[i].qx}${dataArr[i].price}${dataArr[i].oldprice}${dataArr[i].time}
'; $(".container").append(indent); } }
第二种:

利用第二个网站生成的 html 直接利用 iframe 放进去

你可能感兴趣的:(H5 直接转换呈现Excel 表单.md)