OpenTiny CCF 开源创新大赛赛事指南来啦，助力你赢取 10W 赛事奖金

第七届 CCF 开源创新大赛在国家自然科学基金委信息科学部的指导下，由中国计算机学会（CCF）主办，长沙理工大学、CCF 开源发展委员会联合承办。大赛面向国家“十四五”开源生态发展战略布局，聚焦“卡脖子”软件领域以及人工智能、大数据、芯片设计、物联网等前沿技术领域的开源软件，旨在为国内开源社区提供展示、交流、合作的平台，激发开源创新活力，培养开源实践人才，助力开源生态建设的高质量发展。

OpenTiny 此次参与 CCF 开源创新大赛，旨在让开发者基于组件库或低代码引擎进行应用生态开发。通过 TinyVue 组件库实现更多功能模块，帮助开发者高效开发 Web 应用。或通过使用 TinyEngine 低代码引擎，开发出创新性的低代码相关应用或生态产品，推动低代码产品生态建设。

报名链接： https://www.gitlink.org.cn/competitions/track1_openTiny?login=pcqxgftw6&websiteName=educoder

赛事介绍

1、项目介绍

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

• 项目官网：https://opentiny.design
  

• 项目仓库：

• https://gitlink.org.cn/opentiny/tiny-engine
  

• https://gitlink.org.cn/opentiny/tiny-vue
  

2、赛题设计目的

（1）旨在让开发者基于组件库或低代码引擎进行应用生态开发。通过 TinyVue 组件库实现更多功能模块，帮助开发者高效开发 Web 应用。或通过使用 TinyEngine 低代码引擎，开发出创新性的低代码相关应用或生态产品，推动低代码产品生态建设。

（2）帮助参赛选手结识开源界小伙伴和技术大牛，通过实际参与前端项目编程比赛，积累丰富前端项目实践经验，从而提升项目开发技能，为职业发展积累人脉。

3、赛题说明

本赛事围绕 OpenTiny 开源项目设计赛题，共包括 2 个基础任务和 4 个进阶任务，参赛团队可以选择完成 1 个或多个任务，最终将根据完成的任务数量、质量等综合评选。

基础任务：

任务 1. TinyVue 支持深色主题，支持多种不同系统的皮肤适配。

详见赛事项目 issue：https://gitlink.org.cn/opentiny/tiny-vue/issues/1

任务 2. TinyEngine 支持使用外部的图标资源库，实现图标的配置、画布展示、出码预览等能力。

详见赛事项目 issue：https://gitlink.org.cn/opentiny/tiny-engine/issues/1

进阶任务：

任务 1. 基于 TinyVue 的 renderless 设计架构，扩展 Svelte 组件库，丰富组件库生态。

详见赛事项目 issue：https://gitlink.org.cn/opentiny/tiny-vue/issues/2

任务 2. 实现 BPMN 流程设计器组件，用于绘制和设计业务流程图。

详见赛事项目 issue：https://gitlink.org.cn/opentiny/tiny-vue/issues/3

任务 3. 基于 TinyEngine 实现系统架构图、流程图编排类型设计器。

详见赛事项目 issue：https://gitlink.org.cn/opentiny/tiny-engine/issues/2

任务 4. TinyEngine DSL 出码对接 codesandbox 实现应用预览。

详见赛事项目 issue：https://gitlink.org.cn/opentiny/tiny-engine/issues/3

奖项激励

本项赛事设置一等奖、二等奖、三等奖以及优胜奖若干。（同一队伍在本赛题内不可重复获奖，以最高任务成绩为准）

报名方式

步骤一：赛事报名

报名须知：

（1）参赛对象：高校教师、学生，企业从业人员，自由职业者均可报名参赛

（2）组队方式：参赛队伍由 1 名导师（可选）和不超过 5 名成员组成，可以跨校组队

（3）截止时间：报名通道 9 月 20 日关闭

报名步骤：

在官网报名页面点击右上角“立即报名”按钮，进入报名页面，填写报名信息，报名参赛。报名一般流程如下：

