AppML 教程
AppML 將資料帶入 HTML
“務實求真的 Web 應用”
介紹
Web 發展迅速,網路空間中的資料量增長更快。
每天都有新的資訊系統開發出來,每天都有新的使用者連線到網路,資料可以每週 7 天、每天 24 小時從世界任何地方訪問。
迫切需要更快、更好的軟體開發方法.
循此思路,W3Schools 開發了一種非常靈活的技術,用於檢索、顯示和操作資料,而無需傳統的程式設計。
與 Jan Egil Refsnes 合作,W3schools 開發了一種用於定義 Web 應用程式的詞彙。該詞彙被稱為 AppML(應用建模語言)。
AppML 採用最新的現代 Web 開發技術和理念,專注於
- 低成本
- 快速敏捷的 Web 開發
- 為雲計算最佳化
- 高速和低頻寬消耗
- MVC (模型-檢視-控制器) 架構
- 內容與表現完全分離
- 高度可擴充套件和可測試
- 易於配置和重新配置
AppML 支援您在 React、Angular 和 Vue 等其他框架中找到的功能,但 AppML 更易於使用和理解。
什麼是 AppML?
AppML 是 Application Modeling Language 的縮寫(應用建模語言)。
AppML 不是一種程式語言。它是一種描述性語言(用於描述應用程式的語言)。
它圍繞著熟悉的 Web 應用程式概念構建,例如
- 表單
- 列表
- 報告
- Filters
- 函式
- 資料庫
AppML 可以在任何 HTML 頁面中執行。無需安裝。
AppML 是將資料帶入 HTML 應用程式的工具
- 從物件
- 從 JSON 檔案
- 從文字檔案
- 從 XML 檔案
- 從資料庫
物件 JSON 檔案
文字檔案 XML 檔案
PHP/MySQL
為什麼選擇 AppML?
HTML 不太適合描述 Web 應用程式。
AppML 專為 Web 應用程式而生
- AppML 使用資料屬性擴充套件了 HTML。
- AppML 為 HTML 添加了控制器,以控制 HTML 資料的行為。
AppML 非常容易理解,開發速度也快得驚人。
AppML 示例
這個例子展示了 AppML 如何輕鬆地將資料帶入 HTML
AppML 示例
<!DOCTYPE html>
<html lang="en-US">
<title>客戶</title>
<link rel="stylesheet" href="style.css">
<script src="https://w3schools.tw/appml/2.0.3/appml.js"></script>
<body>
<h1>客戶</h1>
<table appml-data="customers.js">
<tr>
<th>客戶</th>
<th>城市</th>
<th>國家</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
</body>
</html>
自己試試 »
AppML 是一個用於輕鬆、快速、敏捷地開發 Web 應用程式的工具。
輕鬆和敏捷
在今天的市場中,有許多旨在擴充套件 HTML 的框架(工具或庫)。
這些框架中的大多數都以一種難以使用的方式操縱 HTML、CSS 或 JavaScript(尤其是在組合使用時)。
AppML 則不同。您擁有完全的 HTML、CSS 和 JavaScript 自由。
AppML 使建立單頁應用程式 (SPA) 變得非常簡單、高效。
即使您從未從事過 Web 開發,您也會發現 AppML 非常易於使用。
如果您是一位經驗豐富的 Web 開發人員,您很快就會發現 AppML 的強大功能。