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" }}}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/44416.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

位运算在数据库中的运用实践-以MySQL和PG为例

目录 前言 一、两种不同的数据库设计 1、状态字段存储JSON 2、使用位运算 二、数据库中的位运算实践 1、MySQL中的位运算实践 2、PostgreSQL中位运算实践 三、总结 前言 最近在解决某用户的一个业务需求时&#xff0c;遇到一个很有意思的场景。首先先跟大家分享一下需求…

飞腾平台虚拟机组播性能调优指南

【写在前面】 飞腾开发者平台是基于飞腾自身强大的技术基础和开放能力&#xff0c;聚合行业内优秀资源而打造的。该平台覆盖了操作系统、算法、数据库、安全、平台工具、虚拟化、存储、网络、固件等多个前沿技术领域&#xff0c;包含了应用使能套件、软件仓库、软件支持、软件适…

STM32G4 DMA的使用(寄存器开发)

下面以STM32G474为例&#xff0c;使用DMA来存储USART1的接收数据。 1. 查看硬件支持 首先查看要使用的DMA支持的通道数&#xff0c;在手册中有如下说明。 根据上图可以看到&#xff0c;对于不同的设备类型有不同的DMA通道数量。设备类型分类如下图所示。 我使用的是STM32G474…

Linux开发:通过memfd_create创建一个内存文件

memfd_create提供了一个方法,可以在内存中创建一个匿名文件,但是这个文件在真实的文件系统中却不存在。 #define _GNU_SOURCE #include <sys/mman.h> int memfd_create(const char *name, unsigned int flags); 参数: name:文件的名字 flags:常用参…

基于 TI AM62 测试 QtWayland 部署

By Toradex秦海 1). 简介 目前主流的 ARM 平台嵌入式 Linux BSP 的显示后端基本都已经从 X11 升级到了 Wayland&#xff0c; 而常用的 Wayland Compositor - Weston 对于 Linux 下常用的 Qt 图形界面开发框架的一些 Plugin (比如 Qt VirtualKeyboard) 的配合并不完善&#xf…

什么是边缘计算?创造一个更快、更智慧、更互联的世界

前言 如今&#xff0c;数十亿物联网传感器广泛部署在零售商店、城市街道、仓库和医院等各种场所&#xff0c;正在生成大量数据。从这些数据中更快地获得洞察&#xff0c;意味着可以改善服务、简化运营&#xff0c;甚至挽救生命。但要做到这一点&#xff0c;企业需要实时做出决策…

tableau标靶图,甘特图与瀑布图绘制 - 9

标靶图&#xff0c;甘特图与瀑布图 1. 标靶图绘制1.1 筛选器筛选日期1.2 条形图绘制1.3 编辑参考线1.4 设置参考线1.5 设置参考区间1.6 四分位设置1.7 其他标靶图结果显示 2.甘特图绘制2.1 选择列属性2.2 选择列属性2.3 创建新字段2.4 设置天数大小及颜色 3. 瀑布图绘制3.1 she…

【pytorch20】多分类问题

网络结构以及示例 该网络的输出不是一层或两层的&#xff0c;而是一个十层的代表有十分类 新建三个线性层&#xff0c;每个线性层都有w和b的tensor 首先输入维度是784&#xff0c;第一个维度是ch_out,第二个维度才是ch_in(由于后面要转置)&#xff0c;没有经过softmax函数和…

基于STM32的HAL库的WS2812幻彩灯驱动程序

1、WS2812幻彩灯带有三条接线&#xff0c;5V、GND和控制信号线&#xff0c;利用单片机的SPI引脚可以发出不同频率协议的脉冲即可实现对幻彩灯带的各个灯珠的颜色和亮灭的控制。 2、幻彩灯带驱动代码如下&#xff1a; &#xff08;1&#xff09;ws2812.c #include "ws28…

【利用GroundingDINO裁剪分类任务的数据集】及文本提示检测图像任意目标(Grounding DINO) 的使用

文章目录 背景1.Grounding DINO安装2.裁剪指定目标的脚本 背景 在处理公开数据集ImageNet-21k的时候发现里面有很多的数据有问题&#xff0c;比如&#xff0c;数据目标有很多背景&#xff0c;且部分类别有其他种类的图片。针对数据目标有很多背景&#xff0c;公开数据集ImageNe…

