分类控件|学习笔记

简介: 快速学习分类控件

开发者学堂课程·速成美分类控件笔记与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/566/detail/7760


分类控件


内容介绍:

一、分类控件操作流程


一、分类控件操作流程

如果网站设置了文章产品的分类,需要在页面上展示分类,可以添加一个分类控件到页面上。

1、首先,创建一个:“分类组件”。如下图所示:

image.png

2、单击右键,即可得到“文章分类”或者“产品分类”。

3、右边可以切换样式,在显示设置里面可以对显示的文字进行设置,最多可以设置 三级分类 ,可以调整分类的效果(比如说背景或者文字)。

4、在数据中可以重新勾选

如果勾选的是文章分类,跳转的结果显示将会是文章分类结果页。如下图所示:

image.png

如果选择的是产品分类,跳转的结果显示将会是产品分类结果页。

5、排列里面可以设置尺寸和位置。

6、回到设计界面,点击‘’设置页面‘’ -“系统页面管理”

image.png

1)先进入“产品分类结果页”

左侧的页面模板里可以选择一个模板,点击左侧的“组件”,可以添加 分类结果列表控件、面包屑控件、筛选控件,

点击“更多”可以添加一些其他的分类控件,

点击“分类结果列表”,点击“设置”,在这里可以切换样式,还可以设置分页,图片尺寸,图片的标题,简介的文字,购买的按钮防盗,还有分层的效果也可以设置。在数据中可以设置按钮的文字还有排序的方式,还有选择的繁体排列,设计功效长度,设计尺寸和背景。设置好之后点击保存。如下图所示:

image.png

网络异常,图片无法展示
|

2)其次,进入“文章分类结果页”,进行编辑与操作;点击进入“文章分类结果页”左侧,可以选择一个页面的模板,可以直接点击选项。分类结果列表的内容会自动绑定后台的文章或者产品的数据,设置好之后点击保存。

相关文章
|
5月前
|
C# Windows
WPF/C#:如何显示具有层级关系的数据
WPF/C#:如何显示具有层级关系的数据
72 0
|
6月前
uniapp实战 —— 竖排多级分类展示
uniapp实战 —— 竖排多级分类展示
96 0
|
开发者 容器
标签控件| 学习笔记
快速学习标签控件。
|
开发者 容器
标签控件|学习笔记
快速学习标签控件
标签控件|学习笔记
|
前端开发 开发者 容器
分类页-两栏自适应 |学习笔记
快速学习 分类页-两栏自适应
101 0
分类页-两栏自适应 |学习笔记
|
开发者
分类控件| 学习笔记
快速学习分类控件。
QtApplets-自定义控件-7-属性研究
QtApplets-自定义控件-7-属性研究
111 0
QtApplets-自定义控件-7-属性研究
QtApplets-自定义控件-5-属性研究
QtApplets-自定义控件-5-属性研究
127 0
QtApplets-自定义控件-5-属性研究
QtApplets-自定义控件-4-属性研究
QtApplets-自定义控件-4-属性研究
150 0
QtApplets-自定义控件-4-属性研究