vue+odoo前后端搭建

发布时间 2023-10-28 23:51:41作者: CrossPython

项目所需 前端用vue的element组件 后端用odoo 

1、为什么选用 element (饿了么)

源自vue vue国人开发 文档完善 便于自学 关键是我以前接触过 比react上手快

一开始的路线是想直接在template里面引入vue的js在xml混写,结果总是报错,这两天一直在想办法解决报错 最后没解决 今晚上只好换路线,是将vue的整个项目跟odoo结合。网上居然没有例子,还好可以参考vue+thinkphp的案例,很简单。

2、安装

2.1 安装vue/cli ---官方指导的yarn安装后找不到vue命令

npm install -g @vue/cli

2.2 在odoo模块目录下创建应用

vue create ele

cd my-app

vue add element

3.在odoo中引用

  3.1、将已经在odoo模块下创建完成的vue 运行 vue run build 生成dist目录文件

  3.2、在xml模板中引用

<!--知识库首页-->

    <template id="page_konwledge" name="主页">

        <link href="knowledge/static/ele/dist/css/app.e11bd876.css" rel="stylesheet"

            type="text/css" />

        <div id="app">

        </div>

        <script src="knowledge/static/ele/dist/js/app.e87e2d9d.js"></script>

        <script src="knowledge/static/ele/dist/js/chunk-vendors.3b5d4c4b.js"></script>

    </template>

3.3 在odoo的controller里每个路由都渲染id为page_konwledge的模版