课程分类管理-课程分类显示接口(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'

相关文章
|
Unix Linux
Linux粘滞位的理解,什么是粘滞位?
Linux粘滞位的理解,什么是粘滞位?
|
1天前
|
数据采集 人工智能 安全
|
11天前
|
云安全 监控 安全
|
2天前
|
自然语言处理 API
万相 Wan2.6 全新升级发布!人人都能当导演的时代来了
通义万相2.6全新升级,支持文生图、图生视频、文生视频,打造电影级创作体验。智能分镜、角色扮演、音画同步,让创意一键成片,大众也能轻松制作高质量短视频。
956 151
|
2天前
|
编解码 人工智能 机器人
通义万相2.6,模型使用指南
智能分镜 | 多镜头叙事 | 支持15秒视频生成 | 高品质声音生成 | 多人稳定对话
|
16天前
|
机器学习/深度学习 人工智能 自然语言处理
Z-Image:冲击体验上限的下一代图像生成模型
通义实验室推出全新文生图模型Z-Image,以6B参数实现“快、稳、轻、准”突破。Turbo版本仅需8步亚秒级生成,支持16GB显存设备,中英双语理解与文字渲染尤为出色,真实感和美学表现媲美国际顶尖模型,被誉为“最值得关注的开源生图模型之一”。
1668 8
|
7天前
|
人工智能 自然语言处理 API
一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸
一句话生成拓扑图!next-ai-draw-io 结合 AI 与 Draw.io,通过自然语言秒出架构图,支持私有部署、免费大模型接口,彻底解放生产力,绘图效率直接爆炸。
622 152
|
9天前
|
人工智能 安全 前端开发
AgentScope Java v1.0 发布,让 Java 开发者轻松构建企业级 Agentic 应用
AgentScope 重磅发布 Java 版本,拥抱企业开发主流技术栈。
596 17