どのようにAppML2024 年の最新の入門チュートリアル。このコースでは 1.モデル(モデル)を作成します,モデル分析,2. WEBページを作成します。,例,3.スタイルを追加します。,例,4.スクリプトを追加し、アプリケーションを実行,例,分析の例,それがどのように動作しますか?,典型的なWebファイルやフォルダ:,制限はありません, について学習できます。
どのようにAppML
このセクションでは、次の4つの簡単な手順では、<AppML>アプリケーションを作成する方法を示しだろう。
次の章では、<AppML>をダウンロードする方法について説明し、自分のコンピュータ上のWebアプリケーションの開発を始めました。
1.モデル(モデル)を作成します
次の内容のファイルを作成します。
<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>
サブディレクトリモデルでは(私たちがお勧め)Customers.xmlとしてファイルを保存します。
モデル分析
<Appml>タグには、モデルを定義します。
<データソース>タグは、データ・ソース・モデルを定義します。
<データベース>タグ定義データベース。
<接続>タグは、データベース・リンクを定義します。
<SQL>タグは、データクエリを定義します
<ORDERBY>タグは、デフォルトのソートを定義します。
<問合せ>タグは、正当なクエリフィルタを定義します。
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.スタイルを追加します。
電子<AppML>アプリの実装では、あなたのウェブページにカスケーディング・スタイルを追加します:
例
<!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>
»をお試しください
4.スクリプトを追加し、アプリケーションを実行
<AppML>アプリを実行するためにあなたのウェブページにスクリプトを追加します。
例
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="appml.css">
</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"></script>
<script>
app=new
AppML("appmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>
</body>
</html>
»をお試しください
分析の例
<AppML>ライブラリーは、多数の機能が含まれています。 これらの機能は、あなたのWebページを呼び出すことができます。
<スクリプトsrcが= "appml.js"> <AppML>ライブラリをロードしました。
JavaScript ステートメント:アプリ=新しいAppML(「appmlx "、"モデル/ Customers.xml "); AppMLは、アプリケーションオブジェクトを作成し、データ" Customers.xml」ファイルをロードするために、ウェブサーバーサイドスクリプト」appmlx」を行います。
JavaScriptのステートメントapp.run(「Place01 "、" Template01 ");テンプレートとして要素のid =" Template01 "属性を使用し、ID =" Place01 "HTML要素にデータを挿入します。
プロパティID = "appml_rowは、「HTML要素の中に、各データを定義します。
データ#タグデータモデルを置き換えるために使用されます。
上記のすべて、あなたがより速くプロトタイプにそれを想像することができますか?
それがどのように動作しますか?
- Webページがロードされたら、そのページ<AppML>コントローラをロードすることができます。
- <AppML>コントローラを使用して、あなたはそのページ<AppML>オブジェクトを作成することができます。
- あなたはページの<AppML>オブジェクトを実行すると、サーバ・データ・コントローラを要求します。
- <AppML>オブジェクトは、サーバからのデータ(データ・モデル)を受信します。
- ページ上のデータを表示する<AppML>オブジェクト(またはコード)。
- (オプション)Webユーザはデータを変更することができます。
- (オプション)<AppML>サーバーは、バックグラウンドでデータを送信することができます。
- (オプション)コントローラのサーバーは、サーバー側にデータを保存することができます。
典型的なWebファイルやフォルダ:
| | ウェブフォルダ:デモ
データフォルダ:データ 画像フォルダ:画像 モデルフォルダ:モデル アプリケーション:Demo.htm スタイル:Demo.css <AppML> プロフィール:appml_config.php(またはx) <AppML>スタイルファイル:appml.css <AppML>ブラウザコントローラー:appml.js <AppML>サーバーコントローラ:appml.php(またはx) |
制限はありません
<AppML>オブジェクトは、HTMLページに配置することができます。 <AppML>ページの残りの部分に影響を与えることはありません。
<AppML>ページプログラムが存在しない場合に、標準表示ページをデフォルトに。 これは、ラピッドプロトタイピングに最適です。
しかし、<AppML>主な機能は、ページを表示するために使用されていません。 <AppML>主にアプリケーションデータを読み込む。それは、データがその表示を設計するために、HTML、CSS、およびJavaScriptを使用して自由にすることができます。 次のことができます。
- 私はAppML処理データを聞かせ、HTMLを書かれています。
- モデルを呼び出し、ディスプレイのすべてを処理します。
- AppMLプロパティとメソッド、および他の組み合わせを作成します。
あなたはすぐにそれはあなたのWebアプリケーションのためのデータとモデルを提供することができ、強力な機能を持つ<AppML>発見するでしょう。 次のことができます。
- データのセキュリティを定義するためのユーザーまたはユーザーのグループのために
- このようなアクセスは、MySQL、SQL、およびOracleなどのデータベースのすべてのタイプを、接続
- 接続XMLファイルとテキストファイル
- 定義されたデータ・タイプ、データ・フォーマット、データの制限。
- モデルに新しい要素を追加します。
<AppML>リファレンスを読みます