AppMLの使い方

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

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

1. モデル(Model)を作成します

以下の内容のファイルを作成します

<appml>

<datasource>
<database>
<connection>デモ</connection>
<sql>顧客から顧客名、連絡先名、市、国を選択</sql>
<orderby>顧客名</orderby>
</database>
</datasource>

<フィルター>
<クエリ>
<field>顧客名</field>
</query>
</filters>

</appml>

Models サブディレクトリ (推奨) に、ファイルを Customers.xml として保存します。

モデル解析

<appml> タグはモデルを定義します。

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

<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> アプリを実行します:

インスタンス

rreee

[インスタンスを実行]をクリックしますボタンオンラインインスタンスを表示します

4. スクリプトを追加して、アプリケーションを実行します

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

Instance

<!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>

Runインスタンス»

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

分析例

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

<script src="appml.js"> <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 要素に挿入される各データを定義します。

# タグ内のデータがモデルのデータに置き換えられます。

上記すべてを踏まえて、より高速なプロトタイプを想像できますか?