- 支持试读
内容介绍
通过《使用 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 鉴权。
内容介绍
通过《使用 axum 和 dioxus 构建全栈 Web 应用》专题的学习，相信你已经掌握了 dioxus 前端应用的开发，dioxus 还提供了 fullstack，可以快速的构建一个全栈应用，可喜的是，dioxus fullstack 的后端是由 axum 实现的。
本专题会通过两个案例来对 dioxus fullstack 进行渐进式的学习：
你可以通过以下站点在线体验：
- 待办事项【演示限制：最多只能10条，单条不超过50个字符】：dx-todo.ace.dpdns.org
- 图床：🚬.eu.org
以上代码，在 input 元素的 oninput 事件中，直接调用了后端函数 echo_server。关于其中细节，我们将在下一章进行讨论。
本专题代码位于：AxumCourse/dioxus-fullstack仓库。