day14【首页课程和名师功能】/05-尚硅谷-谷粒学院-讲师详情接口

咱们的第二功能做这个讲师的详情功能，那功能中呢，首先我们做的第一部分先去修改讲师列表页面。它那个超链接的部分，把超链接中改成那个讲师的ID。这个啊，咱做的第一个，那我们来改一下啊，也就是到这个位置，这里边写一，现在肯定不是一，咱把一需要改成讲是ID，而讲是ID怎么做的。各位看啊，我这个结构是不是在V-for里边呀，所以说咱们就是在V-for中把那个ID啊，就是用teacher把ID取出来，然后下面给它传过去做个拼接是不就可以做到啊，直接给它写这么一个值，那我来写一下啊，然后我的写法先加个冒号。然后在里边呢，把这个teacher用引号给它引起来，然后再写上这么一个。

加号。加号后面加一个叫teacher.ID这样的话就是取到讲师的ID，咱每个路径后面。都会传ID值啊，但是这么一个写法。然后这个各位注意啊。呃，还是说我们之前说过一个特点啊，就是现在我这里边是不是加了冒号，冒号表示是不是叫V-B单向绑定了，而加冒号什么作用呢？给大家说明啊，假如我现在。不加冒号，那这里边会有什么效果，你再传ID的话，那在后面的ID值是不是就是这个值啊，就是我们这个就是ID，它把这组ID就是它不是表达式就是一个值，而咱们加上这个冒号之后。那它会把这个值用表达式取出来，后面就是你的ID值啊，就是这个意思啊，这叫冒号，包括这些都是一个意思，冒号让表达式生效，不加冒号，这个就作为字符串给你显示。这个啊，咱们把它改出来了，然后这下面就是你点图片或者点名称都可以做到，这个咱也改一下，然后里边加一个冒号，这个咱就完成了超链接的修改啊，咱做的第一部分。

我把这个给各位先接过来。然后放到我这图上啊。第一部分，然后做到之后，咱先看一下目前的这个效果，就看他能不能啊得到这个ID值。那我重新来到页面啊，我先。重新刷新啊。然后刷新之后，现在我点名师，点完名师之后，我点击某一个名师，大家看它的效果，各位看ID是不是有了，这叫7538，比如再换一个这个ID，什么3297是不是都可以显示，所以现在我们点。讲师的这个列表里边的某一个讲师，他就进入到我们的详情页面，在详情页面中，咱把这个ID也可以取到啊，包括后面咱写接口，通过它可以做个查询。

这个啊准备工作，然后这个做到之后，咱下面的第二部分，我们来写这个接口部分。第二个啊，来编写讲师详情的接口，它的接口里边呢，我们要做两件事情，刚才咱也说到了啊，我再重一遍，第一件事情，根据讲晒地查询讲师等。基本信息，比如说讲师名称，讲师头像等等，然后第二个根据讲师ID再查询讲师所讲的课程，把这两个咱需要查出来，这时候我们要编写的这么一个接口啊，但是这么来做到，那咱们下面啊，把接口我们给他快速写下，借口应该不复杂，就是两个查询，一个查讲师，一个查课程。那咱们啊，来到我们这里边啊，还是我们的CTRL中，在CTRL里边，我在下面咱们再写个方法。就是第二个方法。讲师详情的这个功能，那这个因为它是根据ID查询，所以我写一个。

Get提交里边起个名字，我就叫这个get，呃，Teacher。放。就get teacher front info啊，为了区分一下。在后面咱要得到那个讲师的ID，那我写一个叫teacher ID。这个啊，咱的方法，然后写完之后，下面我们写一个public are叫get teacher info。在方法里边呢，把这个teacher ID我们给它取到，加一个叫pass这个注解，然后加个string这个TID这个得到啊，得到之后我先一个值先把它报错，然后再来查数据库啊。这个啊方法写出来了，写完之后再来查询，咱要查到两部分，第一部分根据讲师D查询讲师的。

基本信息。然后第二部分。根据这个。讲师ID查询他所讲的课程信息，咱要查这两个东西，那我先查第一个查讲师基本信息，这个简单咱就在里边啊，直接我们做这操作就可以了，诶我好像写错位置啊。我写到那个SS里面去了啊，大家应该写CTRL中。觉得不对吗？写到这里边啊。位置写错了，应该放到这里边啊。这个位置，然后在里边啊，我们来查询，先查讲师的基本信息，那我们就直接调这个teacher service。在里边我们直接调他的方法，Get白帝传这个讲晒地，他就返回了这么一个对象，这对象里边就是讲师的基本信息，这就是第一个啊，然后第二个要查他的课程，而查课程呢，用这个teacher service查不了，所以咱把课程那个注入进来。

我加个outwa provide啊，这个edu course。这个service。然后我们调cos service，把课程的service咱给它注进来，然后注入之后调程里的方法做个查询啊，就调这个查询，因为它要根据讲师ID查询，咱肯定调一个例子，方法里边加个条件啊，那我们写这个条件，咱快速写一下啊，加一个叫query rapper。里边加一个叫edu。然后这个我们叫rapper，等于上一个query rapper。这个啊，我们的第一个先溜这么一个条件的这么一个对象啊，Edu这个啊把这些溜出来。依赖。给他引入。这个先引入啊，然后引入之后我们的第二个在里边加条件来加个EQ，因为咱们是根据讲师ID查看这个课程，那我把讲师ID这个字段名字复制一下，就叫teacher_ID后面加上这个teacher ID。

啊，这是一个条件，最后把这rapper放进去，然后他会返回咱的这个结果，就是这个讲师所讲课程，我就叫edu list。因为讲师嘛，他可能。没有讲课程，也可能讲多个课程，也可能讲一个课程，所以咱写个历次集合啊，这个啊是咱查出来了，然后都查出来之后，咱把数据最终。返回到我们的前端中，那我就在里边直接返回了。我们加个date。第一个，比如叫这个teacher。然后它的值就是edu teacher啊，这是第一个，然后第二个再来个date，是咱们这个讲师所讲课程，比如叫这个，呃，换个名字啊，叫这个cos list。

他所讲课程。Cos。这个是cos例子，所以这样的话啊，这个接口我们就快速做到了啊，就是这么一个简单接口，根据讲师ID，查你的讲师基本信息，查讲师所讲的课程信息，最终把信息查出来，咱给他最终做个返回就可以做到这个啊关于我们写到借口。咱们就完成了啊，然后接口写完之后，咱下面做的肯定是前端整合，就是前端中把这数据得到，然后页面中给它做个显示就可以了啊，这咱们一会来实现，所以这节课主要咱们把这个讲师列表给到前后端，完成了讲师详情，完成了介绍部分，讲师列表中咱是换一种方式在前段中用的，这个叫异步调用，然后这个分页啊这么一个过程。