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

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

news 2026/2/9 8:20:01

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

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

  • 分类联动文章列表实时刷新
  • 前言
  • 需求一:功能实现:点击首页分类,对应分类内容显示到当前页
  • 一、清空原分类界面:
  • 二. 设置选项卡
  • 三:设定展示内容字段:
    • 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

iOS 26 携众系统重磅更新，但“苹果智能”仍与国行无缘

美国西海岸的夏天，再次被苹果点燃。一年一度的全球开发者大会 WWDC25 如期而至，这不仅是开发者的盛宴，更是全球数亿苹果用户翘首以盼的科技春晚。今年，苹果依旧为我们带来了全家桶式的系统更新，包括 iOS 26、iPadOS 26…...

编程新知 2026/2/8 20:41:56

Lombok 的 @Data 注解失效，未生成 getter/setter 方法引发的HTTP 406 错误

HTTP 状态码 406 (Not Acceptable) 和 500 (Internal Server Error) 是两类完全不同的错误，它们的含义、原因和解决方法都有显著区别。以下是详细对比： 1. HTTP 406 (Not Acceptable) 含义： 客户端请求的内容类型与服务器支持的内容类型不匹…...

编程新知 2026/2/1 20:49:03

css实现圆环展示百分比，根据值动态展示所占比例

代码如下 <view class""><view class"circle-chart"><view v-if"!!num" class"pie-item" :style"{background: conic-gradient(var(--one-color) 0%,#E9E6F1 ${num}%),}"></view><view v-else …...

编程新知 2026/2/5 4:28:28

k8s从入门到放弃之Ingress七层负载

k8s从入门到放弃之Ingress七层负载 在Kubernetes&#xff08;简称K8s&#xff09;中&#xff0c;Ingress是一个API对象&#xff0c;它允许你定义如何从集群外部访问集群内部的服务。Ingress可以提供负载均衡、SSL终结和基于名称的虚拟主机等功能。通过Ingress&#xff0c;你可…...

编程新知 2025/9/7 0:12:53

MySQL 隔离级别：脏读、幻读及不可重复读的原理与示例

一、MySQL 隔离级别 MySQL 提供了四种隔离级别，用于控制事务之间的并发访问以及数据的可见性，不同隔离级别对脏读、幻读、不可重复读这几种并发数据问题有着不同的处理方式，具体如下： 隔离级别脏读不可重复读幻读性能特点及锁机制读未提交（READ UNCOMMITTED）允许出现允许…...

编程新知 2025/9/16 21:01:58

STM32F4基本定时器使用和原理详解

STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...

编程新知 2026/2/9 3:58:32

【C语言练习】080. 使用C语言实现简单的数据库操作

080. 使用C语言实现简单的数据库操作 080. 使用C语言实现简单的数据库操作使用原生APIODBC接口第三方库ORM框架文件模拟1. 安装SQLite2. 示例代码：使用SQLite创建数据库、表和插入数据3. 编译和运行4. 示例运行输出：5. 注意事项6. 总结080. 使用C语言实现简单的数据库操作 在…...

编程新知 2025/9/22 21:37:01

项目部署到Linux上时遇到的错误（Redis，MySQL，无法正确连接，地址占用问题）

Redis无法正确连接 在运行jar包时出现了这样的错误 查询得知问题核心在于Redis连接失败&#xff0c;具体原因是客户端发送了密码认证请求&#xff0c;但Redis服务器未设置密码 1.为Redis设置密码&#xff08;匹配客户端配置&#xff09; 步骤&#xff1a; 1&#xff09;.修…...

编程新知 2026/2/8 14:19:47

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数 在软件开发中，单例模式（Singleton Pattern）是一种常见的设计模式，确保一个类仅有一个实例，并提供一个全局访问点。在多线程环境下，实现单例模式时需要注意线程安全问题，以防止多个线程同时创建实例，导致…...

编程新知 2025/11/25 19:50:27

Linux nano命令的基本使用

参考资料 GNU nanoを使いこなすnano基础 目录 一. 简介二. 文件打开2.1 普通方式打开文件2.2 只读方式打开文件 三. 文件查看3.1 打开文件时&#xff0c;显示行号3.2 翻页查看 四. 文件编辑4.1 Ctrl K 复制 和 Ctrl U 粘贴4.2 Alt/Esc U 撤回 五. 文件保存与退出5.1 Ctrl …...

编程新知 2026/1/31 2:17:41