00:00
啊，页面组件模板这块呢，就不要求大家一点点写了啊，我们其实所有的内容都接触过啊，所以咱们先直接把它粘过来，然后看一看，嗯，没有接触过的内容，咱们详细给他说一下，哎，还挺长的。分页组件这块没接触过哈，所以分页组件咱们先不粘，就只粘table这。到这儿啊，这是列表啊，然后上面这是什么，上面是那个查询表单，查询表单一会咱再说。所以呢，咱们把这个粘到哪呢，粘到我们的div这个里面来。好，先看一眼。就有了。是吧，啊，这个业务数据呢，就展示在这个位置了啊，那他孤零零的就一条记录在注册一个用户吧，啊比如说退出啊，然后呢，就是一个借款人13766816631。
01:06
还得注册哈，注册啊13766816631，然后呢，获取验证码看一下。叫做8221。好，然后请登录借款人137681631登录。我刚才那个还是投资人吗？还是投资人是吧，那再注册一个，再注册一个借款，就注册注册一个借款。13766816632。多注册几个哈。然后呢，在这面我们再刷新一下。这是329194。
02:06
就是借款人哈，下一步。好好看一看，1376686632。好，这样的话，作为借款人登录，那同时后台。我们就有三个用户了，两个投资人，一个借款人，对不对，好。那这是我们的这个数据列表的展示，我们先来看一下刚才我们粘过来的这段代码。将来的这段代码呢，我们分析一下，首先这个是一个EL table啊，这个我们了解，然后呢，Data哈，我们绑定list啊，这个我们也知道啊，这样的话呢，就把这个数据呢渲染到这个列表里来了啊，再接下来这面是一个序号，这个序号呢和我们之前就有点不一样了，因为这面呢，我们这个序号呢，就不能用之前的那个默认生成的方式了啊，因为默认生成的方式呢，不支持翻页，一翻页序号就从一开始啊，所以呢，我们就得自己去写这个序号的实间自己怎么去写呢？这面我们用配置减一乘以limit加上索引加一，我相信这个公式大家应该了解对不对？页码假设说是一的话啊，每页记录数假设说是十的话，那么它的序号就是几啊，一减一第一页的第一条记录，一减一乘以。
03:22
十对吧，是零嘛，这个然后呢，所以，所以是零加一，第一页的第一条记录序号就是一对吧，如果是第二页的第一条记录呢，二减一啊乘以十，那就是十，十加上索引是零，再加一就是11对不对，所以呢，这个就是。我们的这个啊。呃，索引的一个计算啊啊，就是根据索引去和页码去计，计算这个序号的这么一个方式，所以这是序号里，然后接下来呢，后面这块就是用户类型，用户类型这块我们展示的是投资人和借款人，那么投资人和借款人这块呢，我们用了一个小标签EL。
04:05
啊，EL tag呢，它有不同的T。当它的type这个属性不同的时候呢，小标签呢，就会展示成不同的颜色，比如说如果是success就是绿色，如果是war就是橙色，所以这面呢，我们一个是绿色的，一个是橙色的啊，然后接下来呢，具体展示哪一个标签呢？看当前的账户的用户类型，如果user type等于一的话，那么就是投资人，如果user type等于二的话，那么就是借款人，好这块呢，就是第二个点，接下来呢，第34567这些列呢，都没有什么特别的，就把pro呢设置成正确的数据属性就可以了啊，然后再接下来后面这一列叫绑定状态，绑定状态呢就是。这块啊，后面呢，我们会有一个需求呢，就是让我们当前的上荣宝的账户绑定到资金托管平台上。
05:01
那么如果没绑定，这面的绑定状态呢，就是未绑定，如果已绑定，那这面的绑定状态呢，就已绑定，所以未来呢，我们怎么判断呢？这里面有个叫band status的这么一个属性，这个属性如果等于零就是未绑定啊，回头我们绑定完了之后，我们会把这个band status属性的之一之一呢，就是绑定。啊，就是绑定，所以呢，根据这两个状态呢，我们还是展示不同的两个态。啊，这两个EL tag的说明和这个特性呢，和前面这是一模一样的，所以咱们就不详细说了，所以未绑定呢，它应该是一个橙色的，已绑定的它应该是一个绿色的，那目前为止我们都是未绑定的状态，所以是橙色的啊。再接下来呢，就是用户状态，这一列和前面都是一样的方案，判断一下用户状态这个啊，状态码如果是零，那么我们就展示一个红色的锁定啊，如果不是零，Else，我们就展示一个正绿色的正常对吧？所以呢，我们来试一下吧。
06:08
嗯，用户状态这块，我们锁定一个用户啊，比如说。第一个用户把它锁定。好，这面呢，我们来刷新一下，你就会发现呢，这就是锁定的意思了啊，所以这就是用户的一个锁定状态啊，啊，那这块呢，就是我们整个的。列表页的这个列表组件模板的一个实现啊。
我来说两句