姑苏寻韵~ 庆开放原子开源大赛 OpenTiny 前端 Web 应用开发挑战赛路演圆满落幕。

春日已至，姑苏古城迎来了一场编程的盛宴——开放原子开源大赛 OpenTiny 前端 Web 应用开发挑战赛。历时三个月的激烈角逐，OpenTiny 与众多开发者携手共赴这场智慧的较量。决赛路演于 4 月 14 日在苏州（太湖）产业软件园圆满落下帷幕~

开放原子开源大赛由工业和信息化部、江苏省人民政府、湖南省人民政府主办，开放原子开源基金会、央视网、江苏省工业和信息化厅、无锡市人民政府、江苏软件产业人才发展基金会、苏州工业园区、无锡高新区、OpenTiny 开源社区等单位承办，以“软件定义世界 开源共筑未来”为主题,不设门槛不限行业,致力于聚焦国家战略和产业亟需、鼓励用“硬科技”解决“真问题”，是一场高规格高站位的开源领域技术竞技类比赛。

本次 OpenTiny 前端 Web 应用开发挑战赛围绕 OpenTiny 的 TinyVue 组件库赛题及 TinyEngine 低代码引擎赛题的相关任务进行评比，旨在让开发者基于组件库或低代码引擎进行应用生态开发。通过 TinyVue 组件库跨技术栈的架构，复用无渲染层逻辑并使用插件将模板转化为对应技术栈的函数式组件，最终开发出 Solid、React、openInula 组件库。或通过使用 TinyEngine 低代码引擎，开发出创新性的低代码相关应用或生态产品，推动低代码产品生态建设。

决赛采用“参赛选手路演展示”+“评委点评问答”模式展开，总体的指导思想为是否该作品可以对 OpenTiny 开源社区的产品竞争力形成较大贡献。参赛选手们历经 3 个月的激烈比拼，约定在此一决高下！

直击现场

首先 aring 战队的赖锐锋主要讲述了如何搭建一套自定义组件物料模板，以基于 Plyr 库封装的音视频组件作为实例，从组件开发、组件文档、组件描述到产物构建，详细讲解了 OpenTiny Engine 自定义组件开发组件库的完整流程。

腾诚战队的周俊宇则讲述了如何将 tiny-echarts 图表及 tiny-transitions 过渡动画物料库导入在 TinyEngine 低代码引擎中，此物料库包含折线图、饼图、柱状图、缩放、弹跳、渐隐、飞入等多种入场和出场动画等多种元素图表并基于两者进行数据可视化大屏的创作。

接着巨蟹好好的徐战队的高翔同学通过路演展示了 TinyEngine 低代码引擎适配 ant-design-vue 物料，通过编写脚本高效提取组件属性和描述，进而生成 tiny-engine 物料，确保物料库的精准与全面。

然后明志科技战队的刘明则展示了适配层和组件模板转换及开发工具链，实现从 TinyVue 到 TinyInula 组件库的自动转换。

花岗岩小队战队的王士忠同学通过路演介绍了从人工智能发展史到人工智能发展当前的痛点，说明了使用 TinyEngine 低代码引擎完成的 dl-Flow 低代码平台的初衷，介绍了 dl-Flow 是一种拖拽式的线性网络搭建的 Web 应用程序，开发者可以使用该程序直观地搭建一个 paddlepaddle 的神经网络，并详细讲解了 dl-flow 的基本原理、困难点。

飞翔在天战队的张烟玲通过路演谈到了开发 TinyReact 组件库的必要性，及核心技术原理，并展示了作品成果及未来期望。

dewhale 战队的余彦臻通过路演展示了如何用两个 AI 插件降低 TinyEngine 低代码引擎的学习门坎，提升使用效率，以及完成一套 AI+E2E 驱动的 TinyReact 组件迁移工具。

巨沙战队的何修通过路演展示了借助前端工程化，通过编译的方式将 TinyVue 组件转化为 Solid 组件。使得 Solid 组件运行在 TinyVue 之上，发布为 Solid 组件。

专家点评

看过选手们精彩的演示，评审专家们也根据选手们展示的主题和内容，进行了有针对性的分析和评价，包含技术实现，创新点、应用场景、市场潜力等方面，对展示的内容进行了深入的剖析。其中，华为云前端 Web 框架技术专家莫春辉老师对 TinyEngine 低代码引擎的 AI 插件的技术实现表示了肯定。腾讯技术专家艾瑞坤提到，选手利用 TinyEngine 实现的神经网络的低代码平台，如果深入实现将是一个很有意义的项目。而华为云高级工程师曾令卡及郑志超老师对于选手如何利用 TinyVue 组件库的无渲染架构完成脚本转换并创建 TinyReact/TinySolid/TinyInula 组件库的一整套技术方案实现比较感兴趣。同时华为云高级工程师伍其和及李旭宏老师对于选手们的作品创新性及作品适用的普适性也提出了自己的看法和见解。

现场采访

路演结束，分别邀请了本次大赛的前 2 名选手及我们的专家代表，进行了简短的采访。他们也提到了在参与比赛过程中遇到的难点，同时也表达了对 OpenTiny 开源社区的期望。

颁奖仪式

经过评委们的提问及打分，顺利评选出本次大赛的前 8 选手，华为云前端高级工程师曾令卡也为选手们分别颁发了一二三等奖，完赛之后选手们也提到感谢专家评委们的意见，后续会继续让作品更完整。也希望大家能在 OpenTiny 开源社区上一起发光发热。

• 一等奖：dewhale

• 二等奖：花岗岩小队、巨沙

• 三等奖：腾诚、明志科技、巨蟹好好的徐、aring、飞翔在天

如今，这场大赛已圆满落幕，OpenTiny 为每一位参与者的辛勤付出和卓越表现感到自豪。同时，也热切期待更多的开发者能加入到 OpenTiny 开源社区的建设中，共同书写前端技术的新篇章，共筑开源之梦！

关于 OpenTiny

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

欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～更多视频内容也可关注B站、抖音、小红书、视频号

OpenTiny 也在持续招募贡献者，欢迎一起共建

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 标签，一起参与开源贡献~