Latest web development tutorials

Appml Case Prototype

Cette étude de cas montre comment construire une complète <appml> applications Internet, avec des informations énumérées pour un certain nombre de tables dans les fonctions de base de données, éditer et recherche.


prototype

Dans ce chapitre, nous allons construire un modèle prototype pour chaque table de base de données.

Prototype commence à partir d'un très facile à utiliser le développement d'applications.


Prototype Modèle

Tout d'abord, créez un dossier pour le prototype. Le dossier est nommé Prototypes.

Ensuite, créez un modèle prototype pour chaque table dans la base de données.

Utilisez SELECT * à partir de chaque table, et enregistrer le modèle sous forme de fichier XML:

Modèle: Proto_Customers.xml

<appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Customers</sql>
</database>
</datasource>
</appml>

Modèle: Proto_Suppliers.xml

<appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Suppliers</sql>
</database>
</datasource>
</appml>

Modèle: Proto_Products.xml

<appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Products</sql>
</database>
</datasource>
</appml>



Vue Prototype

Créer une vue de prototype, l'enregistrer comme Demo_Prototype.html, et l'essayer:

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

Essayez »


Maintenant, tous fusionnés

Enfin, une petite quantité de code JavaScript, créer un simple prototype de modèle prototype pour toutes les pages:

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>

Afficher les résultats »