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中。

参赛指南

参考资料
项目官网：https://opentiny.design
项目仓库：
https://gitlink.org.cn/opentiny/tiny-engine
https://gitlink.org.cn/opentiny/tiny-vue
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/
【视频】TinyVue组件库实战解析，提升组件库构建技能：https://www.bilibili.com/video/BV1Rf421Q7X7/?spm_id_from=333.999.0.0&vd_source=b06daacb8364d3b887df5492fd31d992

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/
【视频】TinyEngine 低代码引擎系列.第1讲——低代码浪潮之下，带你走进TinyEngine：https://www.bilibili.com/video/BV1aT421Y7gM/?spm_id_from=333.999.0.0&vd_source=b06daacb8364d3b887df5492fd31d992
【视频】TinyEngine 低代码引擎系列.第2讲——向下扎根，向上生长，TinyEngine 灵活构建个性化低代码平台：https://www.bilibili.com/video/BV14i421h7EJ/?spm_id_from=333.999.0.0&vd_source=b06daacb8364d3b887df5492fd31d992

直播宣讲：
OpenTiny CCF开源创新大赛赛题讲解

联系方式：

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

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