Rust的前端Tauri编程-基于JS框架的初步探索

embedded/2024/10/18 8:20:22/

上次的项目做完后,有一项遗憾,没有返回结果,而结果是一个html表格,我想用html直接在窗口显示,这时发现R里面包括slint没有很直接的方法,直接弹出浏览器有点太简单没有挑战。这是就被推送了他的竞争对手,Tauri,当初我也查过它,是一个前后端分离,可以使用各种JS前端框架的应用。于是今天拿来练习一下。
对Vue并不是很熟悉,好在以前有Ubuntu24.2下安装的Node20.4这就npm,它推荐用npm。在这个环境下,下载https://github.com/cornflourblue/vue-3-pinia-registration-login-example这是我要调用使用的基础。因为我对Vue不熟悉,别的也只能借用。npm install npm dev。
这个项目有一点报错,但是可以运行。

一。 安装依赖,其实就在项目主页一步步来。
二、使用tauri进行集成,https://tauri.app/v1/guides/getting-started/setup/integrate
这里在最后一步就能打开刚才的主页。是在程序窗口打开的
三、剩下的就是调试,对于它推荐的vite,一大特点是,实时更新改变。包括rs的代码。要是更新不太对,就再启动一次。、
四、发布,除了本平台可生成deb和rpm安装版,还以,垮平台生成window的安装程序,是setup版,的目前大小也就3M ,步骤是https://tauri.app/v1/guides/building/cross-platform

最后就发布了 一个有一个界面的程序用于登陆。
在这里插入图片描述


http://www.ppmy.cn/embedded/124247.html

相关文章

JAVA学习笔记——第十章 面向对象高级

🔥博客主页: A_SHOWY🎥系列专栏:力扣刷题总结录 数据结构 云计算 数字图像处理 力扣每日一题_ 一、类变量和类方法 1.1 引出类变量 类变量的快速入门:类变量被所有对象实例共享 package com.hspedu.static_;publ…

k8s的学习和使用

为什么用k8s,不用docker? k8s更适合复杂的微服务架构和大规模的容器应用。 Pods(Pod) Pod是k8s最小可部署单元,他包含一个或多个相关容器。这些容器共享网络命名空间和存储卷,他们通常协同工作来构成一个应用程序。 Serv…

Spring Boot框架下的足球青训俱乐部管理

2 相关技术简介 2.1 Java技术 Java是一门伟大的纯面向对象的编程语言和编程语言。同时,它还是Java语言从嵌入式开发到企业级开发的平台。Java凭借其一次编译,任何地方执行的优点,使得盛行的web应用程序有大量的Java编译,很好地支…

网络基础知识笔记(五)接口管理

接口管理 1. 物理层的功能 物理层要解决的三个问题: 1-信号: 模拟信号,数字信号(一组有规律变化的电流脉冲) 2-传输介质: 同轴电缆,双绞线(电信号,电口),光纤(光信号,光口),(空气)电磁波(WiFi,…

Qt的互斥量用法

目的 互斥量的概念 互斥量是一个可以处于两态之一的变量:解锁和加锁。这样,只需要一个二进制位表示它,不过实际上,常常使用一个整型量,0表示解锁,而其他所有的值则表示加锁。互斥量使用两个过程。当一个线程(或进程)…

dockertop提示Failed to fetch extensions

解决办法:重装dockertop 第一步:卸载当前的dockertop 如果卸载过程中存在AlibabaProtect的相关软件关不掉,那么参考这篇文章:卸载AlibabaProtect 第二步:删除C:\Program Files路径下的Docker文件夹 第三步&#xff1…

大数据毕设方向怎么做

文章目录 🚩 1 前言1.1 选题注意事项1.1.1 难度怎么把控?1.1.2 题目名称怎么取? 1.2 开题选题推荐1.2.1 起因1.2.2 核心- 如何避坑(重中之重)1.2.3 怎么办呢? 🚩2 选题概览🚩 3 项目概览题目1 : 基于协同过…

JavaScript 与 HTML 的结合

在 HTML 页面中嵌入 JavaScript 代码是实现动态效果和交互功能的关键一步。下面是一些常用的方法来实现 JavaScript 与 HTML 的结合。 内联方式:可以直接在 HTML 元素的事件属性中嵌入 JavaScript 代码。例如,可以在按钮的 onclick 属性中添加 JavaScri…