Neueste Web-Entwicklung Tutorials
 

AppML WebMatrix


Wenn Sie nicht über einen Web-Server haben, können Sie eine erstellen, mit WebMatrix.


WebMatrix

WebMatrix ist ein kostenloses Web-Entwicklungs-Tool, das eine einfache Möglichkeit bietet, Websites zu erstellen.

WebMatrix enthält:

  • Web Beispiele und Vorlagen
  • Unterstützung für verschiedene Web - Sprachen (PHP, ASP.NET, Node.js)
  • Ein Web-Server
  • Datenbankserver (mySQL and SQL Server Compact)

Mit WebMatrix Sie mit einer leeren Website starten können, oder bauen auf vorhandenen Vorlagen mit PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, Wordpress und vieles mehr.

WebMatrix hat auch integrierte Tools für Datenbanken, Sicherheit, Suchmaschinen-Optimierung und Web-Publishing.

So installieren Sie WebMatrix, folgen Sie diesem Link: http://www.microsoft.com/web/webmatrix


Erstellen Sie eine leere PHP-Site

In WebMatrix, wählen Sie Template - Galerie. Wählen Sie PHP. Baulücke auswählen.

Ändern Sie Site - Namen zu DemoAppml (or anything you like) , (or anything you like) , und klicken Sie auf Weiter.

Website erstellen

Wie Sie aus der Abbildung sehen können, wird WebMatrix können Sie viele verschiedene Arten von Webseiten erstellen.


Erstellen Sie eine HTML-Testseite

Im WebMatrix Fenster wählen Sie Neu. Wählen Sie Neue Datei. Wählen Sie den Dateityp HTML.

Ändern Sie den Dateinamen customers.htm (or anything you like) , (or anything you like) . Klicken Sie auf OK.

Erstellen von HTML-Datei

Ersetzen Sie den HTML-Code in die neue Datei mit diesem:

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 "

Um die Testseite aus: Rechtsklick auf der Seite in WebMatrix, und wählen Sie Start im Browser.


Erstellen Sie eine Datenbank

Im WebMatrix Fenster wählen Datenbanken. Wählen Sie Neue Datenbank. Wählen Sie MySQL - Datenbank.

Ändern Sie den Namen der Datenbank zu demodb (or anything you like) , (or anything you like) , und klicken Sie auf OK.

Datenbank erstellen

In WebMatrix, wählen Sie Dateien, und öffnen Sie die Datei web.config.

(Wenn Sie nicht die Datei web.config sehen können, aktualisieren Sie WebMatrix)

Web-Konfiguration


konfigurieren AppML

Verwenden Sie die Informationen aus der Verbindungszeichenfolge in web.config, eine Konfigurationsdatei für AppML zu erstellen.

Benennen Sie die Datei appml_config.php:

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"
}]
}

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 in Server gefunden =
dbname Der Datenbankname in der Datenbank gefunden =
username Der Benutzername in uid = gefunden
password Das Passwort in pwd gefunden =

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:

kopieren 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 INT NOT NULL AUTO_INCREMENT,PRIMARY KEY (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 das Create_Customers Modell ausgeführt wird :

Create_Customers.htm

<!DOCTYPE html>
<html lang="en-US">
<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>

Um die HTML - Seite aus: Rechtsklick auf der Seite in WebMatrix, und wählen Sie Start im Browser.


Erstellen einer Anwendung

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 "

Um die HTML - Seite aus: Rechtsklick auf der Seite in WebMatrix, und wählen Sie Start im Browser.