您是否在使用 HTML 时得心应手，但却对 JavaScript 有些生疏？您是否缺乏对 Web 应用程序的数据库后端进行编程的相关技能？在本教程中，您将了解如何利用开源 Web 应用程序框架 来创建 Web 应用程序，而不必编写编程代码或配置服务器后端。
Mavo 是由麻省理工学院计算机科学和人工智能实验室的 Haystack 团队创建的。该团队由 Lea Verou 领导。该项目于 2017 年 5 月推出，已提供了良好的文档记录且经过了 Beta 测试。
Mavo 为更广泛的创建者群体（特别是 HTML 用户）打开了数据驱动的 Web 应用程序开发之门。该框架扩展了 HTML，可通过直观的构造支持数据定义和操作。通过易于使用的用户界面，可编辑各种数据类型，包括数字、日期、图像、简单文本和富文本、列表等等。它的表达式语言 MavoScript 是通过研究和用户测试而精心创建的，可确保不熟悉 JavaScript 的人员能够启用 Web 应用程序中常见的数据操作。
最终，大多数 Mavo 应用程序只是 HTML 文件，您可以基于任何您喜欢的设计模板，只要它们有两个必需的 Mavo 声明行和一些样式表即可。这使得部署 Mavo 应用程序并在之后的时间里进行更改变得非常容易。只需将一些文件复制到您的 Web 主机，便可立即开始使用。
Mavo 无法替代所有应用程序开发。相反，由于该项目还不够成熟，所能处理的范围也是有限的。然而，在快速建立原型或构建简单应用程序方面，这仍不失为一种令人感到愉快且有用的方法。Mavo 易于学习和试验，因此，判断它是否满足您需求的最佳方法就是查看一些示例。
Mavo 概述Mavo 简要概述
编写您的第一个 Mavo 应用程序为了让您熟悉 Mavo，我们先来看看如何在简单的页面上创建一个应用程序。首先，您需要就如何设置应用程序开发做出一些决定。
- 您是否要将 Mavo 文件下载到站点或直接通过 Mavo 站点包含这些文件？
- 您希望使用何种后端系统来存储应用程序中的任何数据更改？
- 您为应用程序选择什么标识？
确定在何处包含 Mavo 文件每个 Mavo 应用程序页面都要求您使用两个特定的 Mavo 文件：一个 CSS 文件和一个 JavaScript 文件。您可以直接通过 Mavo 项目使用最新版本，如以下片段中所示：
<link rel="stylesheet" href="https://get.mavo.io/mavo.css"/>
<script src="https://get.mavo.io/mavo.js"></script>
|
也可以通过自己的站点包含这些文件：
<link rel="stylesheet" href="assets/style/mavo.css"/>
<script src="assets/script/mavo.js"></script>
|
直接从 Mavo 加载文件可确保您的应用程序始终使用最新版本，包括任何安全热修复补丁。但缺点在于，如果 Mavo 项目引入了任何不兼容项或错误，您的应用程序就可能会中断运行而不发出警告。如果您所处的环境限制您托管这两个文件，那么可能就需要直接从 Mavo 加载。
如果您不确定选择哪个选项，请直接链接到 上的 Mavo 文件。
决定数据存储您必须就数据存储位置制定计划，明确是要本地存储在浏览器上、存储在数据或代码存储库（如 Dropbox 或 GitHub）中，还是存储在数据库中。
最佳选择可能是使用外部存储，如 GitHub 或 Dropbox 存储。在您创建帐户时，请注意帐户类型在存储方面的任何限制。尽管 GitHub 通常是更注重技术的工具，但 Mavo 会摒弃细节，从而便于使用它来进行存储。
如果将数据本地存储在浏览器上，请注意，其他用户将无法查看您的更改，并且在您关闭浏览器后，所有更改都将丢失。通常，将数据存储在浏览器的本地存储中仅适用于沙箱应用程序，在这种情况下，其他用户无需查看您的更改，而且如果您的数据在会话结束时重置也无关紧要。
尽管浏览器存储空间有限，但我将在本文中使用它来向您说明 Mavo 的基础知识。在下一篇文章中，我将谈论 GitHub 存储。
掌握了 JavaScript 技能的高级开发人员也可以创建自己的存储插件，比如，数据库插件。
创建应用程序标识您需要为应用程序分配一个标识，该标识将用于自动工作方式的若干细节。如果您未分配自己的标识，Mavo 将为您提供一个缺省标识，缺省标识在以后可能会使流程复杂化。
要创建标识，首先要为应用程序指定一个简短、易记的名称，然后除去字母和数字以外的任何字符，并将空格替换为下划线，最后确保得到的标识以字母或下划线开头。以下样本应用程序中的标识为“poetryclub”。 |
