AppML 案例原型

此案例研究示範如何建立一個完整的 <AppML> 互聯網應用程序，具有針對資料庫中的若干表進行資訊列舉、編輯和搜尋的功能。

原型

在本章中，我們將為資料庫中的每個表建立一個原型模型。

原型是非常方便使用的開發應用程式的起點。

原型模型

首先，為原型建立一個資料夾。該資料夾命名為 Prototypes。

然後，為資料庫中的每個表建立一個原型模型。

使用SELECT * from 每個表，並保存模型為XML 檔案：

模型：Proto_Customers.xml

<appml>
< datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Customers</sql>
</database>
</datasource>
</appml>

模型：Proto_Suppliers.xml

#<appml>
< datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Suppliers</sql>
</database>
</datasource>
</appml>

模型：Proto_Products.xml

#<appml>
< datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Products</sql>
</database>
</datasource>
</appml>

原型視圖

#建立原型視圖，把它儲存為Demo_Prototype.html，試試看：

實例

视图：Demo_Prototype.htm
<h1>Customers</h1>
<div id="List01"></div>

<script src="appml.js"></script>
<script>
customers=new AppML("appml.php","Prototypes/Customers");
customers.run("List01");
</script>

##執行實例»點擊"執行實例" 按鈕檢視線上實例

現在把所有的合併在一起

最後，透過少量JavaScript 編碼，為所有原型模型建立一個簡單的原型頁面：

實例

Demo_Prototype_Views.htm
            <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="appml.css" />
</head>

<body>
<h1>Demo Applications</h1>

<button onclick='myOpen("Customers")'>Customers</button>
<button onclick='myOpen("Products")'>Products</button>
<button onclick='myOpen("Suppliers")'>Suppliers</button>
<button onclick='myOpen("Shippers")'>Shippers</button>
<button onclick='myOpen("Categories")'>Categories</button>
<button onclick='myOpen("Employees")'>Employees</button>
<button onclick='myOpen("Orders")'>Orders</button>
<button onclick='myOpen("OrderDetails")'>OrderDetails</button>
<br><br>

<div id="Place01"></div>

<script src="appml.js"></script>
<script>
function myOpen(pname)
{
var app_obj
app_obj=new AppML("appml.php","Prototypes/" + pname);
app_obj.run("Place01");
}
</script>

</body>
</html>

運行實例»點擊"運行實例"按鈕查看線上實例

← AppML 案例簡介

AppML 案例模型 →