AppML 使用

2018-10-27 14:04 更新

AppML如何使用


本章節(jié)將通過以下4個簡單的步驟演示如何創(chuàng)建<AppML>的應(yīng)用程序。

下一章將介紹如何下載<AppML>,并開始在你自己的電腦上開發(fā)Web應(yīng)用程序。


1.創(chuàng)建模型(Model)

使用以下內(nèi)容創(chuàng)建文件

<appml>

<datasource>
<database>
  <connection>Demo</connection>
  <sql>SELECT CustomerName,ContactName,City,Country FROM Customers</sql>
  <orderby>CustomerName</orderby>
</database>
</datasource>

<filters>
  <query>
  <field>CustomerName</field>
  </query>
</filters>

</appml>

在子目錄中Models(我們建議)將該文件保存為 Customers.xml。


模型解析

<appml> 標(biāo)簽定義了模型。

<datasource>標(biāo)簽定義模型的數(shù)據(jù)源。

<database>標(biāo)簽定義數(shù)據(jù)庫。

<connection>標(biāo)簽定義數(shù)據(jù)庫的鏈接。

<sql>標(biāo)簽定義數(shù)據(jù)查詢

<orderby>標(biāo)簽定義默認(rèn)排序。

<query>標(biāo)簽定義合法的查詢過濾器。


2. 創(chuàng)建 WEB 頁面

在第一個 <AppML> app中,創(chuàng)建一個 HTML頁面:

實例

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Application</h1>

<table>
<tr>
  <th>Customer</th>
  <th>City</th>
  <th>Country</th>
</tr>
<tr>
  <td>Alfreds Futterkiste</td>
  <td>Berlin</td>
  <td>Germany</td>
</tr>
</table>

</body>
</html>

嘗試一下 ?


3. 添加樣式

在你的web頁面中添加層疊樣式在執(zhí)行e <AppML> app:

實例

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="appml.css">
</head>

<body>
<h1>My First Web Application</h1>

<table class="appmltable">
<tr>
  <th>Customer</th>
  <th>City</th>
  <th>Country</th>
</tr>
<tr>
  <td>Alfreds Futterkiste</td>
  <td>Berlin</td>
  <td>Germany</td>
</tr>
</table>

</body>
</html>

嘗試一下 ?


4. 添加腳本, 然后執(zhí)行應(yīng)用

在你的web頁面中添加腳本來運行 <AppML> app:

實例

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="appml.css">
</head>

<body>
<h1>My First Web Application</h1>

<div id="Place01">

<table id="Template01" class="appmltable">
<tr>
  <th>Customer</th>
  <th>City</th>
  <th>Country</th>
</tr>
<tr id="appml_row">
  <td>#CustomerName#</td>
  <td>#City#</td>
  <td>#Country#</td>
</tr>
</table>
</div>

<script src="appml.js"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>


</body>
</html>

嘗試一下 ?


實例解析

<AppML> 庫中含有大量的函數(shù)。這些函數(shù)可以再你的web頁面中調(diào)用。

<script src="appml.js"> 加載了 <AppML> 庫。

JavaScript 語句: app=new AppML("appml.htmlx","Models/Customers.xml"); 創(chuàng)建 AppML 應(yīng)用對象, 然后執(zhí)行web服務(wù)端腳本 "appml.htmlx" 來加載 "Customers.xml"文件的數(shù)據(jù)。

JavaScript 語句 app.run("Place01","Template01"); 將數(shù)據(jù)插入到 id="Place01" 的HTML元素中, 使用 id="Template01" 屬性元素作為模板。

屬性 id="appml_row" 定義了每條數(shù)據(jù)插入到HTML元素中。

# 標(biāo)記中的數(shù)據(jù)會使用模型的數(shù)據(jù)替換。

以上所有,你可以想象到更快的原型嗎?


它是如何工作的?

  • 當(dāng)web頁面加載時, 你可以再頁面中加載 <AppML> 控制器。
  • 使用 <AppML> 控制器, 你可以再頁面創(chuàng)建 <AppML> 對象。
  • 當(dāng)你在頁面中運行 <AppML> 對象, 它會請求服務(wù)端數(shù)據(jù)控制器。
  • <AppML> 對象從服務(wù)器接收數(shù)據(jù) (使用數(shù)據(jù)模型)。
  • <AppML> 對象 (或者你的代碼) 在頁面中顯示數(shù)據(jù)。
  • (可選) web用戶可以改變數(shù)據(jù)。
  • (可選) <AppML> 可以在服務(wù)器后臺發(fā)送數(shù)據(jù)。
  • (可選) 服務(wù)器控制器可以在服務(wù)端存儲數(shù)據(jù)。

典型的 Web 文件和文件夾:

Folders

 


web文件夾: Demo

數(shù)據(jù)文件夾: Data

圖片文件夾: Images

模型文件夾: Models

應(yīng)用: Demo.htm

樣式: Demo.css

 

<AppML> 配置文件: appml_config.php (或者 .htmlx)

<AppML> 樣式文件: appml.css

<AppML> 瀏覽器控制器: appml.js

<AppML> 服務(wù)器控制器: appml.php (or .htmlx)


沒有限制

可以將 <AppML> 對象放在 HTML 頁面。 <AppML> 不影響頁面的其他部分。

<AppML> 在方案頁面不存在時默認(rèn)為標(biāo)準(zhǔn)的顯示頁面。 這是完美的快速原型。

但是 <AppML> 主要功能不是用于頁面的顯示。 <AppML> 主要是讀取 應(yīng)用程序數(shù)據(jù). 它帶來的數(shù)據(jù)可以通過自由的使用 HTML, CSS, 和 JavaScript 來設(shè)計它們的顯示效果。你可以:

  • 自己編寫HTML,讓AppML處理數(shù)據(jù)。
  • 調(diào)用模型,并處理所有的顯示。
  • 使用AppML的屬性和方法,創(chuàng)建其它的組合。 

你很快會發(fā)現(xiàn) <AppML>具備了強大的功能,它可以為你的web應(yīng)用提供數(shù)據(jù)和數(shù)據(jù)模型。你可以:

  • 為用戶或用戶組定義數(shù)據(jù)安全
  • 連接所有類型數(shù)據(jù)庫, 如 Access, MySQL, SQL, 和 Oracle
  • 連接 XML 文件和 Text 文件
  • 定義數(shù)據(jù)類型,數(shù)據(jù)格式,數(shù)據(jù)限制。
  • 給模型添加任何新元素。

閱讀<AppML> 參考手冊

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號