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

09前端项目----分页功能

news 来源：原创 2025/6/29 9:14:04

分页功能

    • 分页器的优点
    • 实现分页功能
      • 自定义分页器
        • 先实现静态分页器调试
          • 分页器动态数据/交互
        • Element UI组件

分页器的优点

分页器

电商平台同时展示的数据很多，所以采用分页功能

实现分页功能

Element UI已经有封装好的组件，但是也要掌握原理，以及自定义的分页器实现！
所以从两个方面实现：自定义和Element UI

自定义分页器

实现前需要数据：

  1. 当前在第几页——pageNo
  2. 每页展示多少条数据——pageSize
  3. 整个分页器一共有多少条数据——total
    (已知pageSize和total就可以知道分几页，需要向上取整)
  4. 连续的分页个数——continues（一般是5|7奇数）
先实现静态分页器调试

分页Pagination组件放在父组件Search，以上数据都需要父组件传给子组件Pagination。
先传入静态数据实现，之后再修改

<!-- Search.vue-->
<!-- 分页器-->
<Pagination :pageNo="1" :pageSize="3" :total="91" :continues="5"/>

静态页面效果

<template><div class="fr page"><div class="sui-pagination clearfix"><ul><li class="prev disabled"><a href="#">«上一页</a></li><li class="active"><a href="#">1</a></li><li class="dotted"><span>...</span></li><!--中间部分遍历--><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li class="dotted"><span>...</span></li><li class="next"><a href="#">下一页»</a></li></ul><div><span>共{{totalPage}}页&nbsp;</span></div></div></div>
</template>

export default{name:'Pagination',//接收父组件Search传递过来的数据props:['pageNo','pageSize','total','continues'],computed:{totalPage(){return Math.ceil(this.total/this.pageSize);}}
}

！(重点)算出连续页面的起始数字和结束数字

  • 规律：当前页永远在连续数字的中间
    • 当前第八页–> 6 7 8 9 10
    • 当前第14页–> 12 13 14 15 16 (当前页pageNo)
  • 既然是一串数据，那么就放在一个数组当中？
