开发者学堂课程【微服务+全栈在线教育实战项目演练（SpringCloud Alibaba+SpringBoot）：课程分类管理-课程分类显示前端】学习笔记，与课程紧密连接，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/667/detail/11364
课程分类管理-课程分类显示前端
代码
importrequest from . @/utils/ request'
export default [
//1课程分类列表
getSubjectlist() (
return request((
url: ' /eduservice/ sub jec t/ getAllSubject' ,
method :get
｝)
]
接口写完了，下面整合课程分类的前端，按照流程，第一个还是在 API 中，把接口地址首先定义，之前有个 teacher，那再创建，把 subject 打开。
改一下第一个方法，要做的叫课程分类。这个列表名字改一下。
比如这个 get 这个 subject 例子。
这个里边的不需要参数，下面写上这个接口地址，地址应该这个地址，Edu service subject。
Switch subject，然后后面，加上名字写到这位置大概，当然这位置没有参数，写引号都可以，因为它没有那个表达式，不需要取参数，然后写完之后，下面看他的提交方式是一个get请求，它里边没有参数，所以不需要的去掉这是。
这样的话可以把方法定义出来了。
import sublject from '@/ api/edu/ subject'export default ｛
data() [
return [
filterText:
data2: [], //返回所有分类数据
defaultProps:
children:' children' ,
label: ' label'
｝
｝
watch: f
下面，在这个 mice 里边把这方法写下，就是得到这个所有的分类。这个集合这是一个方法，方法里面，要调一下，刚才那个就是定义的，里边的内容，来调一下，这些内容在 CF 里边，把CF这个文件先引进来，加个引碰头。
Subject from，然后加一个叫艾特斜杠，地址是这个 APIEDU。Sad that 这个地址，然后调撒盖中的方法，调一下subject点上这个方法。
created(){
this.getAllsubjectList()
}
watch：｛
filterText(val) (
this.$refs. tree2.filter(val)
｝
｝
methods:｛
getAllSubjectlist() ｛
subject . getSubjectlist()
. then( response =>
this. data2 =response . data.listj
｝）
｝
filterNode(value, data) i
if ( !value) return true
return data.label. index0f(value) !=- -1
｝
优化前段过滤功能
filterNode(value, data) f
if (!value) return true
return data. title. toLawerCase(). indexOf (value . toLowerCase()) !-- -1
