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

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

news 2026/2/10 20:08:40

Tauri + Vue + Typescript

一个使用 tauri+vue+ts 开发跨平台软件的模板，支持窗口头部自定义 UI 和拖拽和窗口阴影，不用再自己做适配了，拿来即用，非常 nice。而且已经封装好了 tauri 的 http 请求工具，省去很多弯路。开源地址：GitHub - Sjj1024/tauri-vue: 一个使用tauri和vue开发跨平台软件的架子

使用到的技术栈：
tauri：必须要用到的
vue：前端页面开发框架
vue-router：路由页面跳转控制
pinia：数据存储和共享
element-plus：UI 页面渲染
sass：样式编程
node：v16.18.0 本地开发依赖

页面预览：登陆页和主页

本地开发配置

克隆到本地：

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

安装依赖：

pnpm install

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

pnpm develop

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

pnpm bundle

相关文章：

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

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

编程日记 2023/8/18 3:13:54

做好以下几点，可以让我们延长周末体验感，好好放松！！！

工作以后常常容易感到疲于奔命，让我们找到适合自己方式，来让我们度过一个充实放松的周末! 方向一：分享你周末的时间规划 我们可以把每个月当做一个周期，制定一个简单的计划，如：第一周，锻炼身体…...

编程日记 2023/8/18 3:12:53

Python 学习笔记——代码基础

目录 Python基础知识 变量 赋值 数据类型 print用法 print格式化输出 运算符 if-else 数据结构 元组 in运算符 列表 切片 [ : ] 追加 append() 插入 insert（） 删除 pop() 字典 循环 for循环 for循环应用——遍历 for循环应用——累加…...

编程日记 2023/8/18 3:11:52

Android Studio 无法正常导入项目

Android Studio 无法正常导入 model，运行按钮边出现“Add Configuration”，可进行以下方法处理： 解决办法： 1、点击Run三角按钮左边紧挨的下拉按钮，选择Edit Configuration，选择 Default 新建一个Android…...

编程日记 2023/8/18 3:10:50

Grafana+Prometheus技术文档-进阶使用-监控spring-boot项目

阿丹： 之前已经实现了使用Prometheus来对服务器进行了监控和仪表盘的创建，现在就需要对这些监控方法使用在spring-boot中去。 实现思路： 1、集成Actuator 2、加入Prometheus的依赖 3、配置开放端口、以及开放监控 4、配置Prometheus中的配置…...

编程日记 2023/8/18 3:09:48

PG常用SQL

数据库 创建数据库 PostgreSQL 创建数据库可以用以下三种方式： 1、使用 CREATE DATABASE SQL 语句来创建。2、使用 createdb 命令来创建。3、使用 pgAdmin 工具。 CREATE DATABASE 创建数据库 CREATE DATABASE 命令需要在 PostgreSQL 命令窗口来执行&#xff0…...

编程日记 2023/8/18 3:08:45

分模块开发的意义及开发步骤

🐌个人主页： 🐌 叶落闲庭 💨我的专栏：💨 c语言 数据结构 javaweb 石可破也，而不可夺坚；丹可磨也，而不可夺赤。 Maven进阶 一、分模块开发1.1分模块开发的意义1.2分模块开…...

编程日记 2023/8/18 3:07:43

vue-router中的一些 API

在Vue.js的vue-router中，一些重要api 1、RouterHistory：这是 vue-router 提供的路由历史记录对象。它可以跟踪当前页面的路由历史，并提供一些方法和属性来管理导航和历史记录。在 vue-router 中，有两种类型的路由历史记录对象&…...

编程日记 2023/8/18 3:06:42

go-zero 是如何实现令牌桶限流的？

原文链接： 上一篇文章介绍了 如何实现计数器限流？主要有两种实现方式，分别是固定窗口和滑动窗口，并且分析了 go-zero 采用固定窗口方式实现的源码。 但是采用固定窗口实现的限流器会有两个问题： 会出现请求量超出限…...

编程日记 2023/8/18 3:05:41

Oracle/PL/SQL奇技淫巧之ROWNUM伪列

ROWNUM伪列 ROWNUM是一个伪列，它是根据每次查询的结果动态生成的一列递增编号，表示 Oracle 从表中选择该行的顺序，选择的第一行ROWNUM为1，第二行ROWNUM为2，以此类推。 注意1： ROWNUM伪列是在WHERE子句之…...

编程日记 2023/8/18 3:04:40

“MongoDB基础知识【超详细】

"探索MongoDB的无边之境：沉浸式数据库之旅" 欢迎来到MongoDB的精彩世界！在这个博客中，我们将带您进入一个充满创新和无限潜力的数据库领域。无论您是开发者、数据工程师还是技术爱好者，MongoDB都将为您带来一场令人心动…...

编程日记 2023/8/18 3:03:34

腾讯24届校招内推

校招开始啦～有兴趣的话可以扫我的码投，也可以分享给身边找工作的同学～ ❤投递攻略 1️⃣腾讯校招步骤，先微信扫码绑定内推关系，后在电脑上上传更改简历和部门投递 2️⃣投递时将选择投递部门，投递后将在…...

编程日记 2023/8/18 3:02:33

星际争霸之小霸王之小蜜蜂（二）--类的使用

目录 前言 一、将设置内容写在一个类里 二、设置小蜜蜂的造型 三、设置猫蜜蜂的参数 四、绘制猫蜜蜂到窗口 总结 前言 昨天我们设置好了窗口，下面我们需要向窗口中添加元素了。 一、将设置内容写在一个类里 我个人理解书上的意思是要创建一个类，将所有需…...

编程日记 2023/8/18 3:01:29

AndroidStudio升级Gradle之坑

最近在做旧工程的升级，原来的Gradle版本是4.6的，需要升级到7.6，JDK从8升级到17，一路淌了很多坑，逐个记录下吧 1、Maven仓库需要升级到https 你会遇到这个报错 Using insecure protocols with repositories, without …...

编程日记 2023/8/18 3:00:25

C# int ？ 关键字使用方法

使用C#的时间也不算短。 但是今天看到了一个从来没有见过的写法 Int ？这是个什么写法，没见过啊，百度了查一下，也在这里记录一下。 1、int? 关键字说明 (1)、int? 表示一个int类型,且该int类型可空,如果不加?的话,那么int类…...

编程日记 2023/8/18 2:59:22

Redis_主从复制

8. 主从复制 8.1 简介 主从库采用读写分离的方式 读操作：主库、从库都可以处理写操作：首先写到主库执行，然后再将主库同步给从库。 实现读写分离，性能扩展 容灾快速恢复 8.2 主从复制步骤 创建一个目录 ,在root下创建一个m…...

编程日记 2023/8/18 2:58:21

Postman 的 Pre-request Script 使用RSA加解密

文章目录 一、概述 一、概述 Postman内置的Js不支持进行RSA加解密，所以需要引入forgeJS来实现。在 Pre-request Script使用以下脚本： // ------ 导入RSA ------ if (!pm.globals.has("forgeJS")) {pm.sendRequest("https://raw.githubu…...

编程日记 2023/8/18 2:57:18

【Swagger】只需要3步搭建Swagger环境，就可以让你的项目实现Swagger在线文档，实时浏览，修改展示

目录 1. pom.xml文件中添加Swagger的jar包 2. 配置Swagger 3. 项目启动中加入Swagger注解的开关，启动Swagger功能 4. 启动项目，查看效果 Swagger 的功能这里就不多说明了，相信大家都懂的，好奇多问一句，大家有知道其…...

编程日记 2023/8/18 2:56:17

pytest运行时参数说明，pytest详解，pytest.ini详解

一、Pytest简介 1.pytest是一个非常成熟的全功能的Python测试框架，主要有一下几个特点： 简单灵活，容易上手，支持参数化 2.能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium、appium等自动化测试&#xf…...

编程日记 2023/8/18 2:55:14

Matplotlib绘图知识小结--Python数据分析学习

一、Pyplot子库绘制2D图表 1、Matplotlib Pyplot Pyplot 是 Matplotlib 的子库，提供了和 MATLAB 类似的绘图 API。 Pyplot 是常用的绘图模块，能很方便让用户绘制 2D 图表。 Pyplot 包含一系列绘图函数的相关函数，每个函数会对当前的图像进行…...

编程日记 2023/8/18 2:54:09

大话软工笔记—需求分析概述

需求分析，就是要对需求调研收集到的资料信息逐个地进行拆分、研究，从大量的不确定“需求”中确定出哪些需求最终要转换为确定的“功能需求”。 需求分析的作用非常重要，后续设计的依据主要来自于需求分析的成果，包括: 项目的目的…...

编程新知 2026/1/28 10:58:50

Java 语言特性(面试系列1)

一、面向对象编程 1. 封装（Encapsulation） 定义：将数据（属性）和操作数据的方法绑定在一起，通过访问控制符（private、protected、public）隐藏内部实现细节。示例： public …...

编程新知 2025/10/6 4:03:40

前端导出带有合并单元格的列表

// 导出async function exportExcel(fileName "共识调整.xlsx") {// 所有数据const exportData await getAllMainData();// 表头内容let fitstTitleList [];const secondTitleList [];allColumns.value.forEach(column > {if (!column.children) {fitstTitleL…...

编程新知 2026/1/25 3:21:09

渲染学进阶内容——模型

最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...

编程新知 2025/11/25 22:59:17

Keil 中设置 STM32 Flash 和 RAM 地址详解

文章目录 Keil 中设置 STM32 Flash 和 RAM 地址详解一、Flash 和 RAM 配置界面（Target 选项卡）1. IROM1（用于配置 Flash）2. IRAM1（用于配置 RAM）二、链接器设置界面（Linker 选项卡）1. 勾选“Use Memory Layout from Target Dialog”2. 查看链接器参数（如果没有勾选上面…...

编程新知 2026/2/7 0:28:16

Psychopy音频的使用

Psychopy音频的使用 本文主要解决以下问题： 指定音频引擎与设备；播放音频文件 本文所使用的环境： Python3.10 numpy2.2.6 psychopy2025.1.1 psychtoolbox3.0.19.14 一、音频配置 Psychopy文档链接为Sound - for audio playback — Psy…...

编程新知 2026/1/31 15:09:31

EtherNet/IP转DeviceNet协议网关详解

一，设备主要功能 疆鸿智能JH-DVN-EIP本产品是自主研发的一款EtherNet/IP从站功能的通讯网关。该产品主要功能是连接DeviceNet总线和EtherNet/IP网络，本网关连接到EtherNet/IP总线中做为从站使用，连接到DeviceNet总线中做为从站使用。 在自动…...

编程新知 2026/1/31 6:53:51

SpringCloudGateway 自定义局部过滤器

场景： 将所有请求转化为同一路径请求（方便穿网配置）在请求头内标识原来路径，然后在将请求分发给不同服务 AllToOneGatewayFilterFactory import lombok.Getter; import lombok.Setter; import lombok.extern.slf4j.Slf4j; impor…...

编程新知 2026/2/1 4:53:36

什么是Ansible Jinja2

理解 Ansible Jinja2 模板 Ansible 是一款功能强大的开源自动化工具，可让您无缝地管理和配置系统。Ansible 的一大亮点是它使用 Jinja2 模板，允许您根据变量数据动态生成文件、配置设置和脚本。本文将向您介绍 Ansible 中的 Jinja2 模板，并通…...

编程新知 2026/2/6 1:00:25

深度学习习题2

1.如果增加神经网络的宽度，精确度会增加到一个特定阈值后，便开始降低。造成这一现象的可能原因是什么？ A、即使增加卷积核的数量，只有少部分的核会被用作预测 B、当卷积核数量增加时，神经网络的预测能力会降低 C、当卷…...

编程新知 2026/1/26 5:53:30