先弄清这门课在解决什么工作场景

这套资料面向的是内部运维平台升级场景:后端用 Go 暴露 Kubernetes 的控制接口,前端不再走传统 JS 框架,而是用 Rust 编译成 WebAssembly 跑在浏览器里。它解决的核心问题是,当你需要为 K8s 集群做一个自研管理面板,且团队对前端体积、运行性能有要求时,怎么把 Rust 的类型安全和 Wasm 的执行效率落到界面交互上。如果你只是想学 Helm 或写几个 YAML,这门课的侧重点不在这里,它更偏向有研发诉求的平台工程。

适合什么基础,建议先看哪几块

它要求你已经有 Go 和 K8s 的基本操作能力, Rust 至少能看懂所有权和结构体。资料前半段是 Rust Wasm 的复习,从环境配置到 yew 框架的最简界面,再到按钮事件和 JS 交互;后半段集中在 Wasm 里发 HTTP 请求的套路,包括 JSON 解析、动态渲染和初步封装。建议先把 yew 界面搭建和 web-sys 交互这两块过一遍,确认能在本地跑起一个空白页面,再进入 HTTP 请求封装部分。最后有一节用五分钟快速搭一个 K8s 相关环境的补充课,适合作为动手前的环境校验,别跳过。

学完能独立做什么,资料怎么配合练习

学完后你能独立搭出一个前后端分离的 K8s 管理前端:用 Rust 写界面组件、用 wasm-bindgen 和 web-sys 与浏览器 API 交互、用 gloo 封装后端请求,再对接 Go 写的集群控制接口。练习时建议按资料的顺序来,先把最简界面跑通,再逐步加按钮和请求逻辑,最后做 JSON 化和动态渲染。每讲配套的代码片段不要只看,要本地 cargo build 验证一遍 Wasm 是否正常编译,再对照 Go 后端接口联调。这样走完,你拿到的不只是一段代码,而是一套能继续扩展的运维面板骨架。


之前我们开了好几个版本的可视化系统。直至今日我们不光要升级后端技术栈也要升级前端技术栈。本次我们折腾下前端,去掉传统前端,改用rust 开发wasm来实现。一方

课程目录

*   第一章:RUST wasm复习章节 cplist.push('第一章:RUST wasm复习章节');/

  *   第1讲:开张课、基本环境和课程内容

  *   第2讲:yew基本配置、创建最简单界面

  *   第3讲:添加按钮、触发事件、JS交互(wasm-bindgen)

  *   第4讲:使用web-sys进行js交互

  *   第5讲:在 wasm中 http请求的套路(gloo)1:基本代码

  *   第6讲:在 wasm中 http请求的套路(2):JSON化处理

  *   第7讲:在 wasm中 http请求的套路(3):动态加载和渲染(选学)

  *   第8讲:在 wasm中 http请求的套路(4):请求初步封装

  *   第9讲:补充课:5分钟快速搭建一个k8s 简易 通用API (golang)

  *   第10讲:加载namespace列表 并显示

  *   第11讲:复习课:封装namespace组件、组件引用、属性传递

  *   第12讲:复习课:加入ElementUI样式、Input组件封装

  *   第13讲:input组件(2)触发父组件事件、文本框联动

  *   第14讲:下拉框封装(1) :复习课、代码改动

  *   第15讲:下拉框封装(2) :灌入namespace数据

  *   第16讲:下拉框封装(3):onchange事件支持和联动

  *   第17讲:表格封装(1) :基本原理、父子组件套路(选学)

  *   第18讲:表格封装(2) :注入数据(初步)、动态渲染---选学

  *   第19讲:表格封装(3):显示数据支持多级表达式(上)

  *   第20讲:表格封装(3) :显示数据支持多级表达式(下)

  *   第21讲:表格封装(4):显示真实的PODS列表数据—选学

  *   第22讲:表格封装(5):自定义列的初步实现---选学

  *   第23讲:补充课:函数式组件快速使用、路由配置

  *   第24讲:第一阶段初步成型、聊一下前端结合架构

  *   第25讲:表单组件封装(1):构建快速原型(选学)

  *   第26讲:表单组件封装(2):表单提交(选学)

  *   第27讲:表单组件封装(3):数字文本、选择器、复选框等(选学)

  *   第28讲:表单组件封装(4):弹出消息框(上)(选学—思路)

  *   第29讲:表单组件封装(4):弹出消息框(2)---弹出多个消息框(选学 )

  *   第30讲:表单组件封装(4):弹出消息框(3)---自动伸缩(选学 )

  *   第31讲:表单组件封装(4):弹出消息框(4)---完成(选学 )