分类控件|学习笔记

简介: 快速学习分类控件

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

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

相关文章
|
JavaScript 前端开发 Python
【python自动化】Playwright基础教程(三)定位操作
【python自动化】Playwright基础教程(三)定位操作
430 0
|
开发工具 C语言 git
Vcpkg 的安装与使用
Windows 下 Vcpkg 的安装与使用
1827 0
Vcpkg 的安装与使用
|
数据中心 Anolis
性能优化特性之:LSE指令集编译优化
本文介绍了倚天实例上的编译优化特性:LSE,并从优化原理、使用方法进行了详细阐述。
|
Java 数据管理 关系型数据库
机票预订系统(java+mysql+navicat)
机票预订系统(java+mysql+navicat)
机票预订系统(java+mysql+navicat)
|
机器学习/深度学习 数据采集 自然语言处理
使用 Word2Vec 模型进行情感分析
使用Word2Vec模型进行情感分析包括:数据预处理、训练Word2Vec模型、构建特征向量、情感分析及模型评估与优化。通过这些步骤,结合分类器预测文本情感,提升模型性能和准确性。
252 0
聊聊自动化测试的度量指标
在聊自动化测试度量指标前,有必要回到做自动化的初衷上,就是为什么要做自动化测试,要解决什么问题。
|
人工智能 算法 量子技术
未来科技的曙光:量子计算的崛起与挑战
【10月更文挑战第15天】 在科技的浩瀚星海中,量子计算犹如一颗新星,正逐渐升起并散发出耀眼的光芒。本文将深入浅出地探讨量子计算的基本原理、当前进展、面临的挑战以及它对未来科技发展的潜在影响,带领读者一同领略这一前沿技术的魅力与奥秘。
279 0
|
缓存 关系型数据库 MySQL
如何优化MySQL 8.0的性能?
【6月更文挑战第14天】如何优化MySQL 8.0的性能?
1782 5
|
uml
UML 类图几种关系(依赖、关联、泛化、实现、聚合、组合)及其对应代码
UML 类图几种关系(依赖、关联、泛化、实现、聚合、组合)及其对应代码
3473 0
|
缓存 API Android开发
快速开发android,离不开这10个优秀的开源项目
作为一名菜鸡Android,时常瞻仰大佬们的开源项目是非常必要的。这里我为大家收集整理了10个优秀的开源项目,方便我们日常开发中学习!
3208 0