当前位置： 首页 > news >正文

15.DIY可视化-拖拽设计1天搞定主流小程序-分类联动文章列表实时刷新

news 2026/2/8 5:47:25

分类联动文章列表实时刷新

本教程均在第一节中项目启动下操作

  • 分类联动文章列表实时刷新
  • 前言
  • 需求一:功能实现:点击首页分类,对应分类内容显示到当前页
  • 一、清空原分类界面:
  • 二. 设置选项卡
  • 三:设定展示内容字段:
    • 1.跨页面复制:文章分类组件到分类![在这里插入图片描述](https://img-blog.csdnimg.cn/0cec85a296974742b5322bb6785d9d6e.png)
    • 2. 跨页面粘贴:
    • 3. 分类页新增文章接口
    • 4. 修改分类接口:![在这里插入图片描述](https://img-blog.csdnimg.cn/ed7067905967497f87c4bd7c3c34239f.png)
    • 5. 设置参数
      • 设置选项卡名称:用于方便查看,接口中数据对应层级
      • 设定分类接口参数:
      • 调用回到接口:
    • 6.效果展示:
  • 需求二:分类页面的全部数据展示页
  • 一.1) 分类接口设置:
  • 本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

前言

    话不多说,直接实操。需求一:功能实现:点击首页分类,对应分类内容显示到当前页;需求二:分类页面的全部数据展示页

需求一:功能实现:点击首页分类,对应分类内容显示到当前页

一、清空原分类界面:

在这里插入图片描述

二. 设置选项卡

在这里插入图片描述

三:设定展示内容字段:

在这里插入图片描述

1.跨页面复制:文章分类组件到分类在这里插入图片描述

2. 跨页面粘贴:

在这里插入图片描述

3. 分类页新增文章接口

在这里插入图片描述

4. 修改分类接口:在这里插入图片描述

5. 设置参数

在这里插入图片描述

设置选项卡名称:用于方便查看,接口中数据对应层级

在这里插入图片描述

设定分类接口参数:

在这里插入图片描述

调用回到接口:

在这里插入图片描述

6.效果展示:

在这里插入图片描述

需求二:分类页面的全部数据展示页

一.1) 分类接口设置:

fl.rows.unshift({"id":"" ,"title": "全部"}      )

在这里插入图片描述

本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

相关文章：

15.DIY可视化-拖拽设计1天搞定主流小程序-分类联动文章列表实时刷新

