开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):课程分类管理-课程分类显示接口(1)】学习笔记,与课程紧密连接,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/667/detail/11361
课程分类管理-课程分类显示接口(1)
课程列表功能
树形结构显示
Level one 1
Level two 1- 1
Level one 2
Level one 3
Level two 3-1
Levei two 3-2
种树形结构显示做成类似于上面形式。
用树形结构的显示,做成这种效果。
第一个它的前端可是很固定的写法,把这个复制改就可以了,重点是后端,因为后端要给它构建成这种结构,前端先做一下先有一个初步的效果。把这个未接一下。那前端怎么做小的位置,就是第一个。
这是我们做的第一个先整合前端参考定模块儿,那来快速整合一下,首先在这个路由里面,我们找到这个tree,就是这个,然后咱们看ta是在这个页面叫
will the tree index,找到 waves tree。
path:' /subject'
,
component: Layout,
redirect:' /subject/list',
name: '
课程分类管理
'
,
meta: { title: '
课程分类管理
'
,
icon: 'example' }
children: [
path: 'list',
name:'
课程分类列表
'
,
component: () => import( '@/views/ edu/ teacher/list' ),
meta: { title: '
课程分类列表
'
,
icon: 'table' }
path:' save'
,
name: '
添加课程分类
'
,
component: () => import( '@/views/ edu/ teacher/save' ),
meta: { title:'
添加课程分类
'
,
icon:'tree[}
这是一个叫 l in put 是一个普通的输入项目,看页面中其实就这部分,这部分做了一个事情,做了一个检索功能,所以第一个是输入那个检索那个书相。
然后第二部分是核心在游戏里边有这么几个值,第一个值,这个东西就理解为是我们那个ID,那个属性唯一标识,第二个叫冒号,Data,冒号,Date 表示你要显示的数据,这些数据名字叫date2。
后第三个叫 purpose,就是属性,它叫 default purpose。
就表上取到你那个节点和子节点的一个名称,比如在这个 level 万一下边有一个叫children,下面是不是叫 level to c 里边的节点叫 label 就是的节点的名称,每个都叫 legal 这是它的这部分。
这个内容,是一个叫 no 的 matter 是个方法,在方法中主要做的功能就是检索功能,比如里边输入一个,他把一相关的计算出来说,一个三把三次相关的介绍出来。
这是一个检索功能就是用到了这个方法然后,这是里边的相关的一些样式class包括,布局一些样式的东西。
做的其实就是这个事情这儿目前是写固定的,然后做好就是写个接口返回这个数据,把数据在里边给他便利就可以了,就是几个接口,按照要求反映数据就可以。
但是数据强调如果说写着快反应数据,数据格式跟这个格式必须要一样,如果说反应特别的格式,那这个框架不认识,框架本身格式跟这个必须要一样,别的格式它不认。
id: 1,
label: 'Level one 1',
children: ck
id: 4,
label: 'Level two 1-1',children: [(
id: 9,
label: 'Level three 1-1-1'),
id: 10,
label: "Level three 1-1-2')]
)]
), (
label: 'Level one 2',
children: [ f
id: 5,
label: 'Level two 2-1'
id: 6,
label: "Level two 2-2'