欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-15 09:06:54
前言 Odoo 是一个开源框架,针对 ERP 的需求发展而来,适合定制出符合客户各种需求的 ERP 系统和电子商务系统 但是正因为是框架,且是一个集成框架,别人的界面与代码早已完成 所以在别人的代码上修改(二次开发),对我来说是一个很大的挑战 odoo前端的组成 odoo运用的框架 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修改字段属性
    • 【实习40天-60天】odoo前端框架的学习
    • 继承tree视图,并修改扩展原生的tree视图
    • 【实习40天-60天】odoo前端框架的学习
    • model 层传参给前端view层
    • 【实习40天-60天】odoo前端框架的学习

最终效果展示

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

修改字段变为图表

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

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

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

总结

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