Latest web development tutorials

Comment appml

Cette section sera les quatre étapes simples suivantes montrent comment créer un <appml> application.

Le chapitre suivant décrit comment télécharger <appml>, et a commencé à développer des applications Web sur votre propre ordinateur.


1. Créez un modèle (Model)

Créez un fichier avec le contenu suivant

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

Dans les modèles de sous-répertoires (nous recommandons) enregistrez le fichier comme Customers.xml.


Analyse du modèle

<Appml> définit le modèle.

<Datasource> définit le modèle de source de données.

<Base de données> Base de données de définition de tag.

<Connexion> définit un lien de base de données.

<Sql> définit la requête de données

<Orderby> définit le tri par défaut.

<Query> définit un filtre de requête légitime.


2. Créer une page WEB

Dans le premier <appml> app, créer une page HTML:

Exemples

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

Essayez »


3. Ajouter le style

Ajout de Cascading Style dans votre page Web, dans la mise en œuvre de l'e <appml> app:

Exemples

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

Essayez »


4. Ajoutez le script, puis exécuter l'application

Ajoutez le script à vos pages Web pour exécuter <appml> app:

Exemples

<!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("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>


</body>
</html>

Essayez »


Des exemples d'analyses

<Appml> bibliothèque contient un certain nombre de fonctions. Ces fonctions peuvent ensuite appeler votre page web.

<script src = ""> appml.js chargé <appml> bibliothèque.

instruction JavaScript: app = new appml ( "appml.htmlx ", "Modèles / Customers.xml"); appml créer des objets d'application, puis effectuer web script côté serveur "appml.htmlx" pour charger des données fichier "Customers.xml".

JavaScript déclaration app.run ( "Place01", "template01 "); insérer des données dans l'id = élément HTML "Place01", utilisez id = attribut "template01" de l'élément comme un modèle.

Propriété id = "appml_row" définit chacune des données dans les éléments HTML.

données d'étiquette de données n seront utilisés pour remplacer le modèle.

Tout ce qui précède, vous pouvez imaginer un plus rapide prototyper il?


Comment ça marche?

  • Lorsque la page Web est chargée, vous pouvez ensuite charger la page <appml> contrôleur.
  • Utilisez <appml> contrôleur, vous pouvez ensuite créer une page <appml> objet.
  • Lorsque vous exécutez <appml> objets sur la page, il demande au contrôleur de données du serveur.
  • <Appml> objet reçoit des données (modèle de données) à partir du serveur.
  • <Appml> Object (ou votre code) pour afficher les données sur la page.
  • (Facultatif) L'internaute peut modifier les données.
  • (Facultatif) <appml> serveur peut envoyer des données en arrière-plan.
  • (Facultatif) Serveur Controller peut stocker des données sur le côté serveur.

Typique fichiers et dossiers sur le Web:

dossiers


dossier web: Demo

dossiers de données: données

Dossier Image: Images

dossier Modèle: Modèles

Applications: demo.htm

Style: Demo.css

<Appml> Profil: appml_config.php (ou .htmlx)

<Appml> Style File: appml.css

<Appml> Navigateur Controller: appml.js

<Appml> Contrôleur de serveur: appml.php (ou .htmlx)


Il n'y a pas de limite

<Appml> objet peut être placé dans des pages HTML. <Appml> n'a aucune incidence sur le reste de la page.

<Appml> par défaut à la page d'affichage standard lorsqu'il n'y a pas le programme de page. Ceci est parfait pour le prototypage rapide.

Mais <appml> fonction principale est pas utilisé pour afficher la page. <Appml> principalement lire les données d'application. Il apporte des données peuvent être libres d'utiliser HTML, CSS et JavaScript pour concevoir leur affichage. Vous pouvez:

  • J'ai écrit HTML, laissez le traitement des données appml.
  • Appelez le modèle et gère l'ensemble de l'écran.
  • propriétés et méthodes appml, et créer d'autres combinaisons.

Vous allez bientôt découvrir <appml> avec des fonctionnalités puissantes, il peut fournir des données et des modèles pour votre application web. Vous pouvez:

  • Pour les utilisateurs ou groupes d'utilisateurs pour définir la sécurité des données
  • Connecter tous les types de bases de données, tels que Access, MySQL, SQL et Oracle
  • fichiers XML de connexion et les fichiers texte
  • types définis de données, formats de données, les limites de données.
  • Ajouter de nouveaux éléments au modèle.

Lire <appml> Référence