Odoo 14 CMS 网站开发

摘要

01 Odoo前端架构概述

Odoo的前端架构为web client、website和point of sale三种用户场景设计。Web client是SPA前端渲染框架，用于业务数据的查看和编辑。Website是公有Web应用，支持注册和非注册用户进行浏览、购物等，结合后端和前端渲染，但不是SPA。定制CMS网站前后端UI框架需基于这两者之上。

CMS网站

Odoo website提供无代码/低代码方式建站，并有设计器和区块模板。通过轻松创建自定义区块，实现页面拖放功能。

webclient

Odoo后台的前端架构涉及到视图、字段Widget和客户动作定制，其中自定义Widget比自定义视图更常见。

02前端网站HTML/CSS架构

Odoo网站开发采用website架构，区块开发为最小研发单位。Parcel作为构建工具，bootstrap、jquery和keen2为核心依赖，采用SMACSS+OOCSS+BEM结合方案和SASS编写模块化CSS，强调静态还原与功能开发分离。

03前端网站JS架构

Odoo JS框架为基础，设计小型JS框架实现网站功能。区块自治，职责为获取和渲染业务模型数据。基类处理权限、数据获取和标准化。权限模块、数据处理、XHR请求和静态模板渲染为区块功能实现的关键部分。同时使用第三方报表和自定义表格组件。

04管理JS架构

基于Odoo前端架构，涉及视图、字段Widget和客户动作定制。

05总结

文章从高层次概述了基于Odoo进行CMS网站开发的前端技术框架和自定义架构方案。利用Odoo的website和webclient架构，可以快速打造高度自定义网站。