Dioxus Fullstack

网站 | 指南 | API文档 | 聊天

为Dioxus框架提供的全栈工具。

特性

• 与Axum服务器框架集成，提供用于服务Dioxus应用程序的实用程序。
• 服务器函数允许您从客户端调用服务器端的代码，就像是一个普通函数一样。
• 使用dioxus-hot-reload实现即时RSX热重载。
• 从服务器到客户端传递根属性。

示例

30行代码内实现全栈Dioxus

#![allow(non_snake_case)]
use dioxus::prelude::*;

fn main() {
    launch(App);
}

#[component]
fn App() -> Element {
    let mut meaning = use_signal(|| None);

    rsx! {
        h1 { "Meaning of life: {meaning:?}" }
        button {
            onclick: move |_| async move {
                if let Ok(data) = get_meaning("life the universe and everything".into()).await {
                    meaning.set(data);
                }
            },
            "Run a server function"
        }
    }
}

#[server]
async fn get_meaning(of: String) -> Result<Option<u32>, ServerFnError> {
    Ok(of.contains("life").then(|| 42))
}

入门指南

要开始使用全栈Dioxus，请查看我们的入门指南，或全栈示例。

贡献

• 在问题跟踪器上报告问题。
• 加入Discord并提问！

许可证

本项目采用MIT许可证。

除非您明确指出，否则您提交的任何贡献将按MIT许可证授权，没有任何附加条款或条件。