Dioxus 全栈

网站 | 指南 | 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 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许可证。

除非您明确声明，否则您有意提交以包含在 Dioxus 中的任何贡献均应按 MIT 许可，无任何附加条款或条件。