原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
D2C 低代码在腾讯音乐人
业务的探索实践
大纲
1、优化前端开发模式流程
2、D2C 转码技术的关键实现
3、低码与D2C合力完成“端到端”
4、总结与展望
1. 优化前端开发模式流程
1.1 现状前端模式
1.2 发现的问题
1.3 探索方案
1.4 流程链路
现状前端开发模式
工程化开发 低代码开发
类型：存量项目、体系的项目。 类型：B端管理系统、C端运营页
特点：逻辑复杂、复用性低、低配置性。 特点：组件、模版可复用、逻辑可配置、高配置性。
发现的问题
研发要“效率”高
“研发还原度低，很明显的问题没有发现。”
“设计走查太浪费时间，细节问题多，按时上线
都有风险。”
“哪种开发模式都绕不开切图还原设计稿，过程成就感低。”
“一些显而易见的业务和组件，能不能自动生成？”
“还要用走查工具去细节比较，我想专注更有价值的工作。”
设计师要“效果”好
探索方案
Desgin to /
Desgin to /
计算节点
设计稿图层节点 UI 代码
训练模型
识别组件图层 组件代码
流程链路
D2C
设计稿 转码 组件识别 上架低码
本地工程
2. D2C 转码技术的关键实现
2.1 设计稿清洗 2.5 提取循环节点
2.2 图标合并 2.6 转化样式
2.3 还原空间关系 2.7 构建骨架
2.4 分行分列 2.8 多平台生成
D2C 转码关键实现 / 1.设计稿清洗 / 去除干扰元素
1.去除干扰元素 识别无效元素，确保生成的结构不包含冗余代码。
透明元素
完全遮挡元素
非可视区域
隐藏、空元素
视觉干扰元素 歌手
宽高异常元素
D2C 转码关键实现 / 1.设计稿清洗 / 合并转换节
点
2.合并转换节点 将设计稿中的图层，统一封装成标准的四种元素。
1. 原始节点合并
2. 节点增加类型
图标 图片 容器 文本
文档评论（0）