dot.js的运用(初来乍到前端版)

JavaScript021

dot.js的运用(初来乍到前端版),第1张

参考文章: dot.js用法详细参考

dot.js在我眼中是个模板引擎,因为项目中经常会用到排版,例如下面两张图片,有模板嵌套的话,就很方便。

首先看一下我的JSON接口传来的

数据

,我格式化了一下,我截取了2条

在前端获取JSON数据里,我用的是ajax异步获取(我用的是apicloud,所以用他的获取方法,道理都是一样的)

因为是异步处理,我们把需要处理的内容放在回调函数function里(因为我们要先获取到了数据,才能进行其他操作啊!曾经的犯错,回顾。)。现在console.log(JSON.stringify(ret.data)),打印出的应该是data的内容,截取了2条。如果console.log(ret.data),打印出的应该是对象,所以转换成字符串。(关于JSON对象,字符串等问题,上一篇)

现在看一下第一大点的dot.js的用法的第三点

按照这个格式,我写了下面这个模板和调用方法:

我运用了weui的页面框架,样式简单,不讲了,大概是:

<div class=weui.grids>

    <div class=weui-grid></div>  //我用dot.js方法,把这个设成了模板,循环了一下把数据放进去。

</div>

首先定义一个数组 var arr=[2,4,5,3,5,3,0]//这里以整形数组为例

确定数组的长度arr.length

利用循环语句遍历数组

var arr=[2,4,5,3,5,3,0]

var arrvalue//用于存放取出的数组的值

for(var i=0i<arr.lengthi++){

arrvalue=arr[i]//数组的索引是从0开始的

console.log(arrvalue)//把取出的值打印在控制台上

}

我的理解是你想把excel的第一行作为标题,然后在每一个打印页上都打印出来。具体操作步骤是,依次点击 视图->页眉和页脚->切换到工作表属性页->在打印标题行,顶端标题行右侧的文本框中输入$1:$1,如下图所示即可。