AppML ケース テンプレート


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

HTML テンプレートの追加

この章では、HTML ページに HTML テンプレートを追加する方法を説明します。 customerscustomers

instance

rreee

runインスタンス»オンラインインスタンスを表示する「runインスタンス」ボタンをクリックして、テンプレートの巧妙な使用で顧客と顧客形式を表示します。 <AppML> リスト オブジェクトと <AppML> フォームの間にリンクを追加するのは簡単です:

インスタンス

インスタンスの実行»

オンラインで表示するにはインスタンス

列 Out of Customers および Customer Orders

テンプレートをうまく使用すると、<AppML> リスト オブジェクトとリンクされたリストの間にリンクを簡単に追加できます:

Instance
HTML - View
<h1>Customers</h1>

<div id="List01"></div><br>

<table id="Template01" class="appmltable" style="display:none">
<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> 

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

インスタンス»

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

次に、すべてをマージします

最後に、少量のコードをコピーするだけで、プロジェクトを完了できます。

サンプル
HTML - View
<h1>Customers</h1>
<div id="Form01"></div><br>
<div id="List01"></div><br>

<table id="Template01" class="appmltable" style="width:100%;display:none">
<tr>
<th></th>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr id="appml_row">
<td style="cursor:pointer" onclick="openForm('#CustomerID#')">
<img src="../style/images/appmlFolder.png"></td>
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
</tr>
</table> 

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

function openForm(id)
{
customerForm=new AppML("appml.php","Models/Customers");
customerForm.displayType="form";
customerForm.run("Form01","",id);
}
</script>

サンプルの実行 »

オンラインサンプルを表示するには、「サンプルの実行」ボタンをクリックしてください

次の章では、完全なソースコードを含むアプリケーションをさらに見ることができます。

←
→