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

基于React+JsonServer+Antddesign的读书笔记关联系统

news 2026/5/16 16:52:09

文章目录

  • 涉及技术
  • 系统功能
  • JsonServer介绍
    • JsonServer安装
    • JsonServer使用
  • 创建React项目
  • 我的书架
    • 显示效果
    • 关键代码
  • 笔记
    • 显示效果
    • 关键代码
    • 人物关系
    • 显示效果
    • 关键代码
  • 个人中心
    • 显示效果
    • 关键代码
  • 完整代码和数据下载地址
  • 项目启动步骤
    • 启动json-server
    • 启动react项目

涉及技术

  1. React

  2. Antddesign

  3. Json-server

  4. Echarts

  5. Vis.js（渲染图书人物知识图谱）是一个强大的库，用于创建交互式数据可视化，特别适合网络图、时间轴和图形可视化。它可以帮助你用简单的代码绘制复杂的可视化数据结构。vis.js 主要用于以下几种可视化类型：

    Network（网络图）：用于显示节点和边的交互式网络。
    Timeline（时间轴）：用于创建带有时间事件的交互式时间线。
    Graph2d：绘制二维图表。
    Graph3d：绘制三维图表。

系统功能

  1. 首页
  2. 我的书架
  3. 笔记
  4. 人物关系
  5. 个人中心
    • 成就
    • 读书分类
    • 数据统计

JsonServer介绍

JsonServer 是一个简单的工具，用于在开发过程中快速创建一个模拟的 RESTful API

相关文章：

基于React+JsonServer+Antddesign的读书笔记关联系统

文章目录 涉及技术系统功能JsonServer介绍JsonServer安装JsonServer使用创建React项目我的书架显示效果关键代码笔记显示效果关键代码人物关系显示效果关键代码个人中心显示效果关键代码完整代码和数据下载地址项目启动步骤启动json-server启动react项目涉及技术 React Antddes…...

编程日记 2024/9/15 15:51:54

【win工具】win安装flameshot并设置截图快捷键

1.下载flameshot软件2.windows端配置flameshot快捷键3.取消win自带截图快捷键 1.下载flameshot软件 https://flameshot.org/#download installer版本为安装包 portable版本为免安装版 2.windows端配置flameshot快捷键 https://cloud.tencent.com/developer/article/2114952 W…...

编程日记 2024/9/15 15:50:52

react 安装使用 antd+国际化+定制化主题+样式兼容

安装antd 现在从 yarn 或 npm 或 pnpm 安装并引入 antd。 yarn add antd修改 src/App.js&#xff0c;引入 antd 的按钮组件。 import React from react; import { Button } from antd;const App: React.FC () > (<div className"App"><Button type&q…...

编程日记 2024/9/15 15:48:51

【Kubernetes】常见面试题汇总（十六）

目录 48.简述 Kubernetes PodsecurityPolicy 机制能实现哪些安全策略&#xff1f; 49.简述 Kubernetes 网络模型&#xff1f; 50.简述 Kubernetes CNl 模型&#xff1f; 48.简述 Kubernetes PodsecurityPolicy 机制能实现哪些安全策略&#xff1f; 在 PodSecurityPolicy 对象…...

编程日记 2024/9/15 15:46:49

【mysql】mysql之优化

本站以分享各种运维经验和运维所需要的技能为主 《python零基础入门》&#xff1a;python零基础入门学习 《python运维脚本》&#xff1a; python运维脚本实践 《shell》&#xff1a;shell学习 《terraform》持续更新中&#xff1a;terraform_Aws学习零基础入门到最佳实战 《k8…...

编程日记 2024/9/15 15:45:48

Django REST framework 实现缓存机制以优化性能

Django REST framework 实现缓存机制以优化性能 页面首页中&#xff0c;导航菜单或轮播广告在项目中每一个页面都会被用户频繁访问到&#xff0c;所以我们可以实现缓存&#xff0c;减少MySQL数据库的查询压力&#xff0c;使用内存缓存可以加快数据查询速度。 cache_page 装饰…...

编程日记 2024/9/15 15:44:48

快速了解高并发解决方案

对《高并发的哲学原理》的个人总结&#xff0c;原书地址如下 https://pphc.lvwenhan.com/ 本书的核心思想就是拆分&#xff0c;服务细化拆分多资源并行。 通用设计方法 例子&#xff1a;每秒100万次http请求 通过架构解决性能问题&#xff0c;在面对并发需求时&#xff…...

编程日记 2024/9/15 15:41:44

SpringBoot框架下的房产销售系统设计与实现

摘 要 随着科学技术的飞速发展&#xff0c;各行各业都在努力与现代先进技术接轨&#xff0c;通过科技手段提高自身的优势&#xff1b;对于房产销售系统当然也不能排除在外&#xff0c;随着网络技术的不断成熟&#xff0c;带动了房产销售系统&#xff0c;它彻底改变了过去传统的…...

编程日记 2024/9/15 15:40:41

基于RFID的门禁系统的设计（论文+源码）

