当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 【实习40天-60天】odoo前端框架的学习

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

2019年09月05日  | 移动技术网IT编程  | 我要评论

前言

  • 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的思想,做一个大胆的尝试~

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网