- 支持试读
内容介绍
通过《使用 axum 和 dioxus 构建全栈 Web 应用》专题的学习，相信你已经掌握了 dioxus 前端应用的开发，dioxus 还提供了 fullstack，可以快速的构建一个全栈应用，可喜的是，dioxus fullstack 的后端是由 axum 实现的。 - 支持试读
开发代办事项App
本章我们将代办事项App的开发，掌握 dioxus fullstack 的基本知识。 dioxus fullstack 文件上传
我们在《【加餐】dioxus 和 axum 实现文件上传》讲解过如果使用 dioxus 编写文件上传组件，该案例中，我们使用的是原生 axum 实现的后端。本章，我们将讨论使用 dioxus fullstack 实现文件上传。和原生 axum 相比，dioxus fullstack 实现文件上传非常容易。dioxus fullstack 使用 sqlx
在构建待办事项App时，我们讨论了如何在 dioxus 中，使用单例模式共享数据存储。本章我们讨论如何在 dioxus 中共享 sqlx 连接池。图床：上传图片并保存到 B2 存储桶
本章我们将开始实现图床。我们将从创建一个开启路由及 tailwind css 的 dioxus fullstack 项目开始，并在本章实现图片上传并保存到 B2 存储桶。图床：后台管理
本章我们将实现图床的后台管理功能，你将学习到：如何在 dioxus 自定义 AXUM、如何实现 dioxus fullstack JWT 鉴权。
内容介绍
本专题会通过两个案例来对 dioxus fullstack 进行渐进式的学习：
- 待办事项App：你将学习到 dioxus fullstack 的基本操作，包括：项目的创建、依赖管理、前后端通讯等
- 图床：深入学习 dioxus fullstack 技术，包括：数据库操作、全栈文件上传、B2操作、鉴权以及自定义AXUM
你可以通过以下站点在线体验：
- 待办事项【演示限制：最多只能10条，单条不超过50个字符】：dx-todo.ace.dpdns.org
- 图床：🚬.eu.org
input {
placeholder: "Type here to echo...",
oninput: move |event| async move {
let data = echo_server(event.value()).await.unwrap();
response.set(data);
},
}
本专题代码位于：AxumCourse/dioxus-fullstack仓库。