java基础巩固-宇宙第一AiYWM：为了维持生计，做项目经验之~前后端代码生成工具总结~整起

赶紧记一下，生怕哪天用到了，忘了之前自己用过的神器：

• 之前学JavaSE时，接触到了要做一个计算器，然后当时发现了一个神器，Scene Builder，这个我自己感觉就是比如做一个计算器时，咱们可以在这个上面画好咱们计算器的布局，然后他就会帮咱们生成某些类，然后咱们可以在类中按照咱们自己的设计改动布局颜色之类的配置，然后可以在开发工具上和Scene Builder上反复试，最后应该会得到自己满意的代码咯。安利一下给大家。
  
• 因为我是做后端的，所以前端自己不太能自己写，所以这种类似的工具对我很重要，比如说：下面这个：CODE.FUN【可以直接将项目开发中的 UI 设计转成代码，前端程序员可以直接拷贝使用，这样平时大量的页面工作全部可以由他生成，咱们只需要写基础业务逻辑就好了】
  • 这个平台支持 Sketch，Psd，Figma 等形式 UI 设计稿，最近还支持了即时设计，同时可以导出多端平台代码，H5，小程序，Vue，React 等。
  • 在保证设计稿还原度的前提下，CODE.FUN 还提供二次编辑功能，对生成的代码进行二次优化，比如解组编组，切图，数据绑定等功能
    • 生成的代码分层清晰、模块化正常，无论是相交、相离和包含的位置关系，都能很好的识别出来。
    • 在布局识别的准确性来说，CODE.FUN 能进行非常优秀的元素分组规划以及识别出各种 Flex 布局。
    • CODE.FUN 还提供了非常丰富的“智能工具箱”，用于快速将不合理的代码修改到几乎完美的状态。比如当设计稿比较复杂的时候，对于设计稿中的某些元素，可能因为父子元素坐标“混乱”而导致其可能被按照绝对定位来处理，导致出现一种识别异常的状态。所以，出现绝对定位的地方是需要"消灭"的，CODE.FUN 目前可以通过重新编解组、手动指定绝对定位元素、区域切图等多种手段来重新调整该元素与相邻元素的关系，从而让其恢复到满足程序员“心意”的状态。
    • 该产品采用的是原子化模块构建标签样式。从 dom 结构看每个标签都添加了不同的类名，但细看代码发现样式分为全局样式和局部样式，flex 布局采用全局样式，其他采用局部样
    • 在代码的可维护性上，它生成的 CSS 代码的更加符合我们的手写逻辑，最近，上新支持了 CSS 在线编辑和可视化编辑，更加友好。
    • 开放了支持第三方 UI 组件功能，不仅支持一些市面上常见的，还支持和公司自定义组件库。我们只需要把设计稿上传到 CODE.FUN 以后，就可以选择自定义常见组件（输入框、单选/多选框等）、高级组件（日历、进度条等），或关联已有组件，这个功能能够更快帮我们生产实际的业务代码。

巨人的肩膀：
Scene Builder官方文档
码农翻身老师文章