AppML ケースのプロトタイプ


このケーススタディでは、データベース内の複数のテーブルに対して情報を列挙、編集、検索する機能を備えた完全な <AppML> インターネット アプリケーションを構築する方法を示します。

プロトタイプ

この章では、データベース内の各テーブルのプロトタイプ モデルを構築します。

プロトタイプは、アプリケーション開発の非常にユーザーフレンドリーな出発点です。

プロトタイプのモックアップ

まず、プロトタイプ用のフォルダーを作成します。フォルダーの名前は「Prototypes」です。

次に、データベース内の各テーブルのプロトタイプ モデルを作成します。

各テーブルから SELECT * を使用し、モデルを XML ファイルとして保存します:

Model: Proto_Customers.xml

<appml>
<datasource>
<データベース>
<connection>デモ</connection>
<sql>SELECT * FROM 顧客</sql>
</database>
</datasource>
</appml>

モデル: Proto_Suppliers.xml

<appml>
<datasource>
<データベース>
<connection>デモ</connection>
<sql>SELECT * FROM サプライヤー</sql>
</database>
</datasource>
</appml>

モデル: Proto_Products.xml

<appml>
<datasource>
<データベース>
<connection>デモ</connection>
<sql>SELECT * FROM Products</sql>

视图：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>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

←
→