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

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

news 2026/1/16 20:58:55

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

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

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

在软件开发中正确使用MySQL日期时间类型的深度解析

在日常软件开发场景中，时间信息的存储是底层且核心的需求。从金融交易的精确记账时间、用户操作的行为日志，到供应链系统的物流节点时间戳，时间数据的准确性直接决定业务逻辑的可靠性。MySQL作为主流关系型数据库，其日期时间类型的…...

编程新知 2025/10/16 13:22:06

基于FPGA的PID算法学习———实现PID比例控制算法

基于FPGA的PID算法学习 前言一、PID算法分析二、PID仿真分析1. PID代码2.PI代码3.P代码4.顶层5.测试文件6.仿真波形 总结 前言 学习内容：参考网站： PID算法控制 PID即：Proportional（比例）、Integral（积分&…...

编程新知 2026/1/16 18:15:11

中南大学无人机智能体的全面评估！BEDI：用于评估无人机上具身智能体的综合性基准测试

作者：Mingning Guo, Mengwei Wu, Jiarun He, Shaoxian Li, Haifeng Li, Chao Tao单位：中南大学地球科学与信息物理学院论文标题：BEDI: A Comprehensive Benchmark for Evaluating Embodied Agents on UAVs论文链接：https://arxiv.…...

编程新知 2026/1/15 5:01:19

Objective-C常用命名规范总结

【OC】常用命名规范总结 文章目录 【OC】常用命名规范总结1.类名（Class Name)2.协议名（Protocol Name)3.方法名（Method Name)4.属性名（Property Name）5.局部变量/实例变量（Local / Instance Variables&…...

编程新知 2025/12/14 22:33:06

Nuxt.js 中的路由配置详解

Nuxt.js 通过其内置的路由系统简化了应用的路由配置，使得开发者可以轻松地管理页面导航和 URL 结构。路由配置主要涉及页面组件的组织、动态路由的设置以及路由元信息的配置。 自动路由生成 Nuxt.js 会根据 pages 目录下的文件结构自动生成路由配置。每个文件都会对…...

编程新知 2026/1/15 4:57:36

关于 WASM：1. WASM 基础原理

一、WASM 简介 1.1 WebAssembly 是什么？ WebAssembly（WASM） 是一种能在现代浏览器中高效运行的二进制指令格式，它不是传统的编程语言，而是一种 低级字节码格式，可由高级语言（如 C、C、Rust&am…...

编程新知 2025/11/19 10:53:07

【C++从零实现Json-Rpc框架】第六弹 —— 服务端模块划分

一、项目背景回顾 前五弹完成了Json-Rpc协议解析、请求处理、客户端调用等基础模块搭建。 本弹重点聚焦于服务端的模块划分与架构设计，提升代码结构的可维护性与扩展性。 二、服务端模块设计目标 高内聚低耦合：各模块职责清晰，便于独立开发…...

编程新知 2025/10/13 4:15:41

Golang——6、指针和结构体

指针和结构体 1、指针1.1、指针地址和指针类型1.2、指针取值1.3、new和make 2、结构体2.1、type关键字的使用2.2、结构体的定义和初始化2.3、结构体方法和接收者2.4、给任意类型添加方法2.5、结构体的匿名字段2.6、嵌套结构体2.7、嵌套匿名结构体2.8、结构体的继承 3、结构体与…...

编程新知 2026/1/15 5:02:39

Python学习(8) ----- Python的类与对象

Python 中的类（Class）与对象（Object）是面向对象编程（OOP）的核心。我们可以通过“类是模板，对象是实例”来理解它们的关系。 🧱 一句话理解： 类就像“图纸”，对…...

编程新知 2025/10/23 12:11:37

基于stm32F10x 系列微控制器的智能电子琴（附完整项目源码、详细接线及讲解视频）

注：文章末尾网盘链接中自取成品使用演示视频、项目源码、项目文档 所用硬件：STM32F103C8T6、无源蜂鸣器、44矩阵键盘、flash存储模块、OLED显示屏、RGB三色灯、面包板、杜邦线、usb转ttl串口 stm32f103c8t6 面包板 …...

编程新知 2026/1/15 6:16:31