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

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

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

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

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

总览

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

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

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

  非常感谢您读完蓝港网络的这篇文章:"前端网页框架OWL教程——如何创建一个OWL项目",仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供:网站建设、网站制作、官网建设、SEO优化、小程序制作等服务,欢迎联系我们提供您的需求。

标签:

Copyright © 常州蓝港网络科技有限公司 苏ICP备2022017479号-1