Si vous ne disposez pas d'un serveur Web, vous pouvez en créer un, en utilisant WebMatrix.
WebMatrix
WebMatrix est un outil de développement web gratuit qui fournit un moyen facile de construire des sites Web.
WebMatrix contient:
- Exemples Web et modèles
- Prise en charge de différentes langues Web (PHP, ASP.NET, Node.js)
- Un serveur web
- Serveurs de base de données (mySQL and SQL Server Compact)
Avec WebMatrix, vous pouvez commencer par un site Web vide, ou de construire sur des modèles existants en utilisant PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, WordPress et plus encore.
WebMatrix dispose également d'outils intégrés pour les bases de données, la sécurité, l'optimisation des moteurs de recherche et publication sur le Web.
Pour installer WebMatrix, suivez ce lien: http://www.microsoft.com/web/webmatrix
Créer un site vide PHP
Dans WebMatrix, sélectionnez Galerie de modèles. Sélectionnez PHP. Sélectionnez Site vide.
Changer le nom du site à DemoAppml (or anything you like) que (or anything you like) , puis cliquez sur Suivant.
Comme vous pouvez le voir sur l'illustration, WebMatrix vous permet de créer différents types de sites Web.
Créer une page de test HTML
Dans la fenêtre de WebMatrix, sélectionnez Nouveau. Sélectionnez un nouveau fichier. Sélectionnez HTML type de fichier.
Modifiez le nom du fichier à Customers.htm (or anything you like) que (or anything you like) . Cliquez sur OK.
Remplacez le code HTML dans le nouveau fichier avec ceci:
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>
Essayez vous - même » Pour exécuter la page de test: Cliquez-droit sur la page dans WebMatrix, puis sélectionnez Lancer dans le navigateur.
Créer une base de données
Dans la fenêtre de WebMatrix sélectionnez les bases de données. Sélectionnez Nouvelle base de données. Sélectionnez la base de données MySQL.
Modifiez le nom de la base de données à demodb (or anything you like) que (or anything you like) , puis cliquez sur OK.
Dans WebMatrix, sélectionnez Fichiers, puis ouvrez le fichier web.config.
(Si vous ne pouvez pas voir le fichier web.config, actualisez WebMatrix)
Configurer appml
Utilisez les informations, de la chaîne de connexion dans web.config, pour créer un fichier de configuration pour appml.
Nom du fichier 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"
}]
}
Fichier de configuration Explained:
| Propriété | La description |
|---|---|
| dateformat | Le format de date vous utiliserez dans vos modèles |
| connection | Le nom de la connexion que vous allez utiliser dans vos modèles |
| host | Le IP ou le nom trouvé dans le serveur = |
| dbname | Le nom de base de données dans la base de données = trouvé |
| username | Le nom d'utilisateur trouvé dans uid = |
| password | Le mot de passe trouvé dans PWD = |
copie appml
Télécharger le fichier: http://www.w3ii.com/appml/2.0.3/appml.php.txt .
Copiez le fichier sur votre site Web. Renommer à appml.php:
Créer une table de base de données
Créer un modèle pour la création d' une table de clients dans la base de données.
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\")"
]
}}Créer une page HTML pour l' exécution du modèle Create_Customers:
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>Pour exécuter la page HTML: Cliquez-droit sur la page dans WebMatrix, puis sélectionnez Lancer dans le navigateur.
Créer une application
Créer un modèle pour l'application clients. Enregistrer comme customers.js:
Customers.js
{
"rowsperpage" : 10,
"database" : {
"connection" : "mydatabase",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"
}
}Créer une page HTML pour exécuter l'application clients:
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>
Essayez vous - même » Pour exécuter la page HTML: Cliquez-droit sur la page dans WebMatrix, puis sélectionnez Lancer dans le navigateur.