分类联动文章列表实时刷新 本教程均在第一节中项目启动下操作 分类联动文章列表实时刷新前言需求一:功能实现:点击首页分类,对应分类内容显示到当前页一、清空原分类界面:二. 设置选项卡三:设定展示内容字段:1.跨页面复制:文章分类组件到分类![在这里插入图片描述](https://img…...

编程日记 2023/6/13 3:19:23

【SpringCloud】二、服务注册发现Eureka与负载均衡Ribbon

文章目录 一、Eureka1、服务提供者与消费者2、Eureka原理分析3、搭建Eureka4、服务注册5、模拟多服务实例启动6、服务的发现 二、Ribbon1、负载均衡的原理2、源码分析3、负载均衡策略4、饥饿加载 一、Eureka 1、服务提供者与消费者 服务提供者：一次业务中&#xf…...

编程日记 2023/6/13 3:14:23

图形学实验（完整文件见上传）

CRect rect; this->GetClientRect(rect); pDC->Ellipse(rect); // DDALineView.cpp : implementation of the CDDALineView class // #include “stdafx.h” #include “DDALine.h” #include “DDALineDoc.h” #include “DDALineView.h” #ifdef _DEBUG #define new…...

编程日记 2023/6/13 3:09:21

Spark大数据处理学习笔记（3.2.1）掌握RDD算子

该文章主要为完成实训任务，详细实现过程及结果见【http://t.csdn.cn/FArNP】 文章目录 一、准备工作1.1 准备文件1. 准备本地系统文件2. 把文件上传到 1.2 启动Spark Shell1. 启动HDFS服务2. 启动Spark服务3. 启动Spark Shell 二、掌握转换算子2.1 映射算子 - map()…...

编程日记 2023/6/13 3:04:20

lammps初级：石墨烯、金属材料、纳米流体、热传导、多成分体系、金属、半导体材料的辐照、自建分子力场、MOFS、H2/CO2混合气体等模拟

1 LAMMPS的基础入门——初识LAMMPS是什么？能干什么？怎么用？ 1.1 LAMMPS在win10和ubuntu系统的安装及使用 1.2 in文件结构格式 1.3 in文件基本语法：结合实例，讲解in文件常用命令 1.4 data文件格式 1.5 LAMMPS常见错误解…...

编程日记 2023/6/13 2:59:19

【MarkerDown】CSDN Markdown之时序图sequenceDiagram详解

CSDN Markdown之时序图sequenceDiagram详解 序列图 sequenceDiagram参与者与组参与者 participant拟人符号 actor别名 as组 box 消息(连线)激活/失活 activate/deactivate备注 Note循环 loop备选 Alt并行 par临界区 critical中断 break背景高亮 rect注释 %%转义字符的实体代码序…...

编程日记 2023/6/13 2:54:13

ReentrantLock实现原理-公平锁

在ReentrantLock实现原理(1)一节中，我们了解了ReentrantLock非公平锁的获取流程，在本节中我们来看下ReentrantLock公平锁的创建以及锁管理流程 创建ReentrantLock公平锁 创建公平锁代码如下： ReentrantLock reentrantLock new ReentrantL…...

编程日记 2023/6/13 2:49:12

掌握Scala数据结构（2）MAP、TUPLE、SET

一、映射 (Map) （一）不可变映射 1、创建不可变映射 创建不可变映射mp，用键->值的形式 创建不可变映射mp，用(键, 值)的形式 注意：Map是特质（Scala里的trait，相当于Java里的interface&#…...

编程日记 2023/6/13 2:44:11

flutter：文件系统目录、文件读写

参考 参考：老孟 文件存储和网络请求 数据存储 Dart的 IO 库包含了文件读写的相关类，它属于 Dart 语法标准的一部分，所以通过 Dart IO 库，无论是 Dart VM 下的脚本还是 Flutter，都是通过 Dart IO 库来操作文件的。但…...

编程日记 2023/6/13 2:39:10

计算机提示“找不到vcruntime140.dll,无法继续执行代码可”以这样子修复

首先，对于那些不熟悉的人来说，vcruntime140.dll是一个关键文件，用于在Windows操作系统上运行使用C语言编写的大型应用程序。如果你正在运行或安装这样的应用程序，但找不到vcruntime140.dll文件，那么你的应用程序可能无…...

编程日记 2023/6/13 2:34:08

深度学习pytorch实战五：基于ResNet34迁移学习的方法图像分类篇自建花数据集图像分类（5类）超详细代码

1.数据集简介 2.模型相关知识 3.split_data.py——训练集与测试集划分 4.model.py——定义ResNet34网络模型 5.train.py——加载数据集并训练，训练集计算损失值loss，测试集计算accuracy，保存训练好的网络参数 6.predict.py——利用训练好的网…...

编程日记 2023/6/13 2:29:08

Rust in Action笔记 第五章 深入理解数据

如果希望看到f32类型的数转换成整型数字u32类型，需要在unsafe包裹下调用std::mem::transmute(data)，因为在安全的Rust语法中没有把整型数据按照bit转换成浮点数据的实现，如果想要看到浮点数的二进制输出（通过{:b}）&…...

编程日记 2023/6/13 2:24:07

Cocos creator实现飞机大战空中大战《战击长空》小游戏资源及代码

Cocos creator实现飞机大战空中大战《战击长空》小游戏资源及代码 最近在学习Cocos Creator，作为新手，刚刚开始学习Cocos Creator，刚刚入门，这里记录一下飞机大战小游戏实现。 https://wxaurl.cn/VEgRy2eTMyi 一 安装CocosDashBo…...

编程日记 2023/6/13 2:19:04

2.4 逻辑代数的基本定理

学习目标： 如果我要学习逻辑代数的基本定理，我会采取以下步骤： 1. 学习基本概念：首先，我会花时间了解逻辑代数的基本概念，如逻辑运算符（合取、析取、否定等）、真值表、逻辑等价性等…...

编程日记 2023/6/13 2:14:03

适用于 Linux 的 Windows 子系统wsl文档

参考链接：https://learn.microsoft.com/zh-cn/windows/wsl/ 鸟哥的Linux私房菜：http://cn.linux.vbird.org/ http://cn.linux.vbird.org/linux_basic/linux_basic.php http://cn.linux.vbird.org/linux_server/ 目录 安装列出可用的 Linux 发行版列出已…...

编程日记 2023/6/13 2:09:02

C++特殊类的设计与类型转换

特殊类的设计与类型转换 特殊类的设计请设计一个类，只能在堆上创建对象请设计一个类，只能在栈上创建对象请设计一个类，只能创建一个对象(单例模式) C的类型转换 特殊类的设计 请设计一个类，只能在堆上创建对象 通过new创建的类就…...

编程日记 2023/6/13 2:04:00

如何通过关键词搜索API接口

如果你是一位电商运营者或者是想要进行1688平台产品调研的人员，你可能需要借助API接口来获取你所需要的信息。在这篇文章中，我们将会讨论如何通过关键词搜索API接口获取1688的商品详情。 第一步：获取API接口的授权信息 在使用API接口前&…...

编程日记 2023/6/13 1:58:58

智驾域控新战争打响，谁在抢跑？

智能驾驶域控制器赛道，已经成为了时下最为火热的市场焦点之一。 最近，头部Tier1均胜电子公布了全球首批基于高通Snapdragon Ride第二代芯片平台的智能驾驶域控制器产品nDriveH，在这一赛道中显得格外引人注意。 就在不久之前，均胜…...

编程日记 2023/6/13 1:53:58

Android 13无源码应用去掉无资源ID的按钮

Android Wifionly项目,客户要求去掉谷歌联系人里的 手机联系人按钮 需求分析 无应用源码，只能通过系统侧去修改 首先通过 Android Studio 工具 uiautomatorviewer 获取父控件资源ID chip_group ,然后通过遍历获取子控件去掉目标按钮 --- a/frameworks/base/core/java/andr…...

编程日记 2023/6/13 1:48:57

【SCI征稿】中科院2区（TOP），正刊，SCIEEI双检，进化计算、模糊集和人工神经网络在数据不平衡中应用

【期刊简介】IF：8.0-9.0，JCR1区，中科院2区（TOP） 【检索情况】SCIE&EI 双检，正刊 【数据库收录年份】2004年 【国人占比】22.78%（期刊国际化程度高） 【征稿领域】进化计算、模…...

编程日记 2023/6/13 1:43:56

Linux 文件类型，目录与路径，文件与目录管理

文件类型 后面的字符表示文件类型标志 普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。 目录文件：d（directory） 用来存放其他文件或子目录。 设备…...

编程新知 2026/2/4 16:06:56

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

在 HarmonyOS 应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档&#xff0c…...

编程新知 2025/9/19 4:31:58

第 86 场周赛：矩阵中的幻方、钥匙和房间、将数组拆分成斐波那契序列、猜猜这个单词

Q1、[中等] 矩阵中的幻方 1、题目描述 3 x 3 的幻方是一个填充有 从 1 到 9 的不同数字的 3 x 3 矩阵，其中每行，每列以及两条对角线上的各数之和都相等。 给定一个由整数组成的row x col 的 grid，其中有多少个 3 3 的 “幻方” 子矩阵&am…...

编程新知 2026/2/7 13:27:36

【JavaWeb】Docker项目部署

引言 之前学习了Linux操作系统的常见命令，在Linux上安装软件，以及如何在Linux上部署一个单体项目，大多数同学都会有相同的感受，那就是麻烦。 核心体现在三点： 命令太多了，记不住 软件安装包名字复杂&…...

编程新知 2026/2/4 16:07:02

Map相关知识

数据结构 二叉树 二叉树，顾名思义，每个节点最多有两个“叉”，也就是两个子节点，分别是左子 节点和右子节点。不过，二叉树并不要求每个节点都有两个子节点，有的节点只 有左子节点，有的节点只有…...

编程新知 2026/2/4 16:21:14

【分享】推荐一些办公小工具

1、PDF 在线转换 https://smallpdf.com/cn/pdf-tools 推荐理由：大部分的转换软件需要收费，要么功能不齐全，而开会员又用不了几次浪费钱，借用别人的又不安全。 这个网站它不需要登录或下载安装。而且提供的免费功能就能满足日常…...

编程新知 2026/1/25 14:40:59

深度学习水论文：mamba＋图像增强

🧀当前视觉领域对高效长序列建模需求激增，对Mamba图像增强这方向的研究自然也逐渐火热。原因在于其高效长程建模，以及动态计算优势，在图像质量提升和细节恢复方面有难以替代的作用。 🧀因此短时间内，就有不…...

编程新知 2026/1/26 4:52:47

（一）单例模式

一、前言 单例模式属于六大创建型模式，即在软件设计过程中，主要关注创建对象的结果，并不关心创建对象的过程及细节。创建型设计模式将类对象的实例化过程进行抽象化接口设计，从而隐藏了类对象的实例是如何被创建的，封装了软件系统使用的具体对象类型。 六大创建型模式包括…...

编程新知 2026/1/30 6:03:31

0x-3-Oracle 23 ai-sqlcl 25.1 集成安装-配置和优化

是不是受够了安装了oracle database之后sqlplus的简陋，无法删除无法上下翻页的苦恼。 可以安装readline和rlwrap插件的话，配置.bahs_profile后也能解决上下翻页这些，但是很多生产环境无法安装rpm包。 oracle提供了sqlcl免费许可&#xff0c…...

编程新知 2025/11/27 2:47:09

二维FDTD算法仿真

二维FDTD算法仿真，并带完全匹配层，输入波形为高斯波、平面波 FDTD_二维/FDTD.zip , 6075 FDTD_二维/FDTD_31.m , 1029 FDTD_二维/FDTD_32.m , 2806 FDTD_二维/FDTD_33.m , 3782 FDTD_二维/FDTD_34.m , 4182 FDTD_二维/FDTD_35.m , 4793...

编程新知 2025/9/10 21:14:06