Latest web development tutorials

AppML Fall Prototype

Diese Fallstudie zeigt, wie eine komplette <AppML> Internet-Anwendungen zu erstellen, mit Informationen für eine Reihe von Tabellen in der Datenbank, zu bearbeiten und Suchfunktionen aufgeführt.


Prototyp

In diesem Kapitel werden wir einen Prototyp-Modell für jede Datenbanktabelle erstellen.

Prototype wird ausgehend von einem sehr einfache Entwicklung von Anwendungen zu verwenden.


Prototype Modell

Zuerst einen Ordner für den Prototyp erstellen. Der Ordner wird Prototypen genannt.

Dann ein Prototyp-Modell für jede Tabelle in der Datenbank zu erstellen.

Verwenden Sie SELECT * aus jeder Tabelle, und speichern Sie das Modell als XML-Datei:

Modell: Proto_Customers.xml

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

Modell: Proto_Suppliers.xml

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

Modell: Proto_Products.xml

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



Prototype Ansicht

Erstellen Sie einen Prototyp Ansicht, speichern Sie es als Demo_Prototype.html, und probieren Sie es aus:

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

Versuchen »


Jetzt fusionierte alle zusammen

Schließlich schaffen eine kleine Menge von JavaScript-Code, einen einfachen Prototyp-Modell Prototyp für alle Seiten:

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>

Zeige Ergebnis »