【数据库】Redis主从复制、哨兵模式、集群

目录 一、Redis的主从复制 1.1 主从复制的架构 1.2 主从复制的作用 1.3 注意事项 1.4 主从复制用到的命令 1.5 主从复制流程 1.6 主从复制实现 1.7 结束主从复制 1.8 主从复制优化配置 二、哨兵模式 2.1 哨兵模式原理 2.2 哨兵的三个定时任务 2.3 哨兵的结构 2.4 哨…

ArkUI开发学习随机——B站视频简介页面,美团购买界面

案例一&#xff1a;B站视频简介页面 代码&#xff1a; build() {Column(){Column(){Stack(){Image($r("app.media.genimpact")).width(200).height(125).borderRadius({topLeft:5,topRight:5})Row(){Image($r("app.media.bz_play")).height(24).fillColor…

【人工智能】Transformers之Pipeline(概述):30w+大模型极简应用

​​​​​​​ 目录 一、引言 二、pipeline库 2.1 概述 2.2 使用task实例化pipeline对象 2.2.1 基于task实例化“自动语音识别” 2.2.2 task列表 2.2.3 task默认模型 2.3 使用model实例化pipeline对象 2.3.1 基于model实例化“自动语音识别” 2.3.2 查看model与task…

如何通过Java操作Redis?——Jedis!

简介 在redis命令行客户端中操作redis是否可行&#xff1f;可行&#xff0c;但不方便且不是主流的方式。最终还是要通过Java代码来操作~ Redis的底层通信是遵守RESP协议的&#xff0c;一些第三方的库就实现了这些协议&#xff0c;然后封装好API&#xff0c;程序猿通过封装好的…

IEC62056标准体系简介-4.IEC62056-53 COSEM应用层

为在通信介质中传输COSEM对象模型&#xff0c;IEC62056参照OSI参考模型&#xff0c;制定了简化的三层通信模型&#xff0c;包括应用层、数据链路层&#xff08;或中间协议层&#xff09;和物理层&#xff0c;如图6所示。COSEM应用层完成对COSEM对象的属性和方法的访问&#xff…

01MFC建立单个文件类型——画线

文章目录 选择模式初始化文件作用解析各初始化文件解析类导向创建鼠标按键按下抬起操作函数添加一个变量记录起始位置注意事项代码实现效果图虚实/颜色线选择模式 初始化文件作用解析 运行: 各初始化文件解析 MFC(Microsoft Foundation Classes)是一个C++类库,用于在Win…

昇思25天学习打卡营第16天|基于MindSpore通过GPT实现情感分类

今天的这个代码几乎没有任何解释&#xff0c;结合之前GPT生成文本摘要的代码。 大概记录一下 import numpy as np # 导入NumPy库def process_dataset(dataset, tokenizer, max_seq_len512, batch_size4, shuffleFalse): # 判断当前设备是否为Ascend&#xff0c;如果是ascen的…

防御课综合实验

实验拓扑&#xff1a; 实验要求&#xff1a; 1、DMZ区内的服务器&#xff0c;办公区仅能在办公时间内&#xff08;9点到18点&#xff09;可以访问&#xff0c;生产区的设备全天可以访问 2、生产区不允许访问互联网&#xff0c;办公区和游客区允许访问互联网 3、办公区设备10…

二叉平衡树(左单旋,右单旋,左右双旋、右左双旋)

一、AVL树&#xff08;二叉平衡树&#xff1a;高度平衡的二叉搜索树&#xff09; 0、二叉平衡树 左右子树高度差不超过1的二叉搜索树。 public class AVLTree{static class AVLTreeNode {public TreeNode left null; // 节点的左孩子public TreeNode right null; // 节点的…

Java 中的异常处理机制是如何工作的?请解释 try-catch-finally 的基本用法?

Java中的异常处理机制是确保程序稳健性的重要组成部分&#xff0c;它允许程序在遇到错误或异常情况时&#xff0c;能够优雅地处理问题&#xff0c;而不是直接崩溃。 这一机制的核心在于使用try-catch-finally结构&#xff0c;以及通过throw和throws关键字来抛出和声明异常。 …