day14【首页课程和名师功能】/09-尚硅谷-谷粒学院-课程列表前端（2）

就下面啊，咱们弄一个分页的显示，那这个分页条也可以用，咱们刚才做讲师中那个分页条跟那个应该是一模一样，那我就把分页条给大家直接复制过来啊，这些都写过了，就是这个。分页条是这部分，然后这个分页条咱们复制到我们的页面中，在页面的。应该是下边这个位置有一个分页的开始结束，咱们把它替换掉，改成我们这个分页啊，就是这个啊。然后改完之后咱们看一下啊，在分页条里边呢。就是每次调的方法，就是咱们刚才写那个goto配置啊，咱们把名字对上都叫goto配置。这样的话。这分页的条的效果应该咱就加上了，因为这些方法咱都改过了，就用这个首页尾页，上页下页，包括你里边这个中间的页码数啊，这些都可以做到，所以咱们把这个就加上了啊，有一个分页的一个效果。

然后这个加上之后呢，大家看啊，这里边啊，就是还有一个细节问题。什么细节呢，比如这分页啊，这肯定没有错，然后各位看这个地方。咱来第一页你看啊，每个这个课程下边是不是显示这么一个东西啊，就是要么免费，是不是要么不免费啊，所以咱把它做个判断，因为刚才就是这部分我应该是没有写，我默认让他应该都是填这个免费，但是我们现在需要把它做个判断，因为咱们后面要做那个课程的支付，如果说你课程是免费的话，咱是不需要支付，直接可以看。但如果你课程不是免费的，那我们肯定需要做个支付才能观看，所以咱把这个给做个判断，看它什么时候显示，什么时候不显示，这个完善一下啊，那怎么做给大家来分析一下啊，咱们现在是看课程免费和收费，那咱来到我们的课程表里边。咱们来找一个字段。大家看这个字段。

Price是不是一个价格的，各位注意啊，如果说价格是零，是不是就是免费的，如果它不是零，是不是就收费的，比如它是一是二，那肯定要花钱，如果你是零肯定是免费，那咱在里边我就可以做个判断，当价格值是零，咱就显示免费，如果它不是零，就显示就是不显示，然后咱们可以收费啊，就免费显示，不免费就不显示。这个啊，我们做一个判断，那咱家写一下啊，判断怎么做呢？今天咱们一直在用，有一个指令叫做。V杠一。然后在里边写一下啊，在我们的便利中，这个名字叫item，那我们写一个item，点上这个叫price。Prize。比如说它这个值。等于这个零，那表示这个价格是不是等于零，那咱把免费是不是都显示啊，现在就这么来做，写一个item.price如果它等于零，那我们就显示免费，这三个等号咱之前说过啊，它是判断值和类型。

但是现在啊，你要这么写，有一个小问题啊，来看表里边。大家看啊。我表里边存的数据是不是这个样子啊，所以咱们啊，就是为了我们判断更加准确，你可以把这值啊，给它加上这么一个东西啊，我先写，然后解释啊，这是我们经常会这么来用，加一个可以说加一个叫函数，叫做member。Member啊，加这个price member什么意思呢？就是把它变成一个数字，然后对大家进行一个判断啊，就是判断这个值是不是等于零，Member就是一个数字，这样的话就可以显示免费或者收费，用这个得到如果是零那就免费，不是零就不显示。这个啊咱做到的，然后咱们现在我刷新咱看一下效果啊。各位看哈。是不是有的是免费，有的就没有显示啊，免费因为它是零，如果你没有显示，那它就不是零啊。

这样的话啊，我们把它做一个说明，咱就这两个是免费，其他的都是收费，因为你看数据库中，其他都是0.01嘛，有这个价格，然后这两个是0.00啊是免费。这是关于啊，我们做的这么一个细节，所以现在咱们把这个课程列表，包括它的分页功能，包括显示功能，包括这个。类别的一级分类显示我们都做到了，然后咱还缺少，就是加上条件查询，就是我点，比如我点前端开发，在这下面会显示前端开发下面的二级分类，就是一个二级联动，而我点前发的同时要做一个条件查询，包括点二级分类还要做查询，另外我点击这个关注度、最新或者说价格，它会默认做这么一个排序。这个啊，咱们下午来实现，上午主要把这个基本功能我们给他做到啊，所以大家把这过程知道啊，比如我里边的这种写法啊，或者说这种实现的思路啊，当然这个思路呢，肯定不仅决于我这种写法，有不同的做法，只是说在实际中啊，一般习惯用这种比较通用的方式把它做到。

这个啊，咱们做一个说明，就是现在我们先讲到这里啊。