Prototype de cas AppML
Cette étude de cas montre comment créer une application Internet <AppML> complète avec des fonctionnalités de liste, de modification et de recherche d'informations dans plusieurs tables d'une base de données.
Prototype
Dans ce chapitre, nous allons construire un modèle prototype pour chaque table de la base de données.
Les prototypes sont un point de départ très convivial pour développer des applications.
Modèle prototype
Tout d'abord, créez un dossier pour le prototype. Le dossier s'appelle Prototypes.
Ensuite, créez un modèle prototype pour chaque table de la base de données.
Utilisez SELECT * dans chaque table et enregistrez le modèle sous forme de fichier XML :
Modèle : Proto_Customers.xml
< ;
<base de données>
<connexion>Démo</connexion>
<sql>SELECT * FROM Clients</sql>
</database>
</datasource>
</appml>
Modèle : Proto_Suppliers.xml
< source de données>
<base de données>
<connexion>Démo</connexion>
<sql>SELECT * FROM Fournisseurs</sql>
</database>
</datasource>
</appml>
Modèle : Proto_Products.xml
< source de données>
<base de données>
<connexion>Démo</connexion>
<sql>SELECT * FROM Produits</sql>
</database>
</datasource>
</appml>
Vue prototype
Créer un prototype vue, enregistrez-le sous Demo_Prototype.html et essayez-le :
Instance
视图：Demo_Prototype.htm
<h1>Customers</h1>
<div id="List01"></div>
<script src="appml.js"></script>
<script>
customers=new AppML("appml.php","Prototypes/Customers");
customers.run("List01");
</script>Exécuter l'instance»
Cliquez sur " Bouton Exécuter l'exemple" pour voir l'exemple en ligne
Maintenant, fusionnez le tout ensemble
Enfin, avec un peu de codage JavaScript, créez une page prototype simple pour tous les modèles prototypes :
Instance
Demo_Prototype_Views.htm
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="appml.css" />
</head>
<body>
<h1>Demo Applications</h1>
<button onclick='myOpen("Customers")'>Customers</button>
<button onclick='myOpen("Products")'>Products</button>
<button onclick='myOpen("Suppliers")'>Suppliers</button>
<button onclick='myOpen("Shippers")'>Shippers</button>
<button onclick='myOpen("Categories")'>Categories</button>
<button onclick='myOpen("Employees")'>Employees</button>
<button onclick='myOpen("Orders")'>Orders</button>
<button onclick='myOpen("OrderDetails")'>OrderDetails</button>
<br><br>
<div id="Place01"></div>
<script src="appml.js"></script>
<script>
function myOpen(pname)
{
var app_obj
app_obj=new AppML("appml.php","Prototypes/" + pname);
app_obj.run("Place01");
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
