Wenn Sie Zugang zu einem PHP-Server haben, folgen Sie den nachstehenden Anweisungen, um eine AppML Server-Anwendung zu erstellen.
Wenn Sie keinen Zugang zu einem PHP - Server haben, folgen Sie den WebMatrix Anweisungen .
Erstellen Sie eine Testseite
Erstellen Sie eine Testseite, und speichern Sie auf Ihrem PHP-Server als customers.htm (oder alles, was Sie mögen):
customers.htm
<!DOCTYPE html>
<html lang="en">
<title>Customers</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://www.w3ii.com/appml/2.0.3/appml.js"></script>
<body>
<div class="container" appml-data="customers">
<h1>Customers</h1>
<table class="table table-striped table-bordered">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}} </td>
<td>{{Country}} </td>
</tr>
</table>
</div>
<script>
var customers = {
"records":[
{"CustomerName":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"},
{"CustomerName":"Ana Trujillo Emparedados y helados","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Antonio Moreno Taqueria","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Around the Horn","City":"London","Country":"UK"},
{"CustomerName":"B's
Beverages","City":"London","Country":"UK"},
{"CustomerName":"Berglunds
snabbkop","City":"Lulea","Country":"Sweden"},
{"CustomerName":"Blauer See
Delikatessen","City":"Mannheim","Country":"Germany"},
{"CustomerName":"Blondel
pere et fils","City":"Strasbourg","Country":"France"},
{"CustomerName":"Bolido
Comidas preparadas","City":"Madrid","Country":"Spain"},
{"CustomerName":"Bon
app'","City":"Marseille","Country":"France"},
{"CustomerName":"Bottom-Dollar
Marketse","City":"Tsawassen","Country":"Canada"},
{"CustomerName":"Cactus
Comidas para llevar","City":"Buenos Aires","Country":"Argentina"},
{"CustomerName":"Centro
comercial Moctezuma","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"},
{"CustomerName":"Comercio Mineiro","City":"Sao Paulo","Country":"Brazil"}
]};
</script>
</body>
</html>
Versuch es selber " Testen Sie die Web-Seite in Ihrem Browser.
Erstellen Sie eine Datenbank-Verbindung
Wenn Sie den Zugriff auf eine Datenbank haben, folgen Sie den nachstehenden Anweisungen eine AppML Datenbankverbindung zu erstellen.
Wenn Sie keinen Zugriff auf eine Datenbank haben, folgen Sie den WebMatrix Anweisungen .
Definieren Sie eine Datenbankverbindung, und es auf dem Server als appml_config.php sparen:
appml_config.php
<?php echo("Access Forbidden");exit();?>
{
"dateformat" : "yyyy-mm-dd",
"databases" : [{
"connection" : "mydatabase",
"host" : "localhost",
"dbname" : "DemoDB",
"username" : "DemoDBUkbn5",
"password" : "l6|U6=V(*T+P"
}]
}
Die Verbindung oben ist nicht real. Namen und Passwörter sind Beispiele.
Konfigurationsdatei Erklärt:
| Eigentum | Beschreibung |
|---|---|
| dateformat | Das Datumsformat Sie in Ihren Modellen verwenden |
| connection | Der Verbindungsname wird Sie in Ihren Modellen verwenden |
| host | Die IP-Adresse oder den Hostnamen für die Datenbank |
| dbname | Der Datenbankname |
| username | Die Datenbank-Benutzername |
| password | Das Datenbank-Passwort |
Kopieren AppML
Laden Sie die Datei: http://www.w3ii.com/appml/2.0.3/appml.php.txt .
Kopieren Sie die Datei auf Ihrer Website. Benennen Sie es appml.php.
Erstellen einer Datenbanktabelle
Erstellen Sie ein Modell eine Tabelle Kunden in der Datenbank für die Erstellung.
create_customers.js
{
"database" : {
"connection" : "mydatabase",
"execute" : [
"DROP
TABLE IF EXISTS Customers",
"CREATE TABLE IF NOT EXISTS Customers (CustomerID
INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,(CustomerID),CustomerName NVARCHAR(255),ContactName NVARCHAR(255),Address NVARCHAR(255),City
NVARCHAR(255),PostalCode NVARCHAR(255),Country NVARCHAR(255))",
"INSERT INTO Customers(CustomerName,ContactName,Address,City,PostalCode,Country)VALUES (\"Alfreds Futterkiste\",\"Maria Anders\",\"Obere Str.
57\",\"Berlin\",\"12209\",\"Germany\")",
"INSERT INTO Customers(CustomerName,ContactName,Address,City,PostalCode,Country)VALUES (\"Around the Horn\",\"Thomas Hardy\",\"120 Hanover
Sq.\",\"London\",\"WA1 1DP\",\"UK\")",
"INSERT INTO Customers(CustomerName,ContactName,Address,City,PostalCode,Country)VALUES (\"Blauer See Delikatessen\",\"Hanna Moos\",\"Forsterstr.
57\",\"Mannheim\",\"68306\",\"Germany\")"
]
}}Erstellen Sie eine HTML - Seite für den Betrieb des create_customers.js Modell:
create_customers.htm
<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/appml/2.0.3/appml.js"></script>
<body>
<div appml-data="appml.php?model=create_customers"></div>
</body>
</html>Führen Sie die HTML-Seite in Ihrem Browser.
Erstellen Sie ein Anwendungsmodell
Erstellen Sie ein Modell für die Kunden - Anwendung. Speichern Sie es als customers.js:
customers.js
{
"rowsperpage" : 10,
"database" : {
"connection" : "mydatabase",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"
}
}Erstellen Sie eine HTML - Seite für die Kunden - Anwendung ausgeführt wird :
customers.htm
<!DOCTYPE html>
<html lang="en">
<title>Customers</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://www.w3ii.com/appml/2.0.3/appml.js"></script>
<body>
<div class="container" appml-data="appml.php?model=customers">
<h1>Customers</h1>
<table class="table table-striped table-bordered">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
</div>
</body>
</html>
Versuch es selber " Führen Sie den HTML-Code in Ihrem Browser.