您当前的位置:首页 > 电脑百科 > 程序开发 > 框架

如何创建一个Yew应用程序?

时间:2022-06-20 14:50:01  来源:  作者:程序梦

Yew是什么

是一个设计先进的Rust框架,目前是使用WebAssembly来创建多线程的web应用。

基于组件的框架:可以轻松得创建交互式UI。拥有React或Elm等框架的开发人员在使用Yew时会感到得心应手。

高性能,前端开发者恶意轻易的将工作分流至后端来减少Dom Api的调用,从而达到异常出色的性能。

支持与JAVAScript交互,允许开发者使用Npm包,并与现在的Script应用程序结合

在开始之前需要你有一定的Rust、js、html的基础

我还对Rust不熟悉,可以通过什么方式进行学习呢?

可以通过官网教程学习
:https://www.rust-lang.org/

Rust语言圣经
:https://course.rs/about-book.html

如果我对js、html前端知识不熟悉呢?

可以在bilibili上面搜索前端教程,也可以通过w3shcool:
https://www.w3school.com.cn/html/index.asp

 

创建一个Yew应用程序

1需要用到的环境

Rust (上面有官网地址,可以到官网进行安装)
trunk
wasm32-unknown-unknown
如何创建一个Yew应用程序?

 

安装trunk:cargo install trunk

因为我已经安装过了,安装过程需要耐心等待

如何创建一个Yew应用程序?

 

安装wasm32:rustup target add wasm32-unknown-unknown

创建yew-App

第一步先创建一个项目
cmd:cargo new yew-app
cmd: cd yew-app
cmd:cargo run
以上执行完成后控制台会输出hello world
如何创建一个Yew应用程序?

 

编辑cargo.toml

如何创建一个Yew应用程序?

 

在dependencies下面增加
yew = "0.19"

编辑mAIn.rs

如何创建一个Yew应用程序?

 

在根目录添加index.html

如何创建一个Yew应用程序?

 

运行项目

如何创建一个Yew应用程序?

 

使用命令: trunk serve
trunk可以自动热部署

访问网页

通过上面运行可以看到端口绑定8080,可以通过浏览器访问本机的8080端口

如何创建一个Yew应用程序?

 

一个简单的Yew应用程序就运行成功啦!!!



Tags:Yew   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
如何创建一个Yew应用程序?
Yew是什么是一个设计先进的Rust框架,目前是使用WebAssembly来创建多线程的web应用。基于组件的框架:可以轻松得创建交互式UI。拥有React或Elm等框架的开发人员在使用Yew时会感...【详细内容】
2022-06-20  Search: Yew  点击:(257)  评论:(0)  加入收藏
科技与时尚该如何结合?华为Eyewear II眼镜体验
作为一名时尚而又喜欢科技的数码少女,从GENTLE MONSTER与华为第一次合作,我就已经早早预定了这款智能眼镜,但第一代的产品难免有一点瑕疵,不过也难以阻挡我对这两者组合的喜爱。...【详细内容】
2020-09-03  Search: Yew  点击:(282)  评论:(0)  加入收藏
▌简易百科推荐
Qt与Flutter:在跨平台UI框架中哪个更受欢迎?
在跨平台UI框架领域,Qt和Flutter是两个备受瞩目的选择。它们各自具有独特的优势,也各自有着广泛的应用场景。本文将对Qt和Flutter进行详细的比较,以探讨在跨平台UI框架中哪个更...【详细内容】
2024-04-12  刘长伟    Tags:UI框架   点击:(7)  评论:(0)  加入收藏
Web Components实践:如何搭建一个框架无关的AI组件库
一、让人又爱又恨的Web ComponentsWeb Components是一种用于构建可重用的Web元素的技术。它允许开发者创建自定义的HTML元素,这些元素可以在不同的Web应用程序中重复使用,并且...【详细内容】
2024-04-03  京东云开发者    Tags:Web Components   点击:(11)  评论:(0)  加入收藏
Kubernetes 集群 CPU 使用率只有 13% :这下大家该知道如何省钱了
作者 | THE STACK译者 | 刘雅梦策划 | Tina根据 CAST AI 对 4000 个 Kubernetes 集群的分析,Kubernetes 集群通常只使用 13% 的 CPU 和平均 20% 的内存,这表明存在严重的过度...【详细内容】
2024-03-08  InfoQ    Tags:Kubernetes   点击:(23)  评论:(0)  加入收藏
Spring Security:保障应用安全的利器
SpringSecurity作为一个功能强大的安全框架,为Java应用程序提供了全面的安全保障,包括认证、授权、防护和集成等方面。本文将介绍SpringSecurity在这些方面的特性和优势,以及它...【详细内容】
2024-02-27  风舞凋零叶    Tags:Spring Security   点击:(61)  评论:(0)  加入收藏
五大跨平台桌面应用开发框架:Electron、Tauri、Flutter等
一、什么是跨平台桌面应用开发框架跨平台桌面应用开发框架是一种工具或框架,它允许开发者使用一种统一的代码库或语言来创建能够在多个操作系统上运行的桌面应用程序。传统上...【详细内容】
2024-02-26  贝格前端工场    Tags:框架   点击:(51)  评论:(0)  加入收藏
Spring Security权限控制框架使用指南
在常用的后台管理系统中,通常都会有访问权限控制的需求,用于限制不同人员对于接口的访问能力,如果用户不具备指定的权限,则不能访问某些接口。本文将用 waynboot-mall 项目举例...【详细内容】
2024-02-19  程序员wayn  微信公众号  Tags:Spring   点击:(41)  评论:(0)  加入收藏
开发者的Kubernetes懒人指南
你可以将本文作为开发者快速了解 Kubernetes 的指南。从基础知识到更高级的主题,如 Helm Chart,以及所有这些如何影响你作为开发者。译自Kubernetes for Lazy Developers。作...【详细内容】
2024-02-01  云云众生s  微信公众号  Tags:Kubernetes   点击:(58)  评论:(0)  加入收藏
链世界:一种简单而有效的人类行为Agent模型强化学习框架
强化学习是一种机器学习的方法,它通过让智能体(Agent)与环境交互,从而学习如何选择最优的行动来最大化累积的奖励。强化学习在许多领域都有广泛的应用,例如游戏、机器人、自动驾...【详细内容】
2024-01-30  大噬元兽  微信公众号  Tags:框架   点击:(71)  评论:(0)  加入收藏
Spring实现Kafka重试Topic,真的太香了
概述Kafka的强大功能之一是每个分区都有一个Consumer的偏移值。该偏移值是消费者将读取的下一条消息的值。可以自动或手动增加该值。如果我们由于错误而无法处理消息并想重...【详细内容】
2024-01-26  HELLO程序员  微信公众号  Tags:Spring   点击:(94)  评论:(0)  加入收藏
SpringBoot如何实现缓存预热?
缓存预热是指在 Spring Boot 项目启动时,预先将数据加载到缓存系统(如 Redis)中的一种机制。那么问题来了,在 Spring Boot 项目启动之后,在什么时候?在哪里可以将数据加载到缓存系...【详细内容】
2024-01-19   Java中文社群  微信公众号  Tags:SpringBoot   点击:(91)  评论:(0)  加入收藏
站内最新
站内热门
站内头条