shenyi
管理员
管理员
  • UID1
  • 粉丝45
  • 关注0
  • 发帖数832
阅读:3281回复:2

Rust Wasm实战篇:业务表格开发(第三章更新帖)

楼主#
更多 发布于:2020-06-27 13:35
    前面我们对rust wasm做了基础教学,并入门yew的这个框架。 后面几章我们需要来做一些实例,并且逐步应用到我们的实战项目中(后台为主)。
     rust发展非常快,但在生成环境应用还需要排坑,所以遇到BUG请提交到我们VIP群中,同时RUST也是供有精力的同学学习,作为未来布局的技术栈
    为了防止大家找不到课程,我们把每个功能点 做一个单独的更新帖。不再零散的开贴
  
   本章节我们完成的是业务表格的开发,用js其实也不容易,用rust 做反而在某些实现细节上很丝滑、很嗨。 目前每周更新4-6课时

第三章:实例之业务表格开发
第19讲:渲染商品列表(1):手动创建一个商品列表
本章节 我们将开始做实例。 先从表格开始,我们用wasm实现一个业务表格出来,渲染速度比JS更快

第20讲:渲染商品列表(2):给表格加入样式
应一个学员要求,今天我们演示下如何加入样式。其实很简单哦~~

第21讲:渲染商品列表(3):实现行选中效果(单选) 免费试听,无需登录
今天先实现一个最简单的功能:选中行

第22讲:渲染商品列表(4):实现行选中效果(多选)
上节课是单行,这节课完成多行效果

第23讲:渲染商品列表(5):实现按商品价格排序
今天我们实现在表头上点击实现排序

第24讲:渲染商品列表(6):在表格上加svg图标 免费试听,无需登录
加图标的方式。很简单


第25讲:渲染商品列表(7):加入复选框列选择行
今天我们默认JS表格组件在第一列加入复选框

第26讲:渲染商品列表(8.1):点击单元格的编辑效果  免费试听,无需登录

今天我们实现在单元格单机后出现表格编辑效果。下节课来实现内容的保存

第27讲:渲染商品列表(8.2):单元格编辑之数据保存
沿着上节课。修改了单元格后把数据应用到表格里


第28讲:渲染商品列表(9):显示编辑过的单元格
沿着上节课,我们来做个功能:修改单元格后显示不同的边框,以此来提示哪些行被修改过了

第29讲:渲染商品列表(10):在表格中新增一行  免费试听,无需登录

今天我们要演示的是在表格中新增一行的效果  

本次更新效果图

  

图片:tb.gif

会讲故事的程序员
shenyi
管理员
管理员
  • UID1
  • 粉丝45
  • 关注0
  • 发帖数832
沙发#
发布于:2020-07-10 12:40
7。10更新:表格编辑功能的初步实现
会讲故事的程序员
shenyi
管理员
管理员
  • UID1
  • 粉丝45
  • 关注0
  • 发帖数832
板凳#
发布于:2020-07-30 16:25
7.30 更新表格编辑和新增功能
会讲故事的程序员
游客

返回顶部