Day 15:01. 基于 Tauri 2.0 开发后台管理系统-Tauri 2.0 初探

一、前言

Nuxt 开发的博客要暂时告一段落了,原本我是打算基于 NuxtContent 完成一套静态的博客模块,但是发现和我之后要做的有很多相违背的,比如我希望数据是通过后台管理系统来的维护的,主要有利于我动态发布,以及后续一些收费模块的整合,所以不想再花大量时间去折腾 NuxtContent 了。

我之前做过很多后台管理系统,无论是工作中,还是自己搭建的脚手架工程,无一例外都是传统的 web 应用,基于浏览器访问,使用 VUE/React 等前端框架,除了具体业务模块上的区别外,都是换汤不换药,无非就是路由、权限、字典等通用模块的不同实现方式。我对此已经毫无兴趣,所以我打算换个模式玩一玩,做一个桌面端的后台管理系统。

首先声明,我为什么要做成桌面端?

  • 纯粹个人兴趣,我就是想探索一下。为后续做一些桌面端应用探探路(我其实想自己弄一个类似 Typora 的编辑工具😄)
  • web 后台项目我自己做的太多了,加上优秀的二开项目也很多,没有动力。
  • 作为后台管理系统,我并不打算部署在外网上,所以不需要顾忌桌面端无法随时访问的痛点。
  • 桌面端可以深度集成操作系统,可以做一些不一样的尝试。

当然如果你需要随时随地的浏览器访问,那可能比较遗憾了,我暂时没有这方面拓展的打算,可以看一下我之前的文章,或许对你有所帮助 juejin.cn/column/7239...

如果你和我一样,喜欢尝试新鲜事物,那么接下来就要开始我们的征程啦!!!😊

二、为什么选择 Tauri ?

当我脑子里有"用桌面端做后台管理系统"这个想法的时候,我第一想到的其实是 Electron ,因为我之前就折腾过一段时间的 Electron ,给我的感觉就是生态完善,没有后顾之忧。

但是,我这个人比较喜欢折腾,我又去搜了一下,发现 Tauri 好像势头不错,我内心又想摆脱浏览器那一套东西(这里纯粹是自己主观意志作祟),与我一拍即合,就它了。

当然更 小的打包体积,内存占用低,更注重安全和性能 让我多了一丝好感。

三、初探 Tauri

这里是官方文档:tauri.app/zh-cn/start...

这里我就不去赘述什么是 Tauri ? 一些概念性的东西,大家可以你自己去官网上查看。

Tauri 2.0 的特点:创建小型、快速、安全、跨平台的应用程序

3.1. 前置要求

系统依赖项安装

跟着文档操作就完事了。

tauri.app/zh-cn/start...

下载安装环境需要点时间,趁这段时间,我们看一下 Rust 的学习文档。

rust-lang.org/zh-CN/learn...

doc.rust-lang.org/book/

下载完成后,验证一下 Rust 是否安装成功。

第一个 hello word !

新建一个文件 main.rs

运行 rustc main.rs 编译

这个时候生成了一个两个文件

rust 复制代码
rust-test    
├─ main.exe  # 可执行文件 
├─ main.pdb  # 程序数据文件
└─ main.rs  # 源文件

命令行输入 .\main

感觉和 JAVA 很相似,具体的语法我大致浏览了一遍,等用到的时候再细看吧。

四、创建项目

bash 复制代码
pnpm create tauri-app

vscode 打开项目

安装这两个插件

项目结构看这里:tauri.app/zh-cn/start...

五、启动项目

安装依赖 pnpm i

启动项目 pnpm tauri dev

❗️❗️❗️如果出现异常或者不是下面页面,重启一下电脑,因为之前装的环境有的需要重启后才可以生效

六、总结

今天就先到这里,贪多嚼不烂,哈哈哈哈!😄😄😄

千里之行,始于足下。你的"个人公司"从这第一个2小时开始。欢迎在评论区分享你的进展或遇到的卡点,我会逐一查看,尽可能的帮助解决。我们下一篇文章见!

相关推荐
Yanni4Night26 分钟前
LogTape:零依赖的现代JavaScript日志解决方案
前端·javascript
疯狂踩坑人26 分钟前
Node写MCP入门教程
前端·agent·mcp
重铸码农荣光26 分钟前
一文吃透 ES6 Symbol:JavaScript 里的「独一无二」标识符
前端·javascript
吃果冻不吐果冻皮26 分钟前
DeepSeek 视觉语言大模型技术演进(从DeepSeek VL/VL2到DeepSeek OCR)
后端
想吃电饭锅27 分钟前
前端大厦建立在并不牢固的地基,浅谈JavaScript未来
前端
重铸码农荣光28 分钟前
一文吃透 JS 事件机制:从监听原理到实战技巧
前端
武子康30 分钟前
大数据-164 Apache Kylin Cuboid 剪枝实战:Derived 维度与膨胀率控制
大数据·后端·apache kylin
Lear32 分钟前
Java中byte[]转MultipartFile
后端
2503_9284115634 分钟前
11.25 Vue内置组件
前端·javascript·vue.js