【实习40天-60天】odoo前端框架的学习

前言

• Odoo 是一个开源框架，针对 ERP 的需求发展而来，适合定制出符合客户各种需求的 ERP 系统和电子商务系统
• 但是正因为是框架,且是一个集成框架,别人的界面与代码早已完成
• 所以在别人的代码上修改(二次开发),对我来说是一个很大的挑战

odoo前端的组成

odoo运用的框架

• odoo前端是一个很老的框架,名叫 backbone，在以前也是很流行的
• backbone的特点:轻，兼容性好。缺点:相比流行框架比起来学习成本高
• 但当年用来实现 MVC 的选型：jquery, underscore template, Model, Router 随着浏览器和 JS 语言的发展落后了。
• View 层被 React, Vue 等组件化的库所取代。
• Model 层被 redux, vuex 等状态管理所取代

一个魔改的backbone

• odoo中的backbone是被魔改过的，但是思想还是在backbone中
• 但修改odoo的前端需要结合odoo的view中的xml，js继承扩展等，总之一言难尽

更改字段为一个图表需要四步

• view视图中,字段继承widget修改字段属性
• 
• 继承tree视图，并修改扩展原生的tree视图
• 
• model 层传参给前端view层
• 

最终效果展示

经过20多天来的自学与探索，odoo前端的修改与扩展理解达到30%

修改字段变为图表

在tree视图上拓展widget，且实现自定义搜索

总结

• backbone 虽然是老牌框架，在如今的前端上面并不流行。
• 但是前端的学习并不是说，不流行了，就淘汰了，不学了。
• odoo 前端backbone的学习还在继续，虽然他复杂,他不友好，但是让我深刻的了解，他与其他的前端框架不一样在哪，为什么backbone会逐渐的被替代，backbone更像是面向对象。
• 虽然目前为止我只接触了vue的基础，对vue的理解不深刻，不知道vue的强大
• 如今实习了60多天，从今日开始终于要 从魔改的backbone中融合vue了，我会在odoo中慢慢的融入vue的思想，做一个大胆的尝试～