使い方<AppML>

この章では、次の4つの簡単な手順で<AppML>アプリケーションを作成する方法を説明します。

次の章では、<AppML>のダウンロード方法と、自分のコンピューターでWebアプリケーションの開発を始める方法を説明します。

1. モデル（Model）を作成する

次の内容でファイルを作成します

<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> タグはモデルを定義します。

<datasource> タグはモデルのデータソースを定義します。

<database> タグはデータベースを定義します。

<connection> タグはデータベースへの接続を定義します。

<sql> タグはデータクエリを定義します。

<orderby> タグはデフォルトの並べ替えを定義します。

<query> タグは有効なクエリフィルターを定義します。

2. Web ページを作成する

最初の <AppML> アプリでは、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ページにカスケーディングスタイルシートを追加して、<AppML> アプリを実行します。

例

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="appml.css.html">
</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. スクリプトを追加し、アプリケーションを実行する

Webページにスクリプトを追加して、<AppML> アプリを実行します。

例

<!DOCTYPE html>
<html>

 <head>
<link rel="stylesheet" href="appml.css.html">
</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.html"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>

</body>
</html>

試してみる »

例の解説

<AppML> ライブラリには多数の関数が含まれています。これらの関数はWebページから呼び出すことができます。

<script src="appml.js.html"><AppML> ライブラリが読み込まれました。

JavaScript ステートメント：app=new AppML("appml.htmlx","Models/Customers.xml");AppML アプリケーションオブジェクトを作成し、Webサーバー側スクリプト "appml.htmlx" を実行して、"Customers.xml" ファイルのデータを読み込みます。

JavaScript ステートメントapp.run("Place01","Template01");id="Place01" のHTML要素にデータを挿入し、id="Template01" の要素をテンプレートとして使用します。

属性id="appml_row"各データをHTML要素に挿入することを定義します。

# マーク内のデータは、モデルのデータで置き換えられます。

以上のことから、より高速なプロトタイピングを想像できますか？

これはどのように動作するのですか？

  • Webページが読み込まれるとき、ページに <AppML> コントローラーを読み込むことができます。
  • <AppML> コントローラーを使用すると、ページ内に <AppML> オブジェクトを作成できます。
  • ページ内で <AppML> オブジェクトを実行すると、サーバー側のデータコントローラーにリクエストします。
  • <AppML> オブジェクトは、（データモデルを使用して）サーバーからデータを受信します。
  • <AppML> オブジェクト（または自分のコード）は、ページ内にデータを表示します。
  • （オプション）Webユーザーはデータを変更できます。
  • （オプション）<AppML> はサーバーのバックグラウンドでデータを送信できます。
  • （オプション）サーバーコントローラーはサーバー側でデータを保存できます。

典型的なWebファイルとフォルダー：

Folders


webフォルダー：Demo

データフォルダー：Data

画像フォルダー：Images

モデルフォルダー： Models

アプリケーション：Demo.htm

スタイル：Demo.css

 

<AppML> 設定ファイル：appml_config.php （または .htmlx）

<AppML> スタイルファイル：appml.css

<AppML> ブラウザーコントローラー：appml.js

<AppML> サーバーコントローラー：appml.php (or .htmlx)

制限なし

<AppML> オブジェクトをHTMLページに配置できます。<AppML> はページの他の部分には影響しません。

<AppML> は、プレゼンテーションページが存在しない場合、標準の表示ページをデフォルトとします。これは完璧なラピッドプロトタイピングです。

しかし、<AppML> の主な機能はページの表示ではありません。<AppML> は主にアプリケーションデータを読み取るためのものです。取得したデータは、HTML、CSS、JavaScript を自由に使用して表示をデザインできます。次のことができます：

  • 自分でHTMLを記述し、AppML にデータを処理させます。
  • モデルを呼び出し、すべての表示を処理します。
  • AppML のプロパティとメソッドを使用して、他の組み合わせを作成します。

すぐに、<AppML> が強力な機能を備えており、Webアプリケーションにデータとデータモデルを提供できることがわかるでしょう。次のことができます：

  • ユーザーまたはユーザーグループのデータセキュリティを定義する
  • Access、MySQL、SQL、Oracle など、あらゆる種類のデータベースに接続する
  • XML ファイルやテキストファイルに接続する
  • データ型、データ形式、データ制限を定義します。
  • モデルに任意の新しい要素を追加します。

<AppML> リファレンスマニュアルを読む

その他の拡張