前端网页框架OWL教程——如何创建一个OWL项目

时间: 2022-07-26 15:59:09 浏览次数：327

说明：这是对Odoo官方Owl公开的资料的翻译。

OWL是一个基于Typescript的独立的前端网页框架，因为被正式应用于Odoo14（全球最大的一个开源ERP平台）的前端网页，从而进入了大家的视野。

这篇文章介绍如何独立使用OWL框架来构建一个反应式的网页工程。

总览

每个软件项目都有其特定的需求。 这些需求中的许多需求都可以通过一些工具来解决：webpack，gulp，css预处理器，捆绑器，编译器，...

因此，仅启动一个项目通常并不简单。 一些框架提供了自己的工具来帮助实现这一目标。 但是随后，您必须集成并了解这些应用程序的工作方式。

Owl设计为完全不使用任何工具。 因此，Owl可以轻松地集成到现代构建工具链中。 在本节中，我们将讨论一些不同的设置来启动一个项目。 这些设置中的每一个在不同情况下都有优点和缺点。

简单的html文件

可能的最简单设置如下：带有代码的简单javascript文件。 为此，让我们创建以下文件结构：

hello_owl/ index.html owl.js app.js

可以从https://github.com/odoo/owl/releases发布的最新版本下载owl.js文件。 它是一个单个javascript文件，可将所有Owl导出到全局owl对象。

现在，index.html应该包含以下内容：

html><htmllang="en"><head><title>Hello Owl

如发现本站有涉嫌侵权/违法违规的内容请联系QQ：396391463 立即清除！

标签：