（1）创建战队：点击“创建战队”，填写战队名称，添加指导老师和队员，即可完成战队创建。

（2）加入战队：点击“加入战队”，填入邀请码，即可加入已有战队。注意：每名学生在每项赛事中只能参与 1 个战队，但可以参加多个不同的赛事，每名老师可以担任多个参赛小组的指导老师。

（3）战队编辑：战队创建者可以在报名列表中对自己创建的战队进行编辑和修改，包括组员的添加、删除，指导老师的添加，战队名称的修改等。

步骤二: 作品提交

本项赛事共设计 6 个赛题，参赛团队要求完成 1 个或多个，最终评奖将依据完成的赛题数量和质量等进行综合评选。

赛事作品须按要求在 GitLink 平台对应项目中进行提交方为有效作品并被纳入最终的评审，本赛事对应 OpenTiny 项目地址：

https://gitlink.org.cn/opentiny/tiny-engine

https://gitlink.org.cn/opentiny/tiny-vue

根据赛事参赛任务的不同，作品提交方式大体分为以下几类：

（1）为开源项目提交代码贡献类任务：进入 GitLink 平台中的该项目 A，复刻（Fork）该项目到个人名下创建该项目副本 B，将战队成员加入到项目 B 并在项目 B 中进行协同开发，然后将代码贡献以合并请求（PR）方式提交到项目 A 中。

（2）为开源项目提交缺陷报告/特征需求以及相应功能实现报告类任务： 进入 GitLink 平台中的该项目 A，复刻（Fork）该项目到个人名下创建该项目副本 B，将战队成员加入到项目 B，在项目 B 的疑修（Issue）板块提交发现的缺陷或者特征需求、缺陷修复/功能实现报告。

（3）提交基于开源项目开发创新应用类任务：进入 GitLink 平台中的该项目 A，复刻（Fork）该项目到个人名下创建该项目副本 B，将战队成员加入到项目 B，在项目 B 中创建一个名为“plugins”分支，在此分支中完成创新应用开发，然后将代码贡献以合并请求（PR）方式提交到项目 A 中。

参赛指南

TinyVue 组件库项目参考资料：

• 【文章】TinyVue 贡献指南：https://github.com/opentiny/tiny-vue/blob/dev/CONTRIBUTING.zh-CN.md
  

• 【文章】原来 TinyVue 组件库跨框架（Vue2、Vue3、React、Solid）是这样实现的？https://mp.weixin.qq.com/s/c9n6yBceTDwIMGKBgkbO2g
  

• 【文章】6 个实例带你解读 TinyVue 组件库https://mp.weixin.qq.com/s/BnGnyzako2aTich2XJJAKQ
  

• 【文章】快速入门 TinyVue 组件库一键换肤！get“多主题适配”技能https://juejin.cn/post/7379264969069264905
  

• 【视频】TinyVue 实现一套代码同时支持 Vue2 和 Vue3 的原理：https://www.bilibili.com/video/BV1QP411y7cD/
  

• 【视频】OpenTiny 黑科技：重写组件逻辑和模板替换：https://www.bilibili.com/video/BV1th4y187Xh/
  

TinyEngine 低代码引擎项目参考资料：

• 【文章】TinyEngine 贡献指南：https://github.com/opentiny/tiny-engine/blob/develop/CONTRIBUTING.zh-CN.md
  

• 【文章】低代码引擎 TinyEngine 正式开源！！！https://juejin.cn/post/7280926568854667299
  

• 【文章】使用 TinyEngine 低代码引擎实现三方物料集成https://juejin.cn/post/7376197082204930057
  

• 【文章】使用手册 https://opentiny.design/tiny-engine#/help-center/course/engine
  

• 【视频】TinyEngine 直播答疑：https://www.bilibili.com/video/BV16j411e7y2/
  

社群答疑：

添加微信小助手：opentiny-official（备注 CCF 开源大赛）拉你进大赛技术交流群

直播宣讲：

待定

联系方式：

• 微信小助手：opentiny-official

• 邮箱：opentiny@huawei.com

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