基于React+JsonServer+Antddesign的读书笔记关联系统
文章目录
- 涉及技术
- 系统功能
- JsonServer介绍
- JsonServer安装
- JsonServer使用
- 创建React项目
- 我的书架
- 显示效果
- 关键代码
- 笔记
- 显示效果
- 关键代码
- 人物关系
- 显示效果
- 关键代码
- 个人中心
- 显示效果
- 关键代码
- 完整代码和数据下载地址
- 项目启动步骤
- 启动json-server
- 启动react项目
涉及技术
-
React
-
Antddesign
-
Json-server
-
Echarts
-
Vis.js（渲染图书人物知识图谱）是一个强大的库，用于创建交互式数据可视化，特别适合网络图、时间轴和图形可视化。它可以帮助你用简单的代码绘制复杂的可视化数据结构。vis.js 主要用于以下几种可视化类型：
Network（网络图）：用于显示节点和边的交互式网络。
Timeline（时间轴）：用于创建带有时间事件的交互式时间线。
Graph2d：绘制二维图表。
Graph3d：绘制三维图表。
系统功能
- 首页
- 我的书架
- 笔记
- 人物关系
- 个人中心
- 成就
- 读书分类
- 数据统计
JsonServer介绍
JsonServer 是一个简单的工具，用于在开发过程中快速创建一个模拟的
RESTful API
相关文章：
基于React+JsonServer+Antddesign的读书笔记关联系统
文章目录 涉及技术系统功能JsonServer介绍JsonServer安装JsonServer使用创建React项目我的书架显示效果关键代码笔记显示效果关键代码人物关系显示效果关键代码个人中心显示效果关键代码完整代码和数据下载地址项目启动步骤启动json-server启动react项目涉及技术 React Antddes…...
【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…...
react 安装使用 antd+国际化+定制化主题+样式兼容
安装antd 现在从 yarn 或 npm 或 pnpm 安装并引入 antd。 yarn add antd修改 src/App.js，引入 antd 的按钮组件。 import React from react; import { Button } from antd;const App: React.FC () > (<div className"App"><Button type&q…...
【Kubernetes】常见面试题汇总（十六）
目录 48.简述 Kubernetes PodsecurityPolicy 机制能实现哪些安全策略？ 49.简述 Kubernetes 网络模型？ 50.简述 Kubernetes CNl 模型？ 48.简述 Kubernetes PodsecurityPolicy 机制能实现哪些安全策略？ 在 PodSecurityPolicy 对象…...
【mysql】mysql之优化
本站以分享各种运维经验和运维所需要的技能为主 《python零基础入门》：python零基础入门学习 《python运维脚本》： python运维脚本实践 《shell》：shell学习 《terraform》持续更新中：terraform_Aws学习零基础入门到最佳实战 《k8…...
Django REST framework 实现缓存机制以优化性能
Django REST framework 实现缓存机制以优化性能 页面首页中，导航菜单或轮播广告在项目中每一个页面都会被用户频繁访问到，所以我们可以实现缓存，减少MySQL数据库的查询压力，使用内存缓存可以加快数据查询速度。 cache_page 装饰…...
快速了解高并发解决方案
对《高并发的哲学原理》的个人总结，原书地址如下 https://pphc.lvwenhan.com/ 本书的核心思想就是拆分，服务细化拆分多资源并行。 通用设计方法 例子：每秒100万次http请求 通过架构解决性能问题，在面对并发需求时ÿ…...
SpringBoot框架下的房产销售系统设计与实现
摘 要 随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势；对于房产销售系统当然也不能排除在外，随着网络技术的不断成熟，带动了房产销售系统，它彻底改变了过去传统的…...
基于RFID的门禁系统的设计（论文+源码）
1系统方案设计 通过需求分析，基于RFID的门禁系统总体设计框图。系统采用STM32单片机作为系统主控核心，利用独立按键与RFID识别模块能够实现门禁系统密码与IC卡开门功能。WiFi模块实现系统与手机APP的通信，用户可以通过手机APP进行门禁开关操…...
湖仓一体-Paimon篇-简介
什么是Paimon？ 2021年末，Flink官方提出打造一个全新的存储 Flink Table Store，一个 Flink 完全内置的存储。 为了让 Flink Table Store 能够有更大的发展，Flink PMC经过讨论决定将其捐赠Apache进行独立孵化。 2023 年 3 月 12 日…...
React Native 0.76版本发布
关于 React Native 的 New Architecture 概念，最早应该是从 2018 年 RN 团队决定重写大量底层实现开始，因为那时候 React Native 面临各种结构问题和性能瓶颈，最终迫使 RN 团队开始进行重构。 而从 React Native 0.68 开始，New A…...
yolo自动化项目实例解析（一）日志格式输出、并发异步多线程、websocket、循环截图、yolo推理、3d寻路
本系列是为了学习自动化操作相关知识点，对开源项目原神ai的技术理解，开源地址如下，拉取版本号为1.78 https://gitee.com/LanRenZhiNeng/lanren-genshin-impact-ai 一、main入口主要函数说明 vi main.py 封装的函数较多，我们拆分…...
获取无人机经纬度是否在指定禁飞区内
1. 计算公式： (AB X AE ) * (CD X CE) >= 0 && (DA X DE ) * (BC X BE) >= 0 参考： 判断点是否在矩形框（多边形）内_qt opencv 判断一点是否在矩形内-CSDN博客 2.测试结果： 3.实现完整代码： #include<cstd...
解读：以RTC为基，AI为脑的“超拟人”AI实时互动解决方案
我们打造了一款满足想象与应用的智能体——AI实时互动。 谈谈AI智能体 当AI变得足够聪明时，用户与AI的交互将变得真实自然。于是，构建高拟真AI与用户的实时交互，已经成为企业提升数智化生产力的新思路。 在这个交互过程中，存在一…...
软件测试学习笔记丨Postman基础使用
本文转自测试人社区，原文链接：https://ceshiren.com/t/topic/32096 一、Postman基础使用 1.1 简介 Postman是一款流行的API测试工具和开发环境，旨在简化API开发过程、测试和文档编制。优势： Postman可以快速构建请求，…...
HTML5+CSS3面试题：（第一天）
目录 1.HTML5有哪些新特性,移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？ 2.谈谈iframe标签的优缺点? iframe的优点： iframe的缺点： 3.CSS3有哪些新特性? 4.让chrome支持小于12px的…...
微信小程序中的模块化、组件化开发：完整指南
文章目录 前言一、模块化与组件化开发的优势1.1模块化开发的优势1.2 组件化开发的优势 二、组件的抽离标准及规范2.1 抽离组件的标准2.2 组件化开发规范 三、模块化规范的种类及优劣比较3.1 CommonJS3.2 ES6 Modules3.3 优劣对比 四、组件封装：全局组件、分包组件、…...
9.第二阶段x86游戏实战2-初识易语言
免责声明：内容仅供学习参考，请合法利用知识，禁止进行违法犯罪活动！ 本次游戏没法给 内容参考于：微尘网络安全 工具下载： 链接：https://pan.baidu.com/s/1rEEJnt85npn7N38Ai0_F2Q?pwd6tw3 提…...
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，也就是不响应中断。实现代码如下： /**\brief Disable IRQ Interrupts\details Disables IRQ interrupt…...
MATLAB在嵌入式系统设计中的最佳实践
嵌入式系统设计是一个复杂的过程，涉及硬件和软件的紧密集成。MATLAB提供了一套全面的解决方案，从算法开发到代码生成，再到硬件验证，极大地简化了这一过程。本文将探讨使用MATLAB进行嵌入式系统设计的最佳实践，包括模型…...
云启出海，智联未来｜阿里云网络「企业出海」系列客户沙龙上海站圆满落地
借阿里云中企出海大会的东风，以**「云启出海，智联未来｜打造安全可靠的出海云网络引擎」为主题的阿里云企业出海客户沙龙云网络&安全专场于5.28日下午在上海顺利举办，现场吸引了来自携程、小红书、米哈游、哔哩哔哩、波克城市、…...
SCAU期末笔记 - 数据分析与数据挖掘题库解析
这门怎么题库答案不全啊日 来简单学一下子来 一、选择题（可多选） 将原始数据进行集成、变换、维度规约、数值规约是在以下哪个步骤的任务?(C) A. 频繁模式挖掘 B.分类和预测 C.数据预处理 D.数据流挖掘 A. 频繁模式挖掘：专注于发现数据中…...
UDP(Echoserver)
网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法：netstat [选项] 功能：查看网络状态 常用选项： n 拒绝显示别名&#…...
第25节 Node.js 断言测试
Node.js的assert模块主要用于编写程序的单元测试时使用，通过断言可以提早发现和排查出错误。 稳定性: 5 - 锁定 这个模块可用于应用的单元测试，通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...
从零实现STL哈希容器：unordered_map/unordered_set封装详解
本篇文章是对C学习的STL哈希容器自主实现部分的学习分享 希望也能为你带来些帮助~ 那咱们废话不多说，直接开始吧！ 一、源码结构分析 1. SGISTL30实现剖析 // hash_set核心结构 template <class Value, class HashFcn, ...> class hash_set {ty…...
Java多线程实现之Thread类深度解析
Java多线程实现之Thread类深度解析 一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型 二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数 三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程 四、Thread类的核心…...
云原生安全实战：API网关Kong的鉴权与限流详解
🔥「炎码工坊」技术弹药已装填！ 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 一、基础概念 1. API网关（API Gateway） API网关是微服务架构中的核心组件，负责统一管理所有API的流量入口。它像一座…...
WPF八大法则：告别模态窗口卡顿
⚙️ 核心问题：阻塞式模态窗口的缺陷 原始代码中ShowDialog()会阻塞UI线程，导致后续逻辑无法执行： var result modalWindow.ShowDialog(); // 线程阻塞 ProcessResult(result); // 必须等待窗口关闭根本问题：…...
在 Visual Studio Code 中使用驭码 CodeRider 提升开发效率：以冒泡排序为例
目录 前言1 插件安装与配置1.1 安装驭码 CodeRider1.2 初始配置建议 2 示例代码：冒泡排序3 驭码 CodeRider 功能详解3.1 功能概览3.2 代码解释功能3.3 自动注释生成3.4 逻辑修改功能3.5 单元测试自动生成3.6 代码优化建议 4 驭码的实际应用建议5 常见问题与解决建议…...
医疗AI模型可解释性编程研究：基于SHAP、LIME与Anchor
1 医疗树模型与可解释人工智能基础 医疗领域的人工智能应用正迅速从理论研究转向临床实践，在这一过程中，模型可解释性已成为确保AI系统被医疗专业人员接受和信任的关键因素。基于树模型的集成算法（如RandomForest、XGBoost、LightGBM）因其卓越的预测性能和相对良好的解释性…...