零点一顿微胖-CSDN博客

原创 3.Golang + Gin + VUE3/React + Tailwindcss + Tauri2.0 实现Linux管理系统-头部功能实现

本文介绍了使用Golang、Gin、Vue3/React、Tailwindcss和Tauri2.0实现Linux管理系统头部功能的过程。主要内容包括：1）通过Tauri API获取窗口对象；2）实现窗口最大化状态检测及图标动态显示；3）完成最小化、最大化/还原、关闭窗口等交互功能；4）利用Tauri事件监听实现窗口状态变化的实时响应。文章详细展示了前端组件代码实现，包括Vue3的响应式数据绑定和生命周期管理，为开发者提供了完整的窗口控制功能实现方案。

2025-07-28 17:26:14 338

原创 2.Tailwindcss4安装及头部布局实现

本文介绍了Tauri 2.0应用开发中的基本配置与布局实现。主要内容包括：1)调整Tauri配置文件设置窗口大小和取消系统标题栏；2)安装配置TailwindCSS样式框架；3)实现Vue3和React两种技术栈的基本布局结构，重点展示自定义头部栏的实现方法。文章详细说明了窗口拖动功能的实现方式，以及暗黑模式的支持配置，为开发者提供了Tauri应用开发的实用参考。

2025-07-15 15:43:25 938

原创 1.Golang + Gin + VUE3/React + Tailwindcss + Tauri2.0 实现Linux管理系统

本文介绍了一个基于现代化技术栈的跨平台Linux系统监控客户端开发方案。后端采用Golang+Gin实现高性能系统信息采集，前端使用Vue3构建可视化界面，通过Tauri2.0框架将前后端整合为轻量级桌面应用。项目功能涵盖CPU/内存/磁盘/网络监控、文件管理、SSH配置、Docker管理等服务器运维场景。技术栈包括Gin、GORM、PostgreSQL、Redis、Tauri2.0、Vue3、TypeScript和TailwindCSS等，具有低资源占用、跨平台兼容等特点，适合有相关基础的开发者学习现代桌

2025-07-15 15:39:27 843

原创 [后端] Gorm实现Postgresql和Redis的连接

GORM 是一款高效、灵活的 Go 语言 ORM 库，支持多种关系型数据库，如 MySQL、PostgreSQL 等。其核心特点包括流畅的 API 设计、全功能 ORM 支持、灵活与兼容性、模块化与扩展性以及约定优于配置的设计哲学。GORM 通过链式调用、事务处理、钩子函数等功能，简化了数据库操作，适合中小型 Web 应用和复杂业务场景。PostgreSQL 则因其强大的功能特性、可靠性、安全性、性能与灵活性，成为处理复杂业务逻辑和高并发场景的首选数据库。

2025-05-14 10:43:31 778

原创 [后端] Gin实现优雅退出及跨域设置

文章摘要：本文介绍了在 Go 语言中使用 internal 文件夹和 errgroup 包的最佳实践，并展示了如何实现 Gin 框架的优雅退出。internal 文件夹通过限制包的导入范围，增强了项目的模块化封装能力，避免外部代码依赖内部实现。errgroup 包则用于管理并发任务的错误传播和协程生命周期控制，适用于需要快速失败的并行任务场景。最后，文章通过创建 internal/webServer 文件夹和 router.go 文件，展示了如何为 Gin 工程实现优雅退出，确保服务在关闭时能够正确处理未

2025-05-13 17:03:52 794

原创 Tauri2.0、VUE3主体框架设计及置顶功能实现

本文介绍了基于Tauri2.0和Vue3的主体框架设计及置顶功能的实现。首先，通过创建src/views/layout文件夹并编辑menu.vue和index.vue文件，实现了左侧菜单和整体布局。接着，配置了路由信息，确保登录和主页框架的正确指向。为了支持置顶功能，修改了src-tauri/capabilities/default.json文件，添加了core:window:allow-set-always-on-top权限。最后，通过修改src/components/Header.vue文件，实现了顶部

2025-05-13 15:59:32 854

原创 Tauri2.0、VUE3路由及用户登录页设计

本文介绍了如何使用Tauri2.0和Vue3实现一个用户登录页面，并配置路由。首先，通过安装vue-router并创建路由实例，配置基本路由信息。接着，在main.ts中挂载路由，并在App.vue中设置路由出口。然后，详细设计了登录页面的样式布局，包括左右两侧的容器、表单组件以及背景图片的配置。最后，针对Tauri2.0的桌面应用特性，配置了头部样式，使用vite-plugin-svg-icons插件实现图标展示。整个过程涵盖了从路由配置到页面设计的完整流程，适合开发桌面或网页应用的参考。

2025-05-07 16:02:44 1096 2

原创 VUE3-SVG插件使用

是一个专为Vite设计的插件，用于高效管理 SVG 图标资源。它支持将 SVG 文件自动转换为 Vue 组件或 SVG 雪碧图（Sprite），实现按需加载和性能优化。

2025-05-07 15:18:19 427

原创 Golang + Vue3 + Tauri2.0 实现Linux系统监控软件-前端和Tauri2.0项目组件库、Prettier及相对路径配置

维度Naive UITDesign成熟度⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐灵活性⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐跨框架支持❌❌⭐⭐⭐⭐⭐企业级功能⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐轻量化⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐。

2025-05-06 11:22:28 1257

原创 Golang + Vue3 + Tauri2.0 实现Linux系统监控软件-项目初始化

创建一个名称为linux_manager的文件夹。在文件夹中新建main.go 文件并写入以下内容。生成一个为go.mod的文件。选则TypeScript。使用以下命令运行项目。在终端中运行以下命令。进入项目目录下载依赖。

2025-04-30 16:53:03 369

原创 Golang + Vue3 + Tauri2.0 实现Linux系统监控软件-项目介绍

随着 Linux 操作系统在服务器、嵌入式设备和开发者工作站等领域的广泛应用，对系统资源进行实时监控和可视化呈现的需求日益增长。传统命令行工具虽然功能强大，但在数据直观性和操作便捷性上存在局限性，而现有图形化监控方案往往面临跨平台兼容性差、资源占用高等痛点。本书以构建现代化跨平台 Linux 系统监控工具为目标，采用创新性的技术组合方案：在后端使用 Golang 实现高性能系统信息采集，充分发挥其并发处理优势和低资源占用的特性；前端采用 Vue3 框架构建响应式数据可视化界面。

2025-04-30 15:14:34 702

原创 Rust Axum前后端分离项目-使用sea-orm连接数据库

Sea-ORM 是一个基于 Rust 语言开发的异步 ORM（对象关系映射）框架，专为 Rust 生态设计，旨在简化与关系型数据库的交互。它结合了 sqlx（异步 SQL 执行库）和 SeaQuery（动态 SQL 生成器）的优势，提供类型安全、高性能且符合 Rust 习惯的数据库操作体验。使用 Rust 结构体和宏（derive）定义数据模型，自动生成数据库表结构，代码与数据库 Schema 强关联。

2025-04-28 16:05:24 926