rust way step 1
install rust
CARGO_HOME D:\rust\.cargo
RUSTUP_HOME D:\rust\.rustup
[dependencies] ferris-says = "0.2"
vscode 安装rust 插件
use ferris_says::say; // from the previous step
use std::io::{stdout, BufWriter};fn main() {let stdout = stdout();let message = String::from("Hello fellow Rustaceans!");let width = message.chars().count();let mut writer = BufWriter::new(stdout.lock());say(message.as_bytes(), width, &mut writer).unwrap();
}
###############################
rust cargo镜像配置 config.toml
[source.crates-io]
replace-with = 'ustc'
[source.ustc]
registry = "git://mirrors.ustc.edu.cn/crates.io-index"
cargo install dioxus-cli
dx new
cd my_project
dx serve
realse
cargo build --bin hellui --release
use dioxus::prelude::*;fn main() {launch(app);
}fn app() -> Element {rsx! {h1 { "Hello, Dioxus 0.5!" }h1 { "Hello, Dioxus 0.5!" }h1 { "Hello, Dioxus 0.5!" }div { "Hello, world!" }div { "Hello, world!" }div {class: "container",h1 {"标题",}p {style: "color: blue;","这是一行介绍，字体是蓝色的"}a {href: "https://dioxuslabs.com/","一个跳转到 Dioxus 官网的链接"}ul {li { "列表 - 1" }li { "列表 - 2" }li { "列表 - 3" }}}}
}use dioxus::prelude::*;fn main() {LaunchBuilder::new().with_cfg(dioxus::desktop::Config::new().with_custom_index(r#"
<!DOCTYPE html>
<html><head><title>Dioxus app</title><meta name="viewport" content="width=device-width, initial-scale=1.0" /><style>body { background-color: olive; }</style></head><body><h1>External HTML</h1><div id="main">dfgdfg</div></body>
</html>"#.into(),),).launch(app);
}fn app() -> Element {rsx! {h1 { "Custom HTML!" }}
}use dioxus::prelude::*;fn main() {launch(app);
}fn app() -> Element {// You can create as many eval instances as you wantlet mut eval = eval(r#"// You can send messages from JavaScript to Rust with the dioxus.send functiondioxus.send("Hi from JS!");// You can receive messages from Rust to JavaScript with the dioxus.recv functionlet msg = await dioxus.recv();console.log(msg);"#,);// You can send messages to JavaScript with the send methodeval.send("Hi from Rust1!".into()).unwrap();let future = use_resource(move || {to_owned![eval];async move {// You can receive any message from JavaScript with the recv methodeval.recv().await.unwrap()}});match future.read_unchecked().as_ref() {Some(v) => rsx! { p { "{v}" } },_ => rsx! { p { "hello" } },}
}use dioxus::prelude::*;fn main() {launch(app);
}/* pub fn app() -> Element {rsx! {p {b { "Dioxus Labs" }" An Open Source project dedicated to making Rust UI wonderful."}button {// attributes / listeners// children"Hello, World!"}div { "Hello, world!" } p {b { "Dioxus Labs" }" An Open Source project dedicated to making Rust UI wonderful."}}
}
*/
/*
pub fn app() -> Element {let mut name = use_signal(|| "bob".to_string());rsx! {input {// we tell the component what to rendervalue: "{name}",// and what to do when the value changesoninput: move |event| name.set(event.value())}}
}*/pub fn app() -> Element {rsx! {form { onsubmit: move |event| { println!("Submitted! {event:?}") },input { name: "name" }input { name: "age" }input { name: "date" }input { r#type: "submit" }}}
}