报名倒计时两周|2024 OpenTiny 开源之夏项目直播解读回顾

5月16日,OpenTiny 开源社区成功举办了以《OpenTiny 开源之夏项目解读直播》为主题的直播活动。此次直播中,华为云的高级前端工程师曾令卡、华为云的高级前端工程师伍其和与10位开源之夏技术专家携手组成项目导师团,面向广大开发者一同深入探讨了 OpenTiny 开源之夏活动的各项细节。此外,针对 OpenTiny 的10个重点项目,项目导师还进行了关键技术的细致剖析,旨在为开发者们提供更清晰的指引,助力大家高效选择并参与到自己感兴趣的开源项目中。

活动详情

1、活动对象

  • 本活动面向年满 18 周岁的高校在校学生。
  • 暑期即将毕业的学生,只要申请时学生证处在有效期内,就可以报名活动。
  • 中国籍学生参与活动时需提供身份证、学生证、教育部学籍在线验证报告(学信网)或在读证明。
  • 外籍学生参与活动时需提供护照,同时提供录取通知书、学生卡、在读证明等文件用于证明学生身份。

2、如何报名

本次开源之夏活动自4月30日正式启动报名,一直持续到11月8日结项审核完毕,历时数月。目前,活动正处于火热报名阶段。学生们可轻松通过活动官网首页的学生登录入口注册账号、登录系统,并按照活动规定填写并提交详细的个人资料。一旦资料通过组委会的严格审核,即标志着报名成功。成功报名后,学生们可自由浏览并挑选项目,包括进入开源之夏官网,查看并搜索OpenTiny相关项目。选定心仪项目后,只需根据项目要求,参照项目申请模板,通过系统便捷地提交申请材料,即可踏上参与开源项目的精彩旅程。

具体内容也可以前往学生指南进行查看:https://summer-ospp.ac.cn/help/student/

图片

项目详解

项目1:Grid 组件重构和优化

项目简介: 目前TinyVue的Grid表格组件并没有将组件逻辑拆分成renderless函数,后续无法扩展到其他前端框架中,因此需要对Grid组件进行重构,将组件逻辑抽离成renderless。完成重构之后,还需要基于目前的虚拟滚动进行优化,优化大数据场景下树表、单元格编辑、行列拖拽等场景的功能和性能,实现动态高度的虚拟滚动、树表懒加载等特性。

项目产出要求:

  • Grid 组件抽离 renderless 逻辑层
  • 优化虚拟滚动下行列拖拽、树表、插入节点等场景的功能和效率
  • 实现动态高度的虚拟滚动
  • 实现树表懒加载功能
  • 完善以上特性的自动化测试用例
  • 完善以上特性对应的API/Demo文档

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0057?list=org&navpage=org

图片

项目2:TinyVue增加Nuxt支持

项目简介: SSR服务端渲染在首屏加载性能、SEO等方面存在一定的优势,因此也有很多应用场景,TinyVue组件库目前还不支持SSR,希望能提供对Nuxt框架的支持,使TinyVue的组件也能用在Nuxt框架搭建的应用中

项目产出要求:

  • 增加tiny-vue-nuxt模块
  • 改造TinyVue代码,以适应Nuxt环境
  • 支持Vue2和Vue3,在Vue2和Vue3项目中走通nuxt插件使用流程
  • 完善对应的自动化测试
  • 补充对应的使用文档

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0058?list=org&navpage=org

图片

项目3:Tree组件增加虚拟滚动功能

项目简介: 在文件浏览器、组织结构图、分类目录等场景中,Tree组件能够以树形结构展示数据,并支持展开/折叠、选择/取消选择等交互操作,方便用户查看和管理数据。TinyVue组件库的Tree组件包含非常丰富的功能,比如节点单选/多选、节点增删改、拖拽节点、搜索过滤、懒加载等,但缺乏虚拟滚动功能,在大数据场景下会存在性能问题,所以我们应该给Tree组件增加虚拟滚动的功能。

项目产出要求:

  • 实现嵌套节点的 Tree 虚拟滚动
  • 实现带增删改节点的虚拟滚动
  • 实现拖拽树的虚拟滚动
  • 实现节点搜索过滤下的虚拟滚动
  • 为Tree组件虚拟滚动功能编写API/Demo文档
  • 为Tree组件虚拟滚动功能编写自动化测试用例

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0053?list=org&navpage=org
在这里插入图片描述

