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

tauri-react：快速开发跨平台软件的架子，支持自定义头部UI拖拽移动和窗口阴影效果

news 2026/3/29 1:13:48

tauri-react

一个使用 tauri+react+ts+antd 开发跨平台软件的模板，支持窗口头部自定义和窗口阴影，不用再自己做适配了，拿来即用，非常 nice。而且已经封装好了 tauri 的 http 请求工具，省去很多弯路。

开原地址：GitHub - Sjj1024/tauri-react: 一个最基础的使用tauri和react开发跨平台应用软件的架子，支持自定义头部和窗口阴影，非常的nice好用

使用到的技术栈：  

tauri：必须要用到的  

react：前端页面开发框架，也可以用 Vue  

react-router：路由页面跳转控制  

mobx：数据存储和共享  

antd：UI 页面渲染  

sass：样式编程  

node：v16.18.0 本地开发依赖

页面预览：登陆页和主页

目录结构介绍

layout里面放到是布局内容，可以在这里面修改头部内容，就可以得到你想要的头部

views：不同的路由展示的页面组件存放的地方

本地开发配置

克隆到本地：

git clone https://github.com/Sjj1024/tauri-react.git

安装依赖：

pnpm install

开发预览：第一次比较耗时和消耗电脑性能，因为要安装 tauri 依赖

pnpm develop

编译打包：打包为不同平台的安装文件

pnpm bundle

相关文章：

tauri-react：快速开发跨平台软件的架子，支持自定义头部UI拖拽移动和窗口阴影效果

tauri-react 一个使用 taurireacttsantd 开发跨平台软件的模板，支持窗口头部自定义和窗口阴影，不用再自己做适配了，拿来即用，非常 nice。而且已经封装好了 tauri 的 http 请求工具，省去很多弯路。 开原地址&#xff…...

编程日记 2023/8/19 20:40:06

k8s 自身原理之 Service

好不容易，终于来到 k8s 自身的原理之 关于 Service 的一部分了 前面我们用 2 个简图展示了 pod 之间和 pod 与 node 之间是如何通信息的，且通信的数据包是不会经过 NAT 网络地址转换的 那么 Service 又是如何实现呢？ Service 我们知道是用…...

编程日记 2023/8/19 20:39:04

arduino Xiao ESP32C3 oled0.96 下雪花

Xiao ESP32C3使用oled 0.96实现下雪的功能 雪花下落的时候, 随机生成半径和位置 sandR和sandX,sandY 保存雪花下落位置的时候, 将其周边一圈设置为-1, 标记为有雪花 其他雪花下落的时候, 其他雪花的一圈如果遇到-1, 则停止下落, 并重复2 #include "oled.h" void …...

编程日记 2023/8/19 20:38:03

ElasticSearch索引库、文档、RestClient操作

文章目录 一、索引库1、mapping属性2、索引库的crud 二、文档的crud三、RestClient 一、索引库 es中的索引是指相同类型的文档集合，即mysql中表的概念 映射：索引中文档字段的约束，比如名称、类型 1、mapping属性 mapping映射是对索引库中文…...

编程日记 2023/8/19 20:37:02

Effective Java 案例分享（九）

46、使用无副作用的Stream 本章节主要举例了Stream的几种用法。 案例一&#xff1a; // Uses the streams API but not the paradigm--Dont do this! Map<String, Long> freq new HashMap<>(); try (Stream<String> words new Scanner(file).tokens()) …...

编程日记 2023/8/19 20:36:01

SpringBoot复习：（56）使用@Transactional注解标记的方法的执行流程

首先&#xff0c;如果在某个类或某个方法被标记为Transactional时&#xff0c;Spring boot底层会在创建这个bean时生成代理对象&#xff08;默认使用cglib) 示例&#xff1a; 当调用studentService的addStudent方法时&#xff0c;会直接跳到CglibAopProxy类去执行intercept方…...

编程日记 2023/8/19 20:34:58

JVM——引言+JVM内存结构

引言 什么是JVM 定义: Java VirtualMachine -java 程序的运行环境 (ava 二进制字节码的运行环境) 好处: 一次编写&#xff0c;到处运行自动内存管理&#xff0c;垃圾回收功能数组下标越界检查&#xff0c;多态 比较: jvm jre jdk 学习jvm的作用 面试理解底层实现原理中…...

编程日记 2023/8/19 20:33:56

open cv学习 （十）图形检测

图形检测 demo1 # 绘制几何图像的轮廓 import cv2img cv2.imread("./shape1.png")gray cv2.cvtColor(img, cv2.COLOR_BGR2GRAY) # 将图像二值化 t, binary cv2.threshold(gray, 127, 255, cv2.THRESH_BINARY)# 检测图像中的所有轮廓 contours, hierarchy cv2.f…...

编程日记 2023/8/19 20:32:55

【C语言】字符函数和字符串函数

