iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天學習Tauri 系列

在這30天內學習如何透過Tauri將Web App給轉化成跨平台的桌面與應用

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 11

11.實作Tauri Todo - Backend (一) 加入Todo功能

接下來幾天要實現我們Tauri後端的功能,這裡我們使用sqlite來當作我們的database 首先,簡單介紹下SQLite。SQLite是關聯式資料庫管理系統...

2022-09-26 ‧ 由 Felix阿甫 分享
DAY 12

12.實作Tauri Todo -Backend (二) 編寫Tauri Core

現在我們新增一個todo的檔案todo.rs use rusqlite::{Connection, Result}; use serde::{Serialize...

2022-09-27 ‧ 由 Felix阿甫 分享
DAY 13

13.實作Tauri Todo -Backend (三) 編寫Tauri Core

接著,我們在todo\src-tauri\src\todo.rs加入create和delete以及done功能 pub fn new_todo(&s...

2022-09-28 ‧ 由 Felix阿甫 分享
DAY 14

14.實作Tauri Todo -Frontend (一) 編寫Tauri Todo UI

今天將我們app中,裡面的Tauri Backend裡所創建的Todo功能與我們frontend的todo功能做繫結,讓我們的frontend能呼叫我們的com...

2022-09-29 ‧ 由 Felix阿甫 分享
DAY 15

15.實作Tauri Todo -Frontend (二) 編寫Tauri Todo UI

新增和刪除 現在來修改我們的新增和刪除功能 新增功能 將handleTaskAdd更名為handleTodoAdd並修改: const handleTodo...

2022-09-30 ‧ 由 Felix阿甫 分享
DAY 16

16.實作Tauri Todo-Frontend (三) 編寫Tauri Todo UI

我們接著加入完成功能index.tsx import { useEffect, useState } from "react"; impor...

2022-10-01 ‧ 由 Felix阿甫 分享
DAY 17

17.Tauri dialog

我們今天簡單的介紹Tauri dialog Dialog是用來進行打開或者是保存file的Native系統對話框。 功能函式: ask(message: s...

2022-10-02 ‧ 由 Felix阿甫 分享
DAY 18

18.Tauri notification

今天來介紹Tauri裡的notification功能 notification 向user發送toast通知,並且也可以和Notification Web AP...

2022-10-03 ‧ 由 Felix阿甫 分享
DAY 19

19.Tauri System Tray

今天我們簡單的創建system tray 首先,打開todo\src-tauri\tauri.conf.json並加入systemTray在tauri裡 &qu...

2022-10-04 ‧ 由 Felix阿甫 分享
DAY 20

20.Tauri Event

今天簡單的說明Tauri裡面的Event系統 Tauri event system是一個multi-producer multi-consumer commun...

2022-10-05 ‧ 由 Felix阿甫 分享