<AppML> Caso de estudio - Prototipo

Este caso de estudio demuestra cómo construir una aplicación de Internet <AppML> completa, con funciones para listar, editar y buscar información en varias tablas de la base de datos.

Prototipo

En este capítulo, crearemos un modelo de prototipo para cada tabla de la base de datos.

El prototipo es un punto de partida muy fácil de usar para desarrollar aplicaciones.

Modelo de prototipo

Primero, crea una carpeta para los prototipos. Nombra la carpeta como Prototypes.

Luego, crea un modelo de prototipo para cada tabla de la base de datos.

Usa SELECT * de cada tabla y guarda el modelo como archivo XML:

Modelo: Proto_Customers.xml

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

Modelo: Proto_Suppliers.xml

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

Modelo: Proto_Products.xml

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


Vista de prototipo

Crea una vista de prototipo, guárdala como Demo_Prototype.html y pruébala:

Vista: Demo_Prototype.htm

<h1>Customers</h1>
<div id="List01"></div>

<script src="appml.js.html"></script>
<script>
customers=new AppML("appml.php","Prototypes/Customers");
customers.run("List01");
</script>

Pruébalo »

Ahora combina todo junto

Finalmente, con algo de código JavaScript, crea una página de prototipo simple para todos los modelos de prototipo:

Demo_Prototype_Views.htm

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="appml.css.html" />
</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.html"></script>
<script>
function myOpen(pname)
{
var app_obj
app_obj=new AppML("appml.php","Prototypes/" + pname);
app_obj.run("Place01");
}
</script>

</body>
</html>

Mostrar resultado »


Otras extensiones