项目4:TinyVue 富文本功能增强

项目简介: 富文本编辑器是一个使用场景很丰富的组件,目前TinyVue的富文本组件支持20多种富文本格式,但是表格操作、复制粘贴等功能还不够完善,并且缺乏斜杆菜单、浮动菜单、协同编辑等实用功能,需要对这些功能进行增强和补齐,为更广大的业务提供一个功能强大、稳定的富文本编辑器。

项目产出要求:

最终要形成一个高度优化且具有丰富增强功能的 tinyvue 富文本组件。该组件需具备抽取的框架无关的 TinyTiptap、易用性和定制能力优秀的 Toolbar 工具栏组件、功能和交互显著增强的表格模块、完善的粘贴模块,包括支持多种内容的粘贴,还要有斜杠菜单功能、浮动菜单功能、协同编辑功能以及配套的自动化测试用例和详细准确的 API/Demo 文档,以确保其稳定性和可用性。

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0054?list=org&navpage=org

在这里插入图片描述

项目5:完善 TinyPro Vue 中后台系统

项目简介: TinyVue Pro是一个基于TinyVue的中后台系统,支持 10+ 实用功能,20+ 典型页面场景,还缺乏页签模式、多级菜单等实用功能需要完善和丰富。

项目产出要求:

  • 增加页签模式
  • 支持多级菜单
  • 支持在初始化项目时选择vite/webpack/rspack/farm等构建工具
  • 支持在初始化项目时选择Vue2还是Vue3项目
  • 支持多维度权限管理能力:页面权限管理、菜单权限管理、按钮权限管理

项目链接:https://summer-ospp.ac.cn/org/prodetail/2436e0065?list=org&navpage=org

图片

项目6:开发 TinyEngine 模板功能

项目简介: 本赛题需要从0实现TinyEngine模板功能并提供中后台管理系统模板,官网展示页类型模板、基础表单类型模板,用户可以基于模板创建页面和应用,实现快速搭建。

项目产出要求:

  • 作品应能完成模板基础功能。
  • 作品应完成三类模板:后台管理系统模板、官网展示页类型模板、基础表单类型模板,用户可以基于模板创建页面和应用,实现快速搭建。
  • 作品包含完整的代码、文档等产物。
  • 作品代码逻辑清晰,模块划分合理,可维护性强,符合项目开发规范。

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0063?list=org&navpage=org

图片

项目7:AI插件搭建能力增强

项目简介: TinyEngine当前已有基础的AI插件能够实现通过输入需求对话调用AI能力生成前端页面,本赛题需要完善AI插件能力,改进AI生成页面流程,利用AI多模态能力, 同时将AI与TinyEngine功能相结合等方式,来优化AI插件的搭建效果与使用体验。

项目产出要求:

  • 优化当前对话方式生成页面效果,支持更多TinyVue组件,通过AI直接返回符合低码平台页面协议格式的页面schema渲染增强用户交互体验:优化AI插件的用户界面和交互设计,提升用户体验。
  • 支持通过上传设计稿或者原型图,使用AI能力搭建出页面,页面使用TinyVue组件,效果应与上传图片大致类似,生成的页面可以手动确认和二次修改
  • 实现AI调用TinyEngine能力,生成页面时实现自动生成页面状态变量、页面JS、国际化等数据并自动进行绑定
  • 完善对应的文档

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0062?list=org&navpage=org

图片

项目8:插件灵活布局能力

项目简介: TinyEngine 使用插件架构,每个插件都是一个相对独立的功能,本赛题为插件提供灵活布局能力,可以实现插件在运行时,通过右键菜单控制插件显示隐藏、调整位置、插件切换左右侧显示,同时可以拖拽调整展开的插件面板宽度。

项目产出要求:

  • 拖拉调整插件面板宽度
  • 拖拽调整插件调整顺序
  • 拖拽调整插件调整位置
  • 右键菜单控制插件显示隐藏、插件切换左右侧显示

项目链接:https://summer-ospp.ac.cn/org/prodetail/2436e0060?list=org&navpage=org

图片

项目9:React DSL 出码与预览功能实现

项目简介: TinyEngine基于符合页面描述协议的schema文件来描述搭建的低代码前端页面结构,本赛题需要根据页面schema来实现生成React技术栈代码,并在预览插件中能够实现预览React代码效果。