1系统方案设计 通过需求分析&#xff0c;基于RFID的门禁系统总体设计框图。系统采用STM32单片机作为系统主控核心&#xff0c;利用独立按键与RFID识别模块能够实现门禁系统密码与IC卡开门功能。WiFi模块实现系统与手机APP的通信&#xff0c;用户可以通过手机APP进行门禁开关操…...

编程日记 2024/9/15 15:37:39

湖仓一体-Paimon篇-简介

什么是Paimon&#xff1f; 2021年末&#xff0c;Flink官方提出打造一个全新的存储 Flink Table Store&#xff0c;一个 Flink 完全内置的存储。 为了让 Flink Table Store 能够有更大的发展&#xff0c;Flink PMC经过讨论决定将其捐赠Apache进行独立孵化。 2023 年 3 月 12 日…...

编程日记 2024/9/15 15:35:37

React Native 0.76版本发布

关于 React Native 的 New Architecture 概念&#xff0c;最早应该是从 2018 年 RN 团队决定重写大量底层实现开始&#xff0c;因为那时候 React Native 面临各种结构问题和性能瓶颈&#xff0c;最终迫使 RN 团队开始进行重构。 而从 React Native 0.68 开始&#xff0c;New A…...

编程日记 2024/9/15 15:32:34

yolo自动化项目实例解析（一）日志格式输出、并发异步多线程、websocket、循环截图、yolo推理、3d寻路

本系列是为了学习自动化操作相关知识点&#xff0c;对开源项目原神ai的技术理解&#xff0c;开源地址如下&#xff0c;拉取版本号为1.78 https://gitee.com/LanRenZhiNeng/lanren-genshin-impact-ai 一、main入口主要函数说明 vi main.py 封装的函数较多&#xff0c;我们拆分…...

编程日记 2024/9/15 15:29:31

获取无人机经纬度是否在指定禁飞区内

1. 计算公式： (AB X AE ) * (CD X CE) >= 0 && (DA X DE ) * (BC X BE) >= 0 参考： 判断点是否在矩形框（多边形）内_qt opencv 判断一点是否在矩形内-CSDN博客 2.测试结果： 3.实现完整代码： #include<cstd...

编程日记 2024/9/15 15:28:30

解读：以RTC为基，AI为脑的“超拟人”AI实时互动解决方案

我们打造了一款满足想象与应用的智能体——AI实时互动。 谈谈AI智能体 当AI变得足够聪明时&#xff0c;用户与AI的交互将变得真实自然。于是&#xff0c;构建高拟真AI与用户的实时交互&#xff0c;已经成为企业提升数智化生产力的新思路。 在这个交互过程中&#xff0c;存在一…...

编程日记 2024/9/15 15:24:20

软件测试学习笔记丨Postman基础使用

本文转自测试人社区&#xff0c;原文链接&#xff1a;https://ceshiren.com/t/topic/32096 一、Postman基础使用 1.1 简介 Postman是一款流行的API测试工具和开发环境&#xff0c;旨在简化API开发过程、测试和文档编制。优势&#xff1a; Postman可以快速构建请求&#xff0c…...

编程日记 2024/9/15 15:23:19

HTML5+CSS3面试题：（第一天）

目录 1.HTML5有哪些新特性,移除了那些元素&#xff1f;如何处理HTML5新标签的浏览器兼容问题&#xff1f;如何区分HTML和HTML5&#xff1f; 2.谈谈iframe标签的优缺点? iframe的优点&#xff1a; iframe的缺点&#xff1a; 3.CSS3有哪些新特性? 4.让chrome支持小于12px的…...

编程日记 2024/9/15 15:22:18

微信小程序中的模块化、组件化开发：完整指南

文章目录 前言一、模块化与组件化开发的优势1.1模块化开发的优势1.2 组件化开发的优势 二、组件的抽离标准及规范2.1 抽离组件的标准2.2 组件化开发规范 三、模块化规范的种类及优劣比较3.1 CommonJS3.2 ES6 Modules3.3 优劣对比 四、组件封装&#xff1a;全局组件、分包组件、…...

编程日记 2024/9/15 15:21:17

9.第二阶段x86游戏实战2-初识易语言

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 本次游戏没法给 内容参考于&#xff1a;微尘网络安全 工具下载&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/1rEEJnt85npn7N38Ai0_F2Q?pwd6tw3 提…...

编程日记 2024/9/15 15:20:15

Cortex-A7：__disable_irq和GIC_DisableIRQ、__enable_irq和GIC_EnableIRQ的区别（1）API介绍

0 相关资料 ARM Generic Interrupt Controller Architecture version 2.0.pdf 1 API介绍 1.1 __disable_irq __disable_irq函数的作用是失能IRQ&#xff0c;也就是不响应中断。实现代码如下&#xff1a; /**\brief Disable IRQ Interrupts\details Disables IRQ interrupt…...

编程日记 2024/9/15 15:17:10

MATLAB在嵌入式系统设计中的最佳实践

嵌入式系统设计是一个复杂的过程&#xff0c;涉及硬件和软件的紧密集成。MATLAB提供了一套全面的解决方案&#xff0c;从算法开发到代码生成&#xff0c;再到硬件验证&#xff0c;极大地简化了这一过程。本文将探讨使用MATLAB进行嵌入式系统设计的最佳实践&#xff0c;包括模型…...

编程日记 2024/9/15 15:15:09

从PAM到BanditPAM：k-Medoids聚类算法的演进、优化与实战选型指南

1. 为什么需要k-Medoids算法&#xff1f; k-Means算法大家应该都不陌生&#xff0c;它简单高效&#xff0c;是很多数据科学项目的入门首选。但我在实际项目中经常遇到这样的情况&#xff1a;当数据集中存在异常值或噪声点时&#xff0c;k-Means的表现就会大打折扣。这是因为k-M…...

编程新知 2026/5/16 15:06:29

Spring Boot安全脚手架：openclaw-security-starter核心架构与实战指南

1. 项目概述&#xff1a;一个面向开发者的安全脚手架最近在梳理团队内部的安全开发规范时&#xff0c;发现一个普遍痛点&#xff1a;每个新项目启动&#xff0c;安全相关的配置总是东拼西凑&#xff0c;从依赖扫描、密钥管理到API安全策略&#xff0c;都得重新来一遍&#xff0…...

编程新知 2026/5/16 14:02:29

Deepin Boot Maker：Linux启动盘制作的智能化解决方案

Deepin Boot Maker&#xff1a;Linux启动盘制作的智能化解决方案 【免费下载链接】deepin-boot-maker 项目地址: https://gitcode.com/gh_mirrors/de/deepin-boot-maker 在Linux系统安装领域&#xff0c;传统命令行操作的门槛让许多用户望而却步。Deepin Boot Maker作为…...

编程新知 2026/5/16 13:22:44

Vue2项目里，用lodash的debounce给搜索框‘降降温’（附完整代码和常见坑点）

Vue2实战&#xff1a;用lodash的debounce优化搜索框性能与避坑指南 搜索框是Web应用中最高频的交互组件之一&#xff0c;但处理不当可能成为性能黑洞。当用户快速输入"vue"、"react"等关键词时&#xff0c;传统实现会为每个字符触发搜索请求&#xff0c;导…...

编程新知 2026/5/16 13:00:45

Adafruit退货政策全解析：电子元件退货的核心逻辑与实操指南

1. 退货政策的核心逻辑与适用场景 在创客圈和电子爱好者社群里&#xff0c;Adafruit 几乎是无人不晓的名字。无论是 Arduino 开发板、各种传感器&#xff0c;还是炫目的 NeoPixel LED 灯带&#xff0c;他们的产品是无数项目从想法变为现实的基石。但即便是最资深的玩家&#xf…...

编程新知 2026/5/16 12:20:33

如何在不同终端里面使用claude code并使用不同模型

在使用 Claude Code 开发项目时&#xff0c;我们可能会遇到这样的需求&#xff1a;一个终端使用速度更快、成本更低的模型处理日常代码修改&#xff0c;另一个终端使用推理能力更强的模型处理复杂问题。比如&#xff1a;一个终端用 deepseek-v4-pro[1m]&#xff0c;另一个终端用…...

编程新知 2026/5/16 12:03:36

从零构建装饰艺术视觉系统：Midjourney + Figma联动作业流，1小时产出完整海报/包装/UI组件库

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;装饰艺术视觉系统的美学内核与技术定位 装饰艺术&#xff08;Art Deco&#xff09;视觉系统并非仅关乎复古纹样或金色渐变&#xff0c;其本质是几何秩序、工业节奏与人文表现力的三重耦合。在现代前端架…...

编程新知 2026/5/16 11:45:55

VMware ESXi版本回退全攻略：从适用条件、DCUI操作到6.x升7.0的‘后悔药’失效分析

VMware ESXi版本回退深度解析&#xff1a;从技术原理到实战避坑指南 在虚拟化运维领域&#xff0c;版本升级往往伴随着不可预知的风险。当新版本出现兼容性问题或性能异常时&#xff0c;版本回退能力就成为系统管理员手中的"后悔药"。然而&#xff0c;不同于普通软件…...

编程新知 2026/5/16 10:34:22

Midjourney v7艺术风格跃迁路径：从基础写实到超现实叙事的5阶能力模型，含GPT-4o协同提示链模板

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Midjourney v7艺术风格跃迁路径总览 Midjourney v7 并非简单迭代&#xff0c;而是以扩散模型架构重构与多模态风格理解为内核的范式跃迁。其核心突破在于引入「语义风格锚点&#xff08;Semantic Style…...

编程新知 2026/5/16 10:02:15

STM32F407霸天虎开发板I2C驱动OLED避坑指南：从CubeMX配置到显示中文全流程

STM32F407霸天虎开发板I2C驱动OLED避坑指南&#xff1a;从CubeMX配置到显示中文全流程 在嵌入式开发中&#xff0c;OLED显示屏因其高对比度、低功耗和轻薄特性成为许多项目的首选显示方案。本文将深入探讨如何基于STM32F407霸天虎开发板&#xff0c;通过HAL库和I2C接口高效驱动…...

编程新知 2026/5/16 9:45:40