AVM（Application-View-Model）前端组件化开发模式基于标准Web Components组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容Web Components标准，同时兼容Vue和React语法糖编写代码，编译工具将Vue和React相关语法糖编译转换为avm.js代码。

上文回顾，我们已经完成了一个应用项目创建、导入、代码更新、代码同步和代码提交，本章继续我们的新手开发之旅，讲述一下如何将开发完成的应用进行编译，生成可供他人安装、可上架的应用安装包。

AVM（Application-View-Model）前端组件化开发模式基于标准Web Components组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容Web Components标准，同时兼容Vue和React语法糖编写代码，编译工具将Vue和React相关语法糖编译转换为avm.js代码。

AVM（Application-View-Model）前端组件化开发模式基于标准Web Components组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容Web Components标准，同时兼容Vue和React语法糖编写代码，编译工具将Vue和React相关语法糖编译转换为avm.js代码。

AVM（Application-View-Model）前端组件化开发模式基于标准Web Components组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容Web Components标准，同时兼容Vue和React语法糖编写代码，编译工具将Vue和React相关语法糖编译转换为avm.js代码。

AVM（Application-View-Model）前端组件化开发模式基于标准Web Components组件化思想，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容Web Components标准，同时兼容Vue和React语法糖编写代码，编译工具将Vue和React相关语法糖编译转换为avm.js代码。

在前几期的文章中我们已经介绍过如何在YonBuilder中使用前端函数实现数据过滤功能。相对应于前端函数，在YonBuilder中还可以使用后端函数实现对于程序的扩展。通过前端函数实现的更多的是与页面交互相关的功能，而后端函数主要是用于预制按钮功能的扩展开发，为相应的按钮赋予一些自定义的属性。

数据分析是一个典型的工作场景，同时也是一个必备的职业技能；无论什么职位，都需要通过数据跟踪业务、发现业务的亮点与短板，精准归因，进而实现业绩提升。使用 YonBuilder，通过拖拽方式就能轻松实现数据分析。接下来，我们通过员工信息数据的案例展开介绍。

当用户创建一个新的应用时，Studio3 开发工具会自动导入项目代码，不需要手动进行代码导入。那么当我们不是创建应用，而是需要导入一个已经存在的旧的应用项目时，可以按以下教程内容进行操作执行。

《堂食点餐》云应用是一套在线点餐的行业应用模版，顾客可通过小程序/APP自助扫码订餐、加菜、买单，从而降低门店服务人员工作量及餐厅的运营成本。前端模版源码开源后，获得了很多开发者的好评，为了给开发者带去更好的学习和开发福利，《堂食点餐》后端数据云函数也开源啦！模板的数据云模型和云函数现已上线到数据云...

近年来，各类移动端应用层出不穷，app、小程序已成为企业业务数字化的必然选择，围绕互联网产品的技术创新与开发者生态，正在历经行业发展的又一次革新。