AppML 教程

介绍

AppML 是一个为 web 应用程序设计的 HTML 扩展框,结合了最新的技术和现代 web 开发想法,使用低消耗高速简单的架构,学习简单。

AppML 是 W3Schools 开发的一种非常灵活的技术,用于检索、显示和操作数据,无需传统编程。

AppML 使用了现代 Web 开发的最新技术和思想,重点是:

  • 低成本
  • 快速敏捷的Web开发
  • 为云计算优化
  • 高速和低带宽消耗
  • MVC(Model Viev Controller)体系结构
  • 内容与演示完全分离
  • 高度可扩展且可测试
  • 易于配置和重新配置

AppML 支持 ReactAngular 和 Vue 等其他框架中的函数,但 AppML 更易于使用,也更易于理解。


AppML 是什么?

AppML 的全称为 Application Modeling Language(应用程序模型语言)。

AppML不是一种编程语言。它是描述性语言(一种描述应用程序的语言)。

它是围绕熟悉的 Web 应用程序概念构建的,比如:

  • 表单
  • 列表
  • 报表
  • 过滤
  • 函数
  • 数据库

AppML 可以在任何 HTML 页面中运行。无需安装。

AppML 是一种将数据引入 HTML 应用程序的工具:


为何使用 AppML?

HTML 不太适合描述 web 应用程序。

AppML 适用于 web 应用程序:

  • AppML 使用数据属性扩展 HTML。
  • AppML 向HTML添加控制器,以控制 HTML 数据的行为。

AppML 非常容易理解,开发速度也非常快。


AppML 实例

这个例子展示了 AppML 如何轻松地将数据转换成 HTML:

AppML 实例
  1. <!DOCTYPE html>
  2. <html>
  3. <title>Customers</title>
  4. <link rel="stylesheet" href="/example/appml/style.css">
  5. <script src="https://cankaoshouce.com/js/appml/appml.js"></script>
  6. <body>
  7. <h2>Customers</h2>
  8. <table appml-data="/example/appml/customers.js">
  9. <tr> <th>Customer</th>
  10. <th>City</th>
  11. <th>Country</th>
  12. </tr>
  13. <tr appml-repeat="records">
  14. <td>{{CustomerName}}</td>
  15. <td>{{City}}</td>
  16. <td>{{Country}}</td>
  17. </tr>
  18. </table>
  19. </body>
  20. </html>
AppML 是一种简单、快速、灵活的 web 应用程序开发工具。

轻松与敏捷

在今天的市场上,有许多框架(工具或库)被设计用来扩展HTML。

这些框架中的大多数操作 HTML、CSS 或 JavaScript 的方式使它们难以使用(尤其是在组合使用时)。

AppML 则不同,你有完全自由的使用 HTML、CSS 和 JavaScript。

AppML 使创建单页应用程序(SPA)变得非常简单、高效。

即使您以前从未使用过 web 开发,您也会发现 AppML 非常易于使用。

如果你是一名经验丰富的 web 开发人员,你很快就会发现 AppML 的强大。