【odoo12】【官方开发者文档】【一】主题教程

Odoo崇尚自由。对于开发者而言,odoo有充分自由发挥的空间;对于使用者而言,odoo可以根据自身需要定制化相应功能。

准备好创建你自己的主题了吗?很好。在你开始前,有些事你要了解。这篇教程将会指引你创建一个odoo的主题。

网站设计说明

这篇说明将概述odoo主题创建的基础知识。

odoo的团队创建了一个强有力的框架,你不需要知道特定的语法。

从普通的内容管理到odoo

我的header.php文件在哪?

这通常是从Wordpress或者Joomla转到odoo的开发者问的第一个 问题。

在使用普通的CMS时,通常会用几个文件(比如header.php, page.php, post.php等)用来创建网站基本的结构。在这些系统中,这些基础的的结构将在你为了确保兼容性而升级时,作为设计的标准。所以,即便你已花费了数小时编写这些文件,你甚至还没有开始。

这在创建odoo主题时并不发生。

odoo默认的主题结构

odoo带有默认的主题结构。它仅提供了最小的结构和布局。当你创建自己的主题时,其实是在默认主题的基础上进行二次开发。实际上,它总是在你的设置中启用,它更像我们上面提到的CMS的基础结构,但你并不需要创建及维护它。它将在你安装odoo时自动安装,因为它包含在Website Builder模块中,因此它将自动集成。

因此,你可以专注于网站设计,默认的主题结构将会为你提供继承和基础功能。

主要的特点:

  • 提供了页面,博客及电子商务的基础布局
  • 网站生长器的继承
  • 基础的代码段
  • 自动完成Less/Sass编译
  • 自动完成js及css文件简化及合并

主要的技术:

  • Boostrap
  • JQuery
  • jQuery UI
  • undersore.js

思考下“模块化”

odoo的主题并不是一个包含html或者php文件的文件夹,它是用xml编写的模块化框架。之前没用过xml?别担心,这篇将告诉你如何利用基础的html知识创建你的第一个主题。

使用经典的网站设计流程,你通常需要编写整个页面布局。这将是一个静态页面。当然,你可以更新内容,但是即便是最基本的调整,你的客户都需要你来做。

创建一个odoo主题,将改变这个观点。你将创建区块(代码段),并让客户通过拖放的形式选择他们,并创建他们自己的布局。我们将这个称之为模块化设计。

可以想象,odoo的主题其实就是一系列你不得不创建并美化的元素和选项。作为开发人员,你的目的是设计这些元素,以确保他们达到预期的效果,而不管用户最终选择将他们放在哪里。

我们来看下我们列出元素的教程:

代码段(或者创建区块)

一段HTML代码。用户通过我们的网站生成器组合代码。可以为每个代码段定义选项和样式。用户可以根据自身需要选择他们。

原文地址:https://www.cnblogs.com/waterdroptec/p/11494523.html

时间: 2024-10-15 22:31:39

【odoo12】【官方开发者文档】【一】主题教程的相关文章

Android官方入门文档[2]运行你的应用程序

Android官方入门文档[2]运行你的应用程序 Running Your App运行你的应用程序 This lesson teaches you to1.Run on a Real Device2.Run on the Emulator You should also read?Using Hardware Devices?Managing AVDs with AVD Manager?Managing Projects 这节课教你1.运行在真实设备2.运行在模拟器 你也应该阅读?使用硬件设备?

Android官方入门文档[8]重叠操作栏

Android官方入门文档[8]重叠操作栏 Overlaying the Action Bar重叠操作栏 This lesson teaches you to1.Enable Overlay Mode 1.For Android 3.0 and higher only 2.For Android 2.1 and higher 2.Specify Layout Top-margin You should also read?Styles and Themes 这节课教你1.启用重叠模式 1.对An

Android官方入门文档

Android官方入门文档 欢迎来到为Android开发者的培训.在这里,你会发现套课中,描述了如何实现代码示例中的应用程序,你可以重复使用一个特定的任务类.类被组织成可以在左侧导航的顶层看到几个组.这第一组,入门,教你最基本的Android应用程序的开发.如果你是一个新的Android应用程序开发者,你应该按照顺序完成这些课程. 如果你认为你可能更喜欢通过互动视频培训学习的基础知识,看看这个预告片在Android开发的基础的一门课程. Getting Started Welcome to Tr

Android官方入门文档[5]建立操作栏

Android官方入门文档[5]建立操作栏 Setting Up the Action Bar建立操作栏 This lesson teaches you to1.Support Android 3.0 and Above Only2.Support Android 2.1 and Above You should also read?Setting Up the Support Library 这节课教你1.仅支持Android3.0及以上2.支持Android2.1及以上 你也应该阅读?设置支

Android官方入门文档[11]支持不同平台版本

Android官方入门文档[11]支持不同平台版本 Supporting Different Platform Versions支持不同平台版本 This lesson teaches you to1.Specify Minimum and Target API Levels2.Check System Version at Runtime3.Use Platform Styles and Themes You should also read?Android API Levels?Androi

Android官方入门文档[7]样式化操作栏

Android官方入门文档[7]样式化操作栏 Styling the Action Bar样式化操作栏 This lesson teaches you to1.Use an Android Theme2.Customize the Background3.Customize the Text Color4.Customize the Tab Indicator You should also read?Styles and Themes?Android Action Bar Style Gene

layuiAdmin pro v1.x 【单页版】开发者文档

layuiAdmin std v1.x [iframe版]开发者文档 题外 该文档适用于 layuiAdmin 专业版(单页面),阅读之前请务必确认是否与你使用的版本对应. 熟练掌握 layuiAdmin 的前提是熟练掌握 layui,因此除了本篇文档, layui 的文档 也是必不可少的存在. 快速上手 部署 解压文件后,将 layuiAdmin 完整放置在任意目录 通过本地 web 服务器去访问 ./start/index.html 即可运行 Demo 由于 layuiAdmin 可采用前后

微信公众平台开发者文档

微信公众平台开发者文档 公众平台开发接口介绍微信公众平台开发者文档,布布扣,bubuko.com

Welcome to Swift (苹果官方Swift文档初译与注解三十五)---248~253页(第五章-- 函数 完)

Function Types as Return Types (函数类型作为返回值类型) 一个函数的类型可以作为另一个函数的返回值类型.可以在一个函数的返回值箭头后面写上一个完整的函数类型. 例如: 下面的例子定义了两个简单的函数,分别为stepForward 和 stepBackward.其中stepForward函数返回值比它的输入值多1,stepBackward函数返回值比它输入值少1.这两个函数的 类型都是(Int) -> Int: func stepForward(input: Int