Comment utiliser AppML
Ce chapitre montrera comment créer une application <AppML> en 4 étapes simples.
Le chapitre suivant expliquera comment télécharger <AppML> et commencer à développer des applications Web sur votre propre ordinateur.
1. Créer un modèle (Modèle)
Créer un fichier avec le contenu suivant
< ;source de données>
<base de données>
<connection>Démo</connection>
<sql>SELECT NomClient,NomContact,Ville,Pays FROM Clients</sql>
<orderby>NomClient</orderby>
</database>
</datasource>
<filters>
<requête>
<field>NomClient</field>
</query>
</filters>
</appml>
Dans le sous-répertoire Models (nous recommandons) enregistrez le fichier sous Customers.xml .
Analyse du modèle
La balise <appml> définit le modèle. La balise
<datasource> définit la source de données du modèle. La balise
<database> définit la base de données. La balise
<connection> définit le lien vers la base de données.
<sql>Tag définit la requête de données
<orderby>Tag définit le tri par défaut. La balise
<query> définit des filtres de requête valides.
2. Créez une page WEB
Dans la première application <AppML>, créez une page HTML :
Instance
<!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>
Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
3. style
Ajoutez des styles en cascade à votre page Web et exécutez l'application <AppML> :
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>
Instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Ajoutez le script, puis exécutez l'application
<🎜. >sur votre site Web Ajoutez un script à la page pour exécuter l'application <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>
<trid="appml_row">
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
</tr>
</table>
</div>
<script src="appml.js"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>
</body>
</html>Exécuter l'instance»Cliquez sur le bouton « Exécuter un exemple » pour afficher des exemples en ligne
Exemple d'analyse
<AppML> La bibliothèque contient un grand nombre de fonctions. Ces fonctions peuvent être appelées depuis votre page Web.
<script src="appml.js"> Charge la bibliothèque <AppML>
Instruction JavaScript : app=new AppML("appml.htmlx","Models/Customers.xml"); Créer un objet d'application AppML, Exécutez ensuite le script du serveur web "appml.htmlx" pour charger les données du fichier "Customers.xml".
Instruction JavaScript app.run("Place01","Template01"); Insérez des données dans l'élément HTML avec id="Place01", Utilisez l'élément d'attribut id="Template01" comme modèle.
Attribut id="appml_row" définit chaque élément de données inséré dans l'élément HTML.
# Les données de la balise seront remplacées par les données du modèle.
Tout ce qui précède, pouvez-vous imaginer un prototype plus rapide ?
Comment ça marche ?
Lorsque la page Web se charge, vous pouvez charger le contrôleur <AppML>
À l'aide du contrôleur <AppML>, vous pouvez créer des objets <AppML>
Lorsque vous exécutez l'objet <AppML> dans la page, il demandera au contrôleur de données du serveur.
L'objet <AppML> reçoit des données du serveur (en utilisant le modèle de données).
L'objet <AppML> (ou votre code) affiche les données sur la page.
(facultatif) Les internautes peuvent modifier les données.
(facultatif) <AppML> peut envoyer des données en arrière-plan du serveur.
(facultatif) Le contrôleur de serveur peut stocker des données côté serveur.
Fichiers et dossiers Web typiques :
 <🎜> | <🎜> | <🎜><🎜>dossier web : <🎜>Démo<🎜> <🎜> <🎜>Dossier Données : <🎜>Données<🎜><🎜><🎜>Dossier Image : <🎜>Images<🎜><🎜><🎜>Dossier Modèle : <🎜> Modèles<🎜 ><🎜><🎜 >Application : <🎜>Demo.htm<🎜><🎜><🎜>Style : <🎜>Demo.css<🎜><🎜><🎜> <🎜><🎜><AppML> ; >appml_config.php <🎜>(ou .htmlx)<🎜><🎜><AppML> Fichier de style : <🎜>appml.css<🎜><🎜><🎜><AppML> appml.js<🎜><🎜><🎜><AppML> Contrôleur de serveur : <🎜>appml.php<🎜> (ou .htmlx)<🎜> | < /tr>