computed:{totalPage(){return Math.ceil(this.total/this.pageSize);},startNumAndEndNum(){//将所用到的组件实例上的数据解构取出来（免得再一次次this.变量）const {continues,pageNo,totalPage} = this;//定义两个变量let start = 0, end = 0;//正常是continues<totalPage，那么就得单独做一次判断if(continues>totalPage){start = 1;end = totalPage;}else{//找规律：continues5页--减2，7页--减3……start = pageNo - parseInt(continues/2);end = pageNo + parseInt(continues/2);//start和end会出现溢出情况！//分别判断情况if(start<=0){start = 1;end = continues;}if(end>totalPage){end = totalPage;start = totalPage - continues + 1;}}return {start,end};},}
  • 动态中间部分遍历
<!--前面部分遍历-->
<li class="prev disabled"><a href="#">«上一页</a>
</li>
<li class="active"><a href="#" v-show="start != 1">1</a>
</li>
<li class="dotted" v-show="start != 1"><span>...</span></li><!--中间部分遍历-->
<li v-for="(page, index) in startNumAndEndNum.end" :key="index"v-show="page >= startNumAndEndNum.start"><a href="#">{{ page }}</a>
</li>
<!--后面部分遍历-->
<li class="dotted" v-show="startNumAndEndNum.end != totalPage" ><span>...</span></li>
<li class="active" v-show="startNumAndEndNum.end != totalPage"><a href="#">{{ totalPage }}</a>
</li>
<li class="next"><a href="#">下一页»</a>
</li>

在这里插入图片描述

1什么时候显示？如果start是1那么开头的1就不需要了v-show="start!=1"
1后面的省略号也同理，start != 1 则显示

  • 当pageNo为1时
    在这里插入图片描述
    后面的31和…也同样需要判断v-show="startNumAndEndNum.end != totalPage"
  • 当pageNo为30时
    在这里插入图片描述
分页器动态数据/交互

点击事件：

pageNo在1时无法点击上一页，pageNo为31时也同样无法点击下一页
li标签设置样式cursor:not-allowed(会显示一个禁止符合)
如果用的是button标签，可以用disabled属性 :disable="pageNo==1"

<li class="prev" :class="{disabled:pageNo==1}"><a href="#">«上一页</a>
</li>
<li class="prev" :class="{disabled:pageNo==totalPage}"><a href="#">«下一页</a>
</li>
  • 子组件点击事件，会改变pageNo，则需要传递给父组件

  1. 父组件Search给子组件Pagination传递数据，并在子组件上绑定自定义getPageNo
    <Pagination :pageNo=“searchParams.pageNo” :pageSize=“searchParams.pageSize” :total=“total” continues=“5” @getPageNo=“”>

  2. 在子组件中触发事件并传递参数给父组件，父组件拿到参数可修改数据

    • 子组件：
      • 在上一页按钮上绑定click事件触发@click="$emit('getPageNo',pageNo-1)"
      • 在分页的数字上绑定@click="$emit('getPageNo',1)"、@click="$emit('getPageNo',totalPage)"
      • 在v-for循环的分页上@click="$emit('getPageNo',page)"传递page就行
      • 在下一页@click="$emit('getPageNo',pageNo+1)"
    • 父组件：
      -自定义回调函数，传递数据发送分页请求
 getPageNo(pageNo){this.searchParamse.pageNo = pageNo;//然后发送请求}

最后样式部分：可以点击的地方加上类名:class="active:pageNo==1",:class="active:pageNo==page"、:class="active:pageNo==totalPage"

.class{background:skybule;
}

ok以上就完工啦！

Element UI组件

在这里插入图片描述

<el-pagination background layout="prev, pager, next" :total="91">
</el-pagination>

相关文章：

09前端项目----分页功能

分页功能 分页器的优点实现分页功能自定义分页器先实现静态分页器调试分页器动态数据/交互 Element UI组件 分页器的优点 电商平台同时展示的数据很多&#xff0c;所以采用分页功能实现分页功能 Element UI已经有封装好的组件&#xff0c;但是也要掌握原理&#xff0c;以及自定…...

编程日记 2025/6/29 9:14:04

头歌之动手学人工智能-机器学习 --- PCA

目录 第1关&#xff1a;维数灾难与降维 第2关&#xff1a;PCA算法流程 任务描述 编程要求 测试说明 第3关&#xff1a;sklearn中的PCA 任务描述 编程要求 测试说明 第1关&#xff1a;维数灾难与降维 第2关&#xff1a;PCA算法流程 任务描述 本关任务&#xff1a;补充…...

编程日记 2025/6/29 9:11:14

Spring 中的循环引用问题

本章来聊聊Spring 中的循环引用问题该如何解决。这里聊的很粗糙&#xff0c;并没有那么细节&#xff0c;只是大概了解了一点。 什么是循环引用&#xff1f; 如下图所示&#xff1a; 图中有两个类&#xff0c;一个 Class A &#xff0c;A 中又引用了 B&#xff0c;Class B 中又…...

编程日记 2025/6/29 9:11:18

SIGGRAPH投稿相关官方指导

author instruction https://www.siggraph.org/preparing-your-content/author-instructions/ 使用latex模板 https://research.siggraph.org/blog/guides/how-to-use-the-acm-siggraph-tog-latex-template/ 格式要求&#xff08;字体、页面大小等&#xff09; https://sa202…...

编程日记 2025/6/29 9:11:15

Python学习笔记（三）（程序流程控制）

文章目录 一、条件语句&#xff08;if/elif/else&#xff09;语法&#xff1a;示例&#xff1a; 二、循环语句1. for 循环语法&#xff1a;示例&#xff1a; 2. while 循环语法&#xff1a;示例&#xff1a; 三、循环控制语句1. break&#xff1a;立即终止循环2. continue&…...

编程日记 2025/6/29 9:15:14

onnx注册cpu版flashattention

摘要 本教程展示了如何在 ONNX Runtime 中注册一个 CPU 可执行的 FlashAttention 算子。首先，可以直接升级到 ONNX Runtime v1.16 及以上，以获得内置的 FlashAttention CPU 实现citeturn0search2；其次，演示了如何通过 ONNX Runtime 的 Custom Op 接口自定义实现并注…...

编程日记 2025/6/29 9:11:19

WebAssembly：开启高性能Web应用新时代

一、引言 随着互联网技术的飞速发展&#xff0c;Web应用的复杂度和性能要求越来越高。传统的Web开发技术&#xff0c;如JavaScript&#xff0c;虽然功能强大&#xff0c;但在处理复杂计算和高性能需求时仍存在一些局限性。WebAssembly&#xff08;简称Wasm&#xff09;作为一种…...

编程日记 2025/6/29 9:12:41

【前端】手写代码输出题易错点汇总

不定期补充。 目录 异步事件循环this作用域/变量提升/闭包原型/继承 异步事件循环 const promise new Promise((resolve, reject) > {console.log(1);console.log(2); }); promise.then(() > {console.log(3); }); console.log(4); //1 //2 //4promise.then 是微任务&…...

编程日记 2025/6/29 11:12:36

STM32F103_HAL库+寄存器学习笔记20 - CAN发送中断+ringbuffer + CAN空闲接收中断+接收所有CAN报文+ringbuffer

导言 如上所示&#xff0c;在[[STM32F103_HAL库寄存器学习笔记19 - CAN发送中断CAN接收中断接收所有CAN报文ringbuffer数据结构]]的基础上&#xff0c;为CAN发送端也引入了ringbuffer&#xff08;环形缓冲区&#xff09;机制。CAN发送有三个发送邮箱&#xff0c;为什么还另外需…...

编程日记 2025/6/29 9:50:50

小白自学python第二天

学习python的第二天 一、判断语句 1、布尔类型和比较运算符 1、布尔类型 表示现实生活中的逻辑&#xff0c;真&#xff08;True&#xff0c;用数字1表示&#xff09;和假&#xff08;False&#xff0c;用数字0表示&#xff09; 2、布尔类型变量的定义 变量的名称 布尔类…...

编程日记 2025/4/25 12:33:58

JavaScript 异步编程与请求取消全指南

JavaScript 异步编程与请求取消全指南 涵盖&#xff1a;同步/异步、Promise、async/await、AbortController、前后端协作 一、同步与异步 1. 同步&#xff08;Synchronous&#xff09; 定义&#xff1a;代码按顺序执行&#xff0c;前一步完成才能执行下一步。特点&#xff1…...

编程日记 2025/6/29 9:11:22

Redis 核心应用场景

高性能缓存 Redis 作为内存数据库&#xff0c;读写性能可达10万 QPS&#xff0c;适合缓存热点数据&#xff08;如商品详情、用户会话&#xff09;&#xff0c;显著降低数据库压力。通过设置过期时间&#xff08;TTL&#xff09;自动清理非热点数据&#xff0c;推荐结合allkeys-…...

编程日记 2025/6/29 9:15:09

KMS工作原理及其安全性分析

在当今数字化时代&#xff0c;数据安全已经成为企业和个人最为关注的话题之一。随着云计算和大数据的快速发展&#xff0c;如何安全地管理密钥成为了一个重要的挑战。KMS&#xff08;Key Management Service&#xff0c;密钥管理服务&#xff09;作为一种专业的密钥管理解决方案…...

编程日记 2025/6/29 9:11:51

施磊老师基于muduo网络库的集群聊天服务器(六)

文章目录 客户端开发开始客户端首页面功能为何不逐行开发&#xff1f;客户端CMake代码搭配知识补充--有很多漏的客户端main-登录,注册,退出群组有问题测试 客户端好友添加与聊天功能表驱动设计&#xff1a;commandMapcommandHandlerMap为什么都是int, string添加好友和聊天功能…...

编程日记 2025/6/29 9:11:25

有关字体，语言，字符编码相关的基础知识，询问chatgpt所得

学习这个知识点的背景是&#xff0c;我需要做一个 在canvas 上书写矢量文本的功能&#xff0c; 使用opentype来加载字体文件&#xff0c;并将内容转换为 svg&#xff0c;导入画布。 但是有些字体文件 是不包含 一些其他语言的字符的。就可能出现 “无效字符”。 花了点时间研究…...

编程日记 2025/6/29 11:20:46

Obsidian和Ollama大语言模型的交互过程

之前的文章中介绍了Obsidian配合Ollama的使用案例&#xff0c;那么它们是如何配合起来的呢&#xff1f;其实这个问题并不准确&#xff0c;问题的准确描述应该是Obsidian的Copilot插件是如何与Ollama大语言模型交互的。因为Obsidian在这里只是一个载体&#xff0c;核心功能还是C…...

编程日记 2025/6/29 9:11:35

架构-数据库系统

数据库系统 一、数据库系统概述 &#xff08;一&#xff09;课程核心模块 覆盖数据库设计、关系代数、规范化理论、数据控制四大核心模块&#xff0c;旨在构建从理论到实践的完整知识体系至。 &#xff08;二&#xff09;典型应用场景 数据管理&#xff1a;学生信息管理&a…...

编程日记 2025/6/29 9:13:03

【C到Java的深度跃迁：从指针到对象，从过程到生态】第三模块·面向对象深度进化 —— 第十二章 接口：比C函数指针更强大的契约

一、从函数指针到接口契约 1.1 C函数指针的本质限制 C语言通过函数指针实现回调机制&#xff0c;但存在根本性缺陷&#xff1a; 回调函数示例&#xff1a; typedef void (*Logger)(const char*); void process_data(int data, Logger logger) { // ... logger("Pro…...

编程日记 2025/5/30 13:39:12

【HFP】蓝牙语音通话控制深度解析：来电拒接与通话终止协议

目录 一、来电拒接的核心流程与信令交互 1.1 拒接场景的分类与触发条件 1.2 HF 端拒接流程 1.3 AG 端拒接流程 二、通话终止流程&#xff1a;主动断开与异常中断 2.1 终止场景的界定 2.2 HF 端终止流程 2.3 AG 端终止流程 三、信令协议的核心要素&#xff1a;AT 命令与…...

编程日记 2025/6/29 10:22:24

linux 中断子系统 层级中断编程

虚拟中断控制器代码&#xff1a; #include<linux/kernel.h> #include<linux/module.h> #include<linux/clk.h> #include<linux/err.h> #include<linux/init.h> #include<linux/interrupt.h> #include<linux/io.h> #include<linu…...

编程日记 2025/6/29 9:14:17

continue插件实现IDEA接入本地离线部署的deepseek等大模型

文章目录 前言一、IDEA安装continue二、continue部署本地大模型三、continue聊天窗口使用deepseek R1四、continue批量接入硅基流动的模型API 前言 亲爱的家人们&#xff0c;创作很不容易&#xff0c;若对您有帮助的话&#xff0c;请点赞收藏加关注哦&#xff0c;您的关注是我…...

编程日记 2025/6/29 9:11:33

Redis-缓存应用 本地缓存与分布式缓存的深度解析

Redis缓存场景与策略&#xff1a;本地缓存与分布式缓存的深度解析 在当今高并发、低延迟的互联网架构中&#xff0c;缓存技术是优化系统性能的核心手段之一。Redis作为分布式缓存的标杆&#xff0c;与本地缓存共同构成了缓存体系的两大支柱。然而&#xff0c;两者的适用场景与…...

编程日记 2025/6/29 9:12:49

关于按键映射软件的探索（其一）

那么先说结论——重构了一次&#xff0c;我还是失败了&#xff0c;失败于拓展调整个性化的设计&#xff0c;不过我还是实现了按键监测然后显示的功能。只不过是说我对于WPF软件等的封装和软窗口的功能还是不怎么熟悉。 引言 在许多游戏玩家中&#xff0c;高难度操作&#xff08…...

编程日记 2025/4/25 12:25:11

测试基础笔记第十一天

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 一、查询连接1.内连接2.左连接3.右连接4.左右连接的必要性5.自关联6.普通查询7.子查询8.子查询充当数据源 二、数据库高级扩展内容1.外键2.索引3.验证索引效果案例实…...

编程日记 2025/6/29 9:11:44

优选算法第十讲：字符串

优选算法第十讲&#xff1a;字符串 1.最长公共前缀2.最长回文子串3.二进制求和4.字符串相乘 1.最长公共前缀 2.最长回文子串 3.二进制求和 4.字符串相乘...

编程日记 2025/6/29 9:45:10

RK3588芯片NPU的使用：官方rknn_yolov5_android_apk_demo运行与解读

一、本文的目标 本文将完成两项任务： 官方的调用摄像头动态目标识别例子运行在rk3588的开发板上。解读源码以增加对rknn开发的认识。二、开发环境说明 主机系统：Windows 11目标设备：搭载RK3588芯片的安卓开发板核心工具：Android Studio Koala | 2024.1.1 Patch 2，NDK 27.…...

编程日记 2025/6/29 9:11:26

面试篇：Spring Boot

基础概念 Spring Boot的核心优势是什么&#xff1f; Spring Boot 的核心优势如下&#xff1a; 自动配置&#xff1a;根据项目中的依赖自动进行配置&#xff0c;减少了大量的手动配置工作。 内嵌服务器&#xff1a;内置 Tomcat、Jetty 等容器&#xff0c;应用可以直接运行为一…...

编程日记 2025/6/29 9:11:28

开源漏洞扫描器：OpenVAS

一、OpenVAS介绍 OpenVAS (Open Vulnerability Assessment System) 是一款功能强大的开源漏洞扫描器。它由 Greenbone Networks 开发和维护&#xff0c;是 Greenbone 安全管理器 (GSM) 产品的基础&#xff0c;同时也有免费的社区版本&#xff08;Greenbone Community Edition&…...

编程日记 2025/5/16 8:51:42

PCB封装主要组成元素

PCB&#xff08;Printed Circuit Board&#xff0c;印刷电路板&#xff09;封装是指将电子元件固定在 PCB 上&#xff0c;并实现电气连接的方式。主要包括以下几类。 1. 焊盘&#xff08;Pad&#xff09; 作用&#xff1a;焊盘是 PCB 封装中最重要的元素之一&#xff0c;它是…...

编程日记 2025/6/29 9:14:02

STC8H DMA 串口1全双工中断方式收发通讯C语言

/************* 功能说明 ************** 本例程基于STC8H8K64U为主控芯片的实验箱9进行编写测试&#xff0c;STC8H系列带DMA模块的芯片可通用参考. 串口1全双工中断方式收发通讯程序。 通过PC向MCU发送数据, MCU将收到的数据自动存入DMA空间. 当DMA空间存满设置大小的…...

编程日记 2025/6/29 9:16:11

考研英一学习笔记

2024 年全国硕士研究生招生考试 英语&#xff08;一&#xff09;试题 &#xff08;科目代码&#xff1a;201&#xff09; Section Ⅰ Use of English Directions: Read the following text. Choose the best word(s) for each numbered blank and mark A, B, C or D on the ANS…...

编程日记 2025/6/29 9:11:43

深度理解spring——BeanFactory的实现

BeanFactory Spring之BeanFactory什么是BeanFactoryApplicationContext相对BeanFactory实现的功能性扩展1. MessageSource2. ResourcePatternResolver3. ApplicationEventPublisher4. EnvironmentCapable通用ApplicationContext实践实现BeanFactoryBeanFactory后处理器排序让谁…...

编程日记 2025/6/29 9:12:38

半导体---检测和量测

目录 1.简介2.AOI(检测) 1.简介 半导体晶圆制造前道量测和检测设备。 公司产品涵盖光学薄膜量测、光学关键尺寸量测、光学衍射套刻量测、光学集成量测、X射线薄膜量测、X射线材料性能量测、X射线成分及表面污染量测等系列产品及解决方案。 半导体领域的量测和AOI如同半导体制造…...

编程日记 2025/6/29 9:11:27

CentOS 7 磁盘分区详细教程

CentOS 7 磁盘分区详细教程 在服务器管理和运维过程中&#xff0c;磁盘分区是一项基础且重要的操作。合理的磁盘分区可以提高数据存储的安全性、高效性&#xff0c;方便系统管理与维护。本文将详细介绍在 CentOS 7 系统中进行磁盘分区的具体步骤和方法。 一、准备工作 1.1 确…...

编程日记 2025/5/26 6:56:24

EasyRTC音视频实时通话在线教育解决方案：打造沉浸式互动教学新体验

一、方案概述 EasyRTC是一款基于WebRTC技术的实时音视频通信平台&#xff0c;为在线教育行业提供了高效、稳定、低延迟的互动教学解决方案。本方案将EasyRTC技术深度整合到在线教育场景中&#xff0c;实现师生间的实时音视频互动等核心功能&#xff0c;打造沉浸式的远程学习体…...

编程日记 2025/5/17 8:03:37

栈（Stack）和队列（Queue）

栈 栈&#xff08;stack&#xff09;是一种特殊的线性表&#xff0c;只允许在固定的一端进行插入和删除操作。 我们可以将栈近似看作一个桶&#xff0c;要取出桶底的元素&#xff0c;就要将桶顶的元素先取出&#xff0c;再将底部元素取出&#xff0c;也可以叫做后进先出。 这…...

编程日记 2025/6/29 9:11:31

1、AI及LLM基础：Python语法入门教程

Python语法入门教程 ​ 这是一份全面的Python语法入门教程，涵盖了注释、变量类型与操作符、逻辑运算、list和字符串、变量与集合、控制流和迭代、模块、类、继承、进阶等内容，通过详细的代码示例和解释，帮助大家快速熟悉Python语法。 文章目录 Python语法入门教程一、注释二…...

编程日记 2025/6/29 9:11:29

跨境电商关键词分类打标

你是一名顶级的亚马逊关键词分析专家，你将用你的亚马逊运营专业的经验帮助我做精准的关键词打标。 首先你会学习以下的知识内容，以便于你后续的关键词分析。 人群词是什么？ 是指直接描述或定位特定用户群体的关键词或标签，用于精准识别目标受众的身份、需求或行为特征。 …...

编程日记 2025/6/29 9:47:07

C# 结构（Struct）

原文&#xff1a;C# 结构&#xff08;Struct&#xff09;_w3cschool 在 C# 中&#xff0c;结构是值类型数据结构。它使得一个单一变量可以存储各种数据类型的相关数据。struct 关键字用于创建结构。 结构是用来代表一个记录。假设您想跟踪图书馆中书的动态。您可能想跟踪每本…...

编程日记 2025/6/29 9:16:05

Java Collections工具类指南

一、Collections工具类概述 java.util.Collections是Java集合框架中提供的工具类&#xff0c;包含大量静态方法用于操作和返回集合。这些方法主要分为以下几类&#xff1a; 排序操作查找和替换同步控制不可变集合特殊集合视图其他实用方法 二、排序操作 1. 自然排序 List&…...

编程日记 2025/6/29 11:21:26

BBRv2，v3 吞吐为什么不如 BBRv1

为什么 BBRv2/3 测试下来吞吐远不如 2016 年底的 BBRv1&#xff0c;这个事曾经提到过很多次&#xff0c;今天分析一下原理。注意三个事实&#xff1a; BBR 是一种拥塞控制算法&#xff1b;BBR 已经迭代到了 v3 版本&#xff1b;BBRv3 的 “性能” 远不如 BBRv1. 第二点有点不…...

编程日记 2025/6/29 10:22:31

Java集成【邮箱验证找回密码】功能

目录 1.添加依赖 2.选择一个自己的邮箱&#xff0c;作为发件人角色。 3.编写邮箱配置【配置发件人邮箱】 4.编写邮箱配置类 5.编写controller业务代码 6.演示效果 7.总结流程 8.注意 结语 1.添加依赖 <!--导入邮箱依赖--> <dependency><groupId>or…...

编程日记 2025/5/31 14:28:22

Java微服务架构设计与实践 - 面试实战

Java微服务架构设计与实践 - 面试实战 在互联网大厂的Java求职者面试中&#xff0c;微服务架构设计是一个常见的考察点。本文通过严肃的面试官和资深Java架构师马架构之间的对话&#xff0c;详细展示了如何回答SpringCloud相关的核心技术问题。 第一轮提问 面试官&#xff1…...

编程日记 2025/6/29 10:16:59

Java后端开发面试题(含答案）

在广州一个小公司&#xff08;BOSS标注是20-99人&#xff0c;薪资2-3k左右)&#xff0c;直接面试没有笔试&#xff0c;按流程自我介绍&#xff0c;然后直接拿着简历问项目场景&#xff0c;问题是结合场景题和八股文。废话不多说&#xff0c;直接分享面试题目个大家做参考。 1、…...

编程日记 2025/6/29 10:58:42

Sharding-JDBC 系列专题 - 第九篇：高可用性与集群管理

Sharding-JDBC 系列专题 - 第九篇：高可用性与集群管理 本系列专题旨在帮助开发者全面掌握 Sharding-JDBC，一个轻量级的分布式数据库中间件。本篇作为系列的第九篇文章，将重点探讨 高可用性（High Availability, HA） 和 集群管理，包括数据库高可用方案、Sharding-JDBC 的故…...

编程日记 2025/6/1 8:48:24

Node.js 学习入门指南

Node.js 学习入门指南 Node.js 是一种流行的开源、跨平台的 JavaScript 运行时环境&#xff0c;它使开发者能够在服务器端运行JavaScript代码。本篇文章旨在帮助初学者快速入门并掌握Node.js的基础知识和常用技巧。 一、什么是Node.js&#xff1f; 定义 Node.js 是一个基于…...

编程日记 2025/6/29 9:13:21

数智视融合驱动未来，Al+数字孪生重塑价值｜2025袋鼠云春季数智发布会回顾

4月16日&#xff0c;袋鼠云成功举办了“做DataAI的长期主义者——2025年袋鼠云春季数智发布会”&#xff0c;从智能分析决策平台到AI大模型应用&#xff0c;从数字孪生中枢到AI增强型数字世界&#xff0c;勾勒出企业数智化转型的进化图谱&#xff0c;真正实现AI赋能企业业务&am…...

编程日记 2025/5/27 8:42:45

nfs服务原理、搭建手册、安全配置建议及异常定位手段

一、NFS服务原理 NFS&#xff08;Network File System&#xff09;是一种基于TCP/IP协议的网络文件共享系统&#xff0c;允许客户端像访问本地文件一样访问远程服务器上的共享目录。其核心原理依赖于RPC&#xff08;Remote Procedure Call&#xff09;机制&#xff0c;具体流程…...

编程日记 2025/6/29 10:30:46

第十三届蓝桥杯 2022 C/C++组 修剪灌木

目录 题目&#xff1a; 题目描述&#xff1a; 题目链接&#xff1a; 思路&#xff1a; 核心思路&#xff1a; 思路详解&#xff1a; 代码&#xff1a; 代码详解&#xff1a; 题目&#xff1a; 题目描述&#xff1a; 题目链接&#xff1a; P8781 [蓝桥杯 2022 省 B] 修…...

编程日记 2025/6/29 10:19:32

MySQL：数据库设计

目录 一、范式 二、第一范式 二、第二范式 三、第三范式 四、设计 &#xff08;1&#xff09;一对一关系 &#xff08;2&#xff09;一对多关系 &#xff08;3&#xff09;多对多关系 一、范式 数据库的范式是一种规则&#xff08;规范&#xff09;&#xff0c;如果我们…...

编程日记 2025/5/29 13:43:34