课程分类管理-课程分类显示接口(1) | 学习笔记

简介: 快速学习课程分类管理-课程分类显示接口(1)

开发者学堂课程【微服务+全栈在线教育实战项目演练(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'

相关文章
|
前端开发 JavaScript API
课程分类管理-添加分类前端 | 学习笔记
快速学习课程分类管理-添加分类前端
课程分类管理-添加分类前端 | 学习笔记
|
JavaScript 前端开发 Java
课程管理-课程列表 | 学习笔记
快速学习课程管理-课程列表
课程管理-课程列表 | 学习笔记
|
存储 前端开发 Java
课程管理-课程相关表关系 | 学习笔记
快速学习课程管理-课程相关表关系
课程管理-课程相关表关系 | 学习笔记
|
存储 前端开发 JavaScript
课程管理-修改课程信息(最终实现) | 学习笔记
简介:快速学习课程管理-修改课程信息(最终实现)
204 0
课程管理-修改课程信息(最终实现) | 学习笔记
|
存储 前端开发 JavaScript
课程管理-修改课程信息(前端) | 学习笔记
简介:快速学习课程管理-修改课程信息(前端)
课程管理-修改课程信息(前端) | 学习笔记
|
运维 前端开发 JavaScript
课程分类管理需求描述 | 学习笔记
快速学习课程分类管理需求描述
课程分类管理需求描述 | 学习笔记
|
前端开发 JavaScript Java
课程管理-添加课程信息前端完善(显示分类) | 学习笔记
简介:快速学习课程管理-添加课程信息前端完善(显示分类)
183 0
课程管理-添加课程信息前端完善(显示分类) | 学习笔记
|
SQL XML 运维
课程管理-课程信息确认 | 学习笔记
简介:快速学习课程管理-课程信息确认
课程管理-课程信息确认 | 学习笔记
|
前端开发 Java 开发者
课程管理-添加课程信息前端(1) | 学习笔记
简介:快速学习课程管理-添加课程信息前端(1)
124 0
课程管理-添加课程信息前端(1) | 学习笔记
|
存储 前端开发 开发者
课程分类管理-课程分类显示接口(3) | 学习笔记
快速学习课程分类管理-课程分类显示接口(3)