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

news2025/2/14 2:02:02

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

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

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/639396.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

服务器安装cuda版本的pytorch+DGL

服务器安装cuda版本的pytorch+DGL

1、先创建pytorch环境：conda create -n ljj_torch112 python3.8 看本机的： 先看自己的cuda版本：（最权威的看：nvcc --version） 10.0的cuda于是不太符合，所以换一个10.2的cuda比较常用&#xff0…
阅读更多...
【C++从入门到放弃】list深度剖析及模拟实现

【C++从入门到放弃】list深度剖析及模拟实现

🧑‍💻作者： 情话0.0 📝专栏：《C从入门到放弃》 👦个人简介：一名双非编程菜鸟，在这里分享自己的编程学习笔记，欢迎大家的指正与点赞，谢谢！ list …
阅读更多...
CANN黑科技解密|昇腾Ascend C编程语言 — 极简易用的算子开发体验

CANN黑科技解密|昇腾Ascend C编程语言 — 极简易用的算子开发体验

AI应用的大脑是神经网络，而构成神经网络的基石是一个个算子。为了让开发者的网络在昇腾硬件上高效运行，昇腾异构计算架构CANN（Compute Architecture for Neural Networks）提供了丰富的高性能算子库，包括神经网络库、线…
阅读更多...
Python-opcua 编程（1）

Python-opcua 编程（1）

任何一项新标准如果不能充分应用是不可能推广的，最近看了一些国外网站，发现类似OPC UA 的应用以及比较广泛了，而且有许多课程。相比之下，我国OPCUA 标准的普及工作仍然停留在概述的阶段，为此，我将逐步介绍一…
阅读更多...
复习并发编程的基础知识（一）

复习并发编程的基础知识（一）

时间长了，并发编程的基础知识总忘，来记录一下： 进程和线程 进程：资源分配的最小单元，什么是资源？CPU，内存，网卡等等 线程：进程中的一个实体，不能单独存在&…
阅读更多...
七、DMSP/OLS、NPP/VIIRS等夜间灯光数据能源碳排放空间化——能源碳排放增长类型、增长率、总量增长等级分析

七、DMSP/OLS、NPP/VIIRS等夜间灯光数据能源碳排放空间化——能源碳排放增长类型、增长率、总量增长等级分析

一、前言 前文对能源碳排放空间化后的分析角度做了一些介绍，其实无非就是能源碳排放增长类型、增长率等的计算，那么这里强调一下，这个时候不能用利用统计数据计算出来的能源碳排放数据进行计算，而是必须用反演的能源碳排放数据进行划定计算。 二、具体步骤 增长类型 （…
阅读更多...
【Excel超实用快捷键！！！办公效率1000%up!up!up!】

【Excel超实用快捷键！！！办公效率1000%up!up!up!】

目录索引 ctrle：提取数据：合并数据： 普通快捷键：ctrla：ctrlc：ctrlv：ctrlx：ctrlz：ctrly：ctrls：ctrlf： 文字格式快捷键：ctrl…
阅读更多...
IMX6ULL裸机篇之SPI实验-SPI主控寄存器

IMX6ULL裸机篇之SPI实验-SPI主控寄存器

一. SPI主控寄存器 IMX6ULL 芯片的 SPI接口叫做 ECSPI，支持全双工、主丛可配置。 本文学习 IMX6ULL-阿尔法开发板SPI中控芯片的 SPI寄存器部分。后续代码实现需要配置 SPI相关的寄存器。 二. SPI主控的寄存器配置 1. SPI主控芯片寄存器 (1) RXDATA寄存器&am…
阅读更多...
DVWA-Command Injection

DVWA-Command Injection

大约 命令注入攻击的目的是在易受攻击的应用程序中注入和执行攻击者指定的命令。 在这种情况下，执行不需要的系统命令的应用程序就像一个伪系统外壳，攻击者可能会使用它 作为任何授权的系统用户。但是，命令的执行权限和环境与 Web 服务具有的…
阅读更多...
【MySQL】创建和管理表

【MySQL】创建和管理表

创建和管理表 标识符命名规则MySQL中的数据类型创建和管理数据库使用数据库修改数据库 创建表语法方式一方式二 修改表向表中追加一个列修改一个列重命名一个列删除一个列 重命名表方式一方式2; 删除表清空表 存储数据是处理数据的第一步 。只有正确地把数据存储起来&#xff0…
阅读更多...
基于卫星星历计算卫星在CGCS2000大地坐标系中的坐标

基于卫星星历计算卫星在CGCS2000大地坐标系中的坐标

目录 一、北斗系统概述 1.空间星座 2.坐标系统 3.时间系统 二、实验目的 三、实验内容 四、实验过程 五、实验结果 一、北斗系统概述 1.空间星座 北斗卫星导航系统简称北斗系统，英文缩写为 BDS，其空间星座由 5 颗地球静止轨道（GEO&…
阅读更多...
​“前端已死”甚嚣尘上，全栈工程师卷到起飞

​“前端已死”甚嚣尘上，全栈工程师卷到起飞

海量应届生入场，坑位却还是那多。具备前后端开发能力的全栈工程师兴起，不仅能够开发前端，还能够处理后端业务逻辑和数据库等技术，还能掌握整个软件开发的细节。企业自然会更愿意招聘全栈工程师，说白了，卷啊…
阅读更多...
springboot整合quartz实现定时任务动态增删改查

springboot整合quartz实现定时任务动态增删改查

springboot整合quartz quartz介绍Quartz 核心概念 使用依赖配置文件启动类quartz工具类job业务用到的对象类接口service实现类测试 quartz介绍 Quartz是OpenSymphony开源组织在Job scheduling领域又一个开源项目，它可以与J2EE与J2SE应用程序相结合也可以单独使用。…
阅读更多...
【CMake 入门与进阶（6）】 CMakeLists.txt 部分常用变量（附使用代码）

【CMake 入门与进阶（6）】 CMakeLists.txt 部分常用变量（附使用代码）

变量也是 cmake 中的一个重头戏，cmake 提供了很多内置变量，每一个变量都有它自己的含义，通过这个链接地址cmake-variables(7) — CMake 3.5.2 Documentation可以查询到所有的内置变量及其相应的介绍，如下所示： 在这一份…
阅读更多...
App移动端测试 —— Monkey的日志

App移动端测试 —— Monkey的日志

Monkey的日志对于分析脚本的执行情况十分必要。 Monkey 日志由以下几部分组成： 测试命令信息：随机种子 seed、运行次数、可运行应用列表、各事件百分比。” 正文内容从这里开始（可直接省略，亦可配图说明）。 01—Mon…
阅读更多...
使用python批量处理工作簿和工作表

使用python批量处理工作簿和工作表

案例01 批量新建并保存工作簿 将for语句与xlwings模块相结合，就可以轻松实现批量创建工作簿 import xlwings as xw # 导入xlwings模块 app xw.App(visibleTrue,add_bookFalse) # 启动Excel程序，但不新建工作簿 for i in range(6):workbook app.books…
阅读更多...
Pyinstaller 快速找出所需库的方法

Pyinstaller 快速找出所需库的方法

目录 【auto-py-to-exe】第三方库 使用【auto-py-to-exe】逐步尝试 1.什么文件都不添加，选择项目与单目录后直接打包 2.直接运行生成的exe文件 3.定位所需的包 4.--add-data 和 --hidden-import 打包为一个exe文件 【auto-py-to-exe】第三方库 其是pyinstaller操…
阅读更多...
【头歌-Python】9.1 X射线衍射曲线绘制(project)第3~4关

【头歌-Python】9.1 X射线衍射曲线绘制(project)第3~4关

第3关：X 射线衍射曲线峰值 任务描述 本关任务：读文件中的数据绘制线图形并加绘制峰值。 相关知识 为了完成本关任务，你需要掌握： python 读取文件中的数据使用 matplotlib 绘制图形 python 读取文件 python读取文件可以用以…
阅读更多...
6.volatile与JMM

6.volatile与JMM

volatile与JMM 6.1 被volatile修饰的变量有两大特点 特点： 可见性 有序性：有排序要求，有时需要禁重排 内存语义： 当写一个volatile变量时，JMM会把该线程对应的本地内存中的共享变量值立即刷新回主内存中 当读一个vol…
阅读更多...
Linux：ftp服务 (vsftpd)

Linux：ftp服务 (vsftpd)

我的ftp服务器为centos7 使用yum安装的vsftpd软件 （如果你需要离线yum库，而不会搭建可以查看） Linux：rpm查询安装 && yum安装_鲍海超-GNUBHCkalitarro的博客-CSDN博客 安装软件 配置环境 其次是Linux的防火墙和selinu…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023