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

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

news 文章来源：https://blog.csdn.net/MYCSDN6666/article/details/131176316 2025/1/12 12:22:56

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

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

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

Android Audio开发——AAudio基础（十五）

AAudio 是一个自 Android O 引入的新的 Android C API。它主要是为需要低延迟的高性能音频应用设计的。应用程序通过直接从流中读取或向流中写入数据来与 AAudio 通信，但它只包含基本的音频输入输出能力。 一、AAudio概述 AAudio 在应用程序和 Android 设备上的音频输入输出之…...

编程日记 2023/6/13 1:38:55

SDK接口远程调试【内网穿透】

文章目录 1.测试环境2.本地配置3. 内网穿透3.1 下载安装cpolar内网穿透3.2 创建隧道 4. 测试公网访问5. 配置固定二级子域名5.1 保留一个二级子域名5.2 配置二级子域名 6. 使用固定二级子域名进行访问 转发自cpolar内网穿透的文章：Java支付宝沙箱环境支付&#xff0…...

编程日记 2023/6/13 1:33:54

Mybatis学习笔记二

目录 一、MyBatis的各种查询功能1.1 查询一个实体类对象1.2 查询一个List集合1.3 查询单个数据1.4 查询一条数据为map集合1.5 查询多条数据为map集合1.5.1 方法一：1.5.2 方法二： 二、特殊SQL的执行2.1 模糊查询2.2 批量删除2.3 动态设置表名2.4 添加功能…...

编程日记 2023/6/13 1:28:52

大屏数据可视化开源项目

一、DataGear —— 数据可视化项目 官网：DataGear - 开源免费的数据可视化分析平台 DataGear 是一款开源免费的数据可视化分析平台，数据可视化看板。 功能特性： 1、多种数据源，支持运行时接入任意提供 JDBC 驱动的数据库&#…...

编程日记 2023/6/13 1:23:51

面试经典150题：数组/字符串合集

新专栏&#xff0c;预计两个月写完吧&#xff0c;每天下班回来抽空做几道题。会把做题计划顺序记录下来&#xff0c;如果你有缘&#xff0c;刷到这个开篇序列&#xff0c;那就跟着文章去练题吧。初学者可以慢慢来 88. 合并两个有序数组 void merge(vector<int>& nums…...

编程日记 2023/6/13 1:18:50

Java源文件的执行过程

目录 1.JVM 2.字节码 3.Java源文件执行的过程 4.JIT&#xff08;Just In Time Compilation&#xff09; 5.AOT&#xff08;Ahead Of Time Compilation&#xff09; 6.AOT破坏Java动态性 7.编译型语言与解释型语言 8.Java-编译与解释并存的语言 9.Java和C的相同点与不同…...

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

10个ai算法常用库java版

今年ChatGPT 火了半年多，热度丝毫没有降下来。深度学习和 NLP 也重新回到了大家的视线中。有一些小伙伴问我，作为一名 Java 开发人员，如何入门人工智能，是时候拿出压箱底的私藏的学习AI的 Java 库来介绍给大家。 这些库和框架为机器学习、深度学习、自然语言处理等提供了广…...

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

怎么看服务器带宽大小 103.219.179.X

第一种&#xff0c;可以使用网站测速&#xff0c;这种方式比较便捷&#xff0c;但是由于网站测速是测试服务器发送数据包到他网站节点的一个速度情况&#xff0c;有时候节点问题或者服务器做了封包限制可能导致测试不准确的情况。 第二种&#xff0c;可以在IIS上架设一个大一点…...

编程日记 2023/6/13 1:03:47

图形编辑器开发：最基础但却复杂的选择工具

大家好&#xff0c;我是前端西瓜哥。 对于一个图形设计软件&#xff0c;它最基础的工具是什么&#xff1f;选择工具。 但这个选择工具&#xff0c;却是相当的复杂。这次我来和各位&#xff0c;细说细说选择工具的一些弯弯道道。 我正在开发的图形设计工具的&#xff1a; http…...

编程日记 2023/6/13 0:58:46

apk签名-signapk.jar

如果做平台app开发&#xff0c;需要签platform签名&#xff0c;除了通过adroid.bp或者android.mk的方式使用AOSP整个大工程中签名外&#xff0c;还可以直接通过signapk.jar的方式进行签名&#xff0c;效率更高更快捷简便。 首先我们来回顾下AOSP平台签名的办法。 Android.mk 使…...

编程日记 2023/6/13 0:53:43

移动网站 案例/淘宝推广工具

本帖最后由 tian_1995 于 2018-7-7 18:09 编辑软院帖子那么多&#xff0c;我觉得计算机系比软件好呐。软院太火爆&#xff0c;近几年报名人数一千多了吧&#xff0c;计算机比软件题难点&#xff0c;但是报名人数少。我觉得还是要衡量一下。先附下18年计算机系的考纲吧。专硕考9…...

编程日记 2025/1/12 8:54:18

网站内页做排名/自动点击器软件

摘要自簡單來說就是可以將一個 or 多個應用包裝成一個服務&#xff0c;並透過 chart 的形式發佈&#xff0c;讓大家可以方便在 k8s 上安裝特定的服務。幾個元件的名詞Tiller server: 用來與API server溝通&#xff0c;使用chart在k8s cluster上建立服務Helm client: 則是用來操…...

编程日记 2025/1/12 7:13:12

wordpress 重写url插件/seo渠道

监听域对象的生命周期&#xff1a;在Web应用程序的运行期间&#xff0c;Web容器会创建和销毁三个比较重要的对象ServletContext、HttpSession和ServletRequest&#xff0c;这些对象被称为域对象&#xff0c;为了监听这些域对象的生命周期&#xff0c;Servlet API中专门提供三个…...

编程日记 2025/1/12 3:48:02

软件开发工具都有哪些/seo关键词推广多少钱

0. 前言 在使用TensorFlow要明确下面的概念&#xff1a; 用图表示计算任务&#xff1b;在会话的上下文中执行图&#xff1b;数据用Tensor表示&#xff1b;变量用来维护状态&#xff1b;feed为操作赋值&#xff0c;fetch获取数据&#xff1b; TensorFlow的程序一般有如下2个阶…...

编程日记 2025/1/12 3:35:15

网站开发毕业论文开题报告/超级seo外链

问题描述 输入两个正整数m和n&#xff0c;求其最大公约数和最小公倍数。&#xff08;如输入8 12&#xff0c;输出最大公约数为4&#xff0c;最小公倍数为24&#xff09; 代码如下&#xff1a; #include<stdio.h> int main() {int m,n,t,b,c;scanf("%d%d",&a…...

编程日记 2025/1/12 3:20:03

服务器托管是啥/保定网站seo

Inception_web本系统是MySQL自动化管理工具&#xff0c;配合Inception使用&#xff0c;基于archer进行二次开发&#xff0c;进行了一些补充优化。功能说明&#xff1a;SQL自主审核自动审核人工审核定时执行SQL主副人工审核(可配置)回滚sql下载数据库配置用户权限配置用户分配数…...

编程日记 2025/1/12 0:04:27