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小时开始。欢迎在评论区分享你的进展或遇到的卡点,我会逐一查看,尽可能的帮助解决。我们下一篇文章见!

相关推荐
weixin_4316004431 分钟前
前端数据埋点(1):一次点击如何变成一条埋点
前端·js·数据埋点
IT_陈寒38 分钟前
Python线程池吞了异常还不告诉我,这谁顶得住啊
前端·人工智能·后端
小强库计算机毕业设计1 小时前
SpringBoot+Vue3 学生宿舍管理系统实战
java·spring boot·后端·vue·学生宿舍管理系统
小狼1831 小时前
实践6|SDD 实战:AI 写的规格被推翻了四次
后端·claude
篮框坏了1 小时前
"DeepSeek Harness 实测:一毛钱干三活,但默认配置是个坑"
后端·ai编程
两万五千个小时1 小时前
DeepSeek Harness 上下文拼接:让 AI 准确行动
人工智能·程序员·架构
计算机魔术师1 小时前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
jobBridge211 小时前
大模型到底是怎么"想"的?我把 Transformer 拆开,发现它其实是个"接词狂魔"
人工智能·后端·编程语言
用户921080262861 小时前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
唐青枫2 小时前
看懂内存地址之后,才算真正入门 Zig:指针、切片与实战
后端