Qweb 乱乱弹
True
  • 1.qweb是啥?
qweb只是个模板引擎, 解析完xml后,拼接js 函数得到 html片段描述, $(html)生成dom...
(20行代码实现JavaScript模板引擎: https://juejin.im/post/59663eaa6fb9a06ba73d4c35  类似的玩意儿,当然也有特别的地方,处理了_t国际化翻译。。。 )
qweb选渲染好后dom,jquery绑定事件,然后想干嘛干嘛
和vue不同之处,和以前的jsp有点像,又有点区分
可以 前端渲染
服务器渲染 
先祭出官方文档

  • 2.特殊字符

已复制
xml,里面不能写 这些符号,只能用 and ....    或者转义字符  &&   &lt 。。。。


  • 3.属性设置
接下来说一哈重点:
已复制
  • t-att只能可以直接接变量或者常量 设置属性,  
  • t-attf 使用 #{表达式,函数, 变量)} 这样可以动态设置 属性,也可以 {{表达式,函数,变量 }}, 效果差不多

已复制
还可以 python语法表达式真变态.... 更喜欢三元表达式 a?a:b,估计为了服务器渲染,使用py表达式)
属性设置,相当于vue里面的 :class=,:src= 类似的属性设置

4.t-call
参考官方文档
这儿的t-raw="0" 相当于vue的slot 插槽。。。

5.杂项
t-esc ,t-raw 相当于 vue里面的{{ 变量 }}
翻译成js,  
foo =42
console.log(foo)

翻译成js
if(a_test){
debugger;
}
已复制
这个拼js的复用xml,很屌啊。。。
已复制

6.其他资源参考

https://www.cnblogs.com/toby2chen/p/5198201.html  屌炸天,基础的几乎总结完了
使用字段以及 对widget
已复制

闲外话:
jinja 也是模板渲染,感觉qweb也可以取代这玩意输出。。。  (ps:免得多学一套模板语法...汗😓,另外字段的显示也方便,不用特意去生成对对应的值,尤其是关系型字段 ) , 官方report 也用的qweb 渲染
t-foreach,  t-extend 扩展也很实用,看官方文档就好。。。
socketio import不成功,提示protocol不存在(春哥踩坑)
True