目录 1.求字符串长度strlen 2.长度不受限制的字符串函数 字符串拷贝strcpy 字符串追加strcat 字符串比较strcmp 3.长度受限制的字符串函数介绍strncpy strncat ​编辑strncmp 4.字符串查找strstr 5.字符串分割strtok 6.错误信息报告 strerror perror 7.字符分类函…...

编程日记 2023/8/19 20:31:54

前馈神经网络正则化例子

直接看代码&#xff1a; import torch import numpy as np import random from IPython import display from matplotlib import pyplot as plt import torchvision import torchvision.transforms as transforms mnist_train torchvision.datasets.MNIST(root…...

编程日记 2023/8/19 20:30:53

spring的核心技术---bean的生命周期加案例分析详细易懂

目录 一.spring管理JavaBean的初始化过程&#xff08;生命周期&#xff09; Spring Bean的生命周期&#xff1a; 二.spring的JavaBean管理中单例模式及原型&#xff08;多例&#xff09;模式 2.1 . 默认为单例&#xff0c;但是可以配置多例 2.2.举例论证 2.2.1 默认单例 2.2…...

编程日记 2023/8/19 20:29:52

【Maven教程】（一）入门介绍篇：Maven基础概念与其他构建工具：理解构建过程与Maven的多重作用，以及与敏捷开发的关系 ~

Maven入门介绍篇 1️⃣ 基础概念1.1 构建1.2 maven对构建的支持1.3 Maven的其他作用 2️⃣ 其他构建工具2.1 IDE2.2 Make2.3 Ant2.4 Jenkins 3️⃣ Maven与敏捷开发&#x1f33e; 总结 1️⃣ 基础概念 "Maven"可以翻译为 “知识的积累者” 或 “专家”。这个词源于波…...

编程日记 2023/8/19 20:28:51

今天，谷歌Chrome浏览器部署抗量子密码

谷歌已开始部署混合密钥封装机制&#xff08;KEM&#xff09;&#xff0c;以保护在建立安全的 TLS 网络连接时共享对称加密机密。 8月10日&#xff0c;Chrome 浏览器安全技术项目经理Devon O’Brien解释说&#xff0c;从 8 月 15 日发布的 Chrome 浏览器 116 开始&#xff0c;谷…...

编程日记 2023/8/19 20:27:49

SUMO traci接口控制电动车前往充电站充电

首先需要创建带有停车位的充电站(停车场和充电站二合一)&#xff0c;具体参考我的专栏中其他文章。如果在仿真的某个时刻&#xff0c;希望能够控制电动车前往指定的充电站充电&#xff0c;并且在完成充电后继续前往车辆原来的目的地&#xff0c;那么可以使用以下API&#xff1a…...

编程日记 2023/8/19 20:26:47

现代CSS中的换行布局技术

在现代网页设计中&#xff0c;为了适应不同屏幕尺寸和设备类型&#xff0c;换行布局是一项重要的技术。通过合适的布局技术&#xff0c;我们可以实现内容的自适应和优雅的排版。本文将介绍CSS中几种常见的换行布局技术&#xff0c;探索它们的属性、代码示例和解析&#xff0c;帮…...

编程日记 2023/8/19 20:25:46

简单理解Python中的深拷贝与浅拷贝

I. 简介 深拷贝会递归的创建一个完全独立的对象副本&#xff0c;包括所有嵌套的对象&#xff0c;而浅拷贝只复制嵌套对象的引用&#xff0c;不复制嵌套对象本身。 简单来说就是两者都对原对象进行了复制&#xff0c;因此使用is运算符来比较新旧对象时&#xff0c;返回的都是F…...

编程日记 2023/8/19 20:24:44

C++之std::pair＜uint64_t, size_t＞应用实例(一百七十七)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 优质专栏&#xff1a;Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 人生格言&#xff1a; 人生…...

编程日记 2023/8/19 20:23:42

前端打开后端返回的HTML格式的数据

前端打开后端返回的 HTML格式 的数据&#xff1a; 后端返回的数据格式如下示例&#xff1a; 前端通过 js 方式处理&#xff08;核心代码如下&#xff09; console.log(回调, path); // path 是后端返回的 HTML 格式数据// 必须要存进localstorage&#xff0c;否则会报错&am…...

编程日记 2023/8/19 20:22:40

How to deal with document-oriented data

Schema designData models for e-commerceNuts and bolts of databases, collection, and documents. Principles of schema design What are your application access pattern?Whats the basic unit of data? the basic unit of data is the BSON documentWhat are the ca…...

编程日记 2023/8/19 20:21:38

Http 状态码汇总

文章目录 Http 状态码汇总1xx&#xff08;信息性状态码&#xff09;2xx&#xff08;成功状态码&#xff09;3xx&#xff08;重定向状态码&#xff09;4xx&#xff08;客户端错误状态码&#xff09;5xx&#xff08;服务器错误状态码&#xff09; Http 状态码汇总 1xx&#xff08…...

编程日记 2023/8/19 20:20:36

VMware性能分配实战：CPU、内存与存储的黄金比例

1. VMware性能分配的核心逻辑 第一次用VMware创建虚拟机时&#xff0c;很多人会直接套用默认配置——比如给Windows 10分配4GB内存、2个vCPU。但当我同时启动3个这样的虚拟机时&#xff0c;宿主机16GB内存瞬间被吃光&#xff0c;而CPU利用率却只有30%。这个现象揭示了VMware资源…...

编程新知 2026/3/29 0:29:07

2021 年 12 月青少年软编等考 C 语言三级真题解析

目录 T1. 我家的门牌号 思路分析 T2. 子串计算 思路分析 T3. 吃糖果 思路分析 T4. 拨钟问题 思路分析 T5. 分形盒 思路分析 T1. 我家的门牌号 题目链接：SOJ D1124 我家住在一条短胡同里，这条胡同的门牌号从 1 1 1 开始顺序编号。 若所有的门牌号之和减去我家门牌号的两倍…...

编程新知 2026/3/28 23:44:56

OpenArk内核驱动加载故障排除：从问题诊断到解决方案

OpenArk内核驱动加载故障排除&#xff1a;从问题诊断到解决方案 【免费下载链接】OpenArk The Next Generation of Anti-Rookit(ARK) tool for Windows. 项目地址: https://gitcode.com/GitHub_Trending/op/OpenArk OpenArk作为新一代Windows反Rootkit工具&#xff0c;其…...

编程新知 2026/3/28 23:32:43

LSTM时间序列预测模型与RWKV7-1.5B-G1A的融合应用：金融文本数据挖掘

LSTM时间序列预测模型与RWKV7-1.5B-G1A的融合应用&#xff1a;金融文本数据挖掘 1. 金融数据分析的现状与挑战 金融市场的预测一直是数据分析领域最具挑战性的任务之一。传统方法主要依赖历史价格数据&#xff0c;使用统计模型或机器学习算法进行趋势预测。然而&#xff0c;这…...

编程新知 2026/3/28 23:16:36

回溯法与剪枝优化：高效求解n位逐位整除数的实战解析

1. 什么是n位逐位整除数&#xff1f; n位逐位整除数是一种特殊的数字序列&#xff0c;它满足从最高位开始&#xff0c;前k位组成的数字必须能被k整除&#xff08;k从1到n&#xff09;。举个例子&#xff0c;数字102450就是一个6位整除数&#xff1a; 第1位1能被1整除前2位10能被…...

编程新知 2026/3/28 21:47:58

Qwen3.5-35B-A3B-AWQ-4bit图文对话教程：如何利用上下文长度4096做长图分析

Qwen3.5-35B-A3B-AWQ-4bit图文对话教程&#xff1a;如何利用上下文长度4096做长图分析 1. 引言&#xff1a;当AI学会“看图说话” 想象一下&#xff0c;你拿到一张复杂的流程图、一张信息密集的仪表盘截图&#xff0c;或者一张包含大量文字和图表的长图。你不仅想知道图上有什…...

编程新知 2026/3/28 21:09:42

终极GPU显存检测指南：使用memtest_vulkan轻松诊断显卡稳定性问题

终极GPU显存检测指南&#xff1a;使用memtest_vulkan轻松诊断显卡稳定性问题 【免费下载链接】memtest_vulkan Vulkan compute tool for testing video memory stability 项目地址: https://gitcode.com/gh_mirrors/me/memtest_vulkan 显卡显存稳定性直接影响着游戏体验…...

编程新知 2026/3/28 20:13:13

别再被AI骗了，这个分层检索让它不得不诚实

大语言模型能写出流畅的文章&#xff0c;却经常“一本正经地胡说八道”——即所谓的"幻觉"。本文提出了一种"领域感知分层检索"架构&#xff0c;通过四阶段自调节管道&#xff0c;将LLM从"概率猜测者"转变为"事实验证者"。下图为幻觉分…...

编程新知 2026/3/28 19:55:09

别再只写学生管理系统了！这个C++飞机订票项目能给你的简历加分（含GitHub源码）

用C飞机订票系统项目点亮你的技术简历 在众多求职者中脱颖而出并非易事&#xff0c;尤其是当大多数候选人都拥有相似的学历背景和技能清单时。作为一名C开发者&#xff0c;你是否厌倦了在简历上反复列出"学生管理系统"这类基础项目&#xff1f;让我们聊聊如何通过一…...

编程新知 2026/3/28 18:58:47

QIP 2023：亚马逊量子计算三篇论文突破

量子技术 某机构在QIP 2023发表的量子计算论文 针对“超级Grover”优化、拓扑数据分析的量子算法以及物理系统模拟的研究&#xff0c;展示了某机构在量子计算领域的广泛兴趣。 作者&#xff1a; Fernando Brando 日期&#xff1a; 2023年2月2日 阅读时间&#xff1a; 7分钟 在今…...

编程新知 2026/3/28 17:46:01