day07/上午/137-尚硅谷-尚融宝-积分等级列表的页面渲染

那前面呢，我们已经做了这样的几个步骤的内容了，就是后端接口咱们早就开发好了，路由呢咱们早上也配置了，然后API这块呢，咱们也呃定义了啊，然后呢，Script脚本也写了，现在呢就差这个模板了，目前为止这个页面还没有什么特殊的样式，所以样式呢现暂不用写，那看模板，模板的话呢，那就是要把从脚本当中啊获取到并且渲染出来的，并且绑定出来的这个数据呢，我们要渲染到模板当中，所以呢，我们来看这面。先把没用的关掉啊。找到我们的类似点，好这块呢就是从后端获取数据，然后这块呢，就是绑定数据啊，然后接下来我们就要把绑定好的数据，这个类子里面已经有数据了，我们渲染到页面当中，那么这个渲染到页面当中呢，我们就用我们之前的那个table就行了，Table的话就是之前我们在element u里面学到的。

我找一下哈，就是UI pro，然后综合案例，嗯，就是这个table的例子，所以其实我们就是创建table节点，然后呢，呃创建table呃，Column节点，然后呢，在table column里面呢，去配置TP，这样的话呢，就把每一个列呢，就绑定到我们的提包里面了啊，那这个咱们就不去详细的一个一个写，因为真正写的时候咱们也是复制一个DEMO，然后把里面的列名啊啥的改一下就可以了啊，所以呢，我就直接呢把咱们这个笔记当中的。这个template里面的这个表格就给它复制过来了。直接定义到这就行了，这块给了一个通用的样式啊。这个样式呢，就是其实就是定义这个表格和它这个边框之间啊，这边是有一个距离的，你看这块从这到这不有个距离嘛，包括从这到这啊都有一个距离啊，所以这个距离呢，就是这个样式第一的。

啊，然后接下来呢，我们来看一下这个表格，我们绑定到这个list，然后加上个边框，加上个格行换色，然后这块呢，我们有一个索引力啊，就是序号列啊，相当于然后这块呢，我们是借款额度的这个值，积分开始区间的值，积分结束区间的值。所以这样的话，这个表格呢，是不是就绑定到这了啊，那这块呢，就是我们整个的一个啊页面组件模板的一个定义了，那在这个地方呢，我们就。发现呢，整个的一个前后端联调的过程实际上就完成了啊，所以这块是页面渲染部分。