项目产出要求:

  • 作品应能完成在React出码插件中实现由页面Schema生成React代码功能。
  • 作品需要在预览插件中实现生成React代码的预览功能,通过出码模块生成的React代码应能正常预览,预览显示效果与设计器画布效果基本一致。
  • 作品包含完整的代码、基础的测试用例、文档等产物。
  • 作品代码逻辑清晰,模块划分合理,可维护性强,符合项目开发规范。

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0061?list=org&navpage=org
在这里插入图片描述

项目10:ElementPlus组件库全量物料接入

项目简介: TinyEngine 支持导入三方组件库物料,本赛题需要完成导入ElementPlus全量组件物料。

项目产出要求:

  • 需要提供完整的包含ElementPlus组件库全量组件的JSON格式物料文件,导入TinyEngine后可以正常显示、拖拽组件并配置属性。
  • 作品包含完整的代码、自动化脚本、文档等产物。
  • 作品代码逻辑清晰,模块划分合理,可维护性强,符合项目开发规范。

项目链接: https://summer-ospp.ac.cn/org/prodetail/2436e0059?list=org&navpage=org
在这里插入图片描述

上述列出的十个赛题均源自于 OpenTiny 开源之夏活动,它们聚焦于 TinyVue 组件库项目及 TinyEngine 低代码引擎项目。若你希望深入了解这两个项目的精髓与魅力,欢迎访问 OpenTiny 官网并联系项目导师,将有更多详尽的资讯和精彩的内容等待你的探索。

关于 OpenTiny

图片

OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。

欢迎加入 OpenTiny 开源社区。添加微信小助手:opentiny-official 一起参与交流前端技术~

OpenTiny 官网:https://opentiny.design/
OpenTiny 代码仓库:https://github.com/opentiny/
TinyVue 源码:https://github.com/opentiny/tiny-vue
TinyEngine 源码: https://github.com/opentiny/tiny-engine

欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~
如果你也想要共建,可以进入代码仓库,找到 good first issue标签,一起参与开源贡献~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/14463.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java类和对象(五)—— 抽象类、接口、Object类和内部类

抽象类 在继承体系下,父类有些方法可能是要被重写的,如果我们事先就知道某些方法需要重写的话,我们可以不用在父类里面具体实现这个方法,这时候我们会用到抽象方法,这时候我们会用到关键字abstract关键字来修饰 publ…

BatBot智慧能源管理平台,更加有效地管理能源

随着能源消耗的不断增加,能源管理已成为全球面临的重要问题。BatBot智慧能源管理作为一种的能源管理技术,促进企业在用能效率及管理有着巨大的提升。 BatBot智慧能源管理是一种基于人工智能技术的能源管理系统,通过智能分析和优化能源使用&…

【JAVA |再谈接口、Object、内部类】Object类中子类重写,Cloneable 接口、比较器、内部类

✨✨谢谢大家捧场,祝屏幕前的小伙伴们每天都有好运相伴左右,一定要天天开心哦!✨✨ 🎈🎈作者主页: 🎈丠丠64-CSDN博客🎈 ✨✨ 帅哥美女们,我们共同加油!一起…

Internet动态路由选择—RIP与OSPF

刚做完网络层动态路由选择的实验,写下此篇记录实验过程,巩固学习成果。 参考书目:《计算机网络》北京理工大学出版社-刘阳老师编 路由选择可分为两种策略: - 静态路由选择策略 - 动态路由选择策略 静态路由即管理员手动配置路由…

Java 商品入库系统 案例

测试类 package 练习.商品入库系统;import java.util.ArrayList; import java.util.Scanner; public class Test {public static final int Enrool 1;public static final int Search 2;public static final int Delect 3;public static final int Exit 4;public static…

在docker上部署postgresSQL主从

文章目录 一、主从规划二、创建PostgresSQL的Docker镜像三、主库部署1、建立pgsql主库的data地址2、启动docker镜像3、docker内操作4、修改配置文件 四、部署从数据库1、建立psql备库的data地址2、启动docker镜像3、备库从主库同步4、检查是否同步 五、测试主从数据库 一、主从…

#2495. 滑动窗口 /【模板】单调队列

题目描述 有一个长为 ( n ) 的序列 ( a ),以及一个大小为 ( k ) 的窗口。现在这个窗口从左边开始向右滑动,每次滑动一个单位,求出每次滑动后窗口中的最大值和最小值。例如: 数组是 ([1, 3, -1, -3, 5, 3, 6, 7]), ( …

【深度强化学习】关于同一设备上cuda和gpu计算结果不一致问题

文章目录 问题描述关于seed: 跟原文一致补充:万能seed 问题结论cpu和gpu差异来源分析浮点数精度的差异补充报错:Expected all tensors to be on the same device!常见运算上的差异累加运算的差异exp运算的差异matmul运算的差异 forward上的差异&#xff…

【LeetCode 随笔】面试经典 150 题【中等+困难】持续更新中。。。

文章目录 189. 轮转数组122. 买卖股票的最佳时机 II55. 跳跃游戏45. 跳跃游戏 II274. H 指数 🌈你好呀!我是 山顶风景独好 💝欢迎来到我的博客,很高兴能够在这里和您见面! 💝希望您在这里可以感受到一份轻松…

机器学习云环境搭建

在 https://support.huaweicloud.com/browsertg-obs/obs_03_1003.html 下载对应版本的 OBS Broswer 软件,如图,红框内的为安装文件,蓝色框内的为对应安装文件的校验文件(无需下载) 以 64 位机为例,下载完…

景源畅信电商:抖店需要的成本高吗?

在数字化时代的浪潮中,短视频平台迅速崛起,成为连接用户与商家的新桥梁。抖音作为其中的佼佼者,不仅改变了人们的娱乐方式,也催生了新型的电商模式——抖店。许多人好奇,入驻这样一个充满活力的平台,需要承…

618知识狂欢,挑本好书,点亮智慧生活!

618精选编程书单:提升你的代码力 一年一度的618又到啦!今年的618就不要乱买啦,衣服买多了会被淘汰,电子产品买多了会过时,零食买多了会增肥,最后怎么看都不划算。可是如果你购买知识,坚持阅读&a…

第N2周:Embeddingbag与Embedding详解

🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者:K同学啊 | 接辅导、项目定制🚀 文章来源:K同学的学习圈子 目录 什么是词嵌入? Embedding与EmbeddingBag详解 Embedding Embeddi…

代码随想录算法训练营第十七天|LeetCode110 平衡二叉树、LeetCode257 二叉树的所有路径

题1: 指路:LeetCode110 平衡二叉树 思路与代码: 左右子树的高度差小于等于1。对于这个题,递归比迭代方便太多,我也想过迭代,但是我没有写出来,大家可以自己试一下。递归代码如下:…

如何为ChatGPT编写有效的提示词:软件开发者的指南

作为一名软件开发者,特别是使用Vue进行开发的开发者,与ChatGPT等AI助手高效互动,可以极大地提升你的开发效率。本文将深入探讨如何编写有效的提示词,以便从ChatGPT中获取有用的信息和帮助。 1. 明确目标 在编写提示词之前&#…

后端之路第二站(正片)——SprintBoot之:分层解耦

很抽象,我自己也不好理解,仅作为一个前端转后端的个人理解 一、先解释一个案例,以这个案例来分析“三层架构” 这里我先解释一下黑马程序员里的这个案例,兄弟们看视频的可以跳过这节课:Day05-08. 请求响应-响应-案例_…

【webrtc】m98:Call的创建及Call对音频接收处理

call中多個流共享相同的辅助组件 这几个是与外部共用的 线程传输send控制module 线程任务队列工厂call的辅助组件中各种统计以及接收测的cc是自己创建的 call自己的多个辅助组件是外部传递来的 call 创建多个接收流 这里用一个set 来保存所有指针,并没有要map的意思:

【因果推断从入门到精通二】随机实验3

目录 检验无因果效应假说 硬币投掷的特殊性何在? 检验无因果效应假说 无因果效应假说认为,有些人存活,有些人死亡,但接受mAb114治疗而不是ZMapp与此无关。在174例接受mAb14治疗的患者中,113/17464.9%存活了28天&…

【MySQL精通之路】InnoDB(6)-磁盘结构

主要博客: 【MySQL精通之路】InnoDB存储引擎-CSDN博客 1 表 2 索引 【MySQL精通之路】InnoDB(6)-磁盘结构(2)-索引-CSDN博客 3 表空间 【MySQL精通之路】InnoDB(6)-磁盘结构(3)-表空间-CSDN博客 4 双写缓冲区 【MySQL精通之路】InnoDB(6)-磁盘结构(4)-双写缓冲…