Dacă nu aveți un server de web, puteți crea unul, folosind WebMatrix.
WebMatrix
WebMatrix este un instrument gratuit de dezvoltare web care oferă o modalitate ușoară de a construi site-uri web.
WebMatrix conține:
- Exemple web și șabloane
- Suport pentru limbi diferite de web (PHP, ASP.NET, Node.js)
- Un server de web
- Servere de baze de date (mySQL and SQL Server Compact)
Cu WebMatrix puteți începe cu un site web gol, sau să se bazeze pe șabloanele existente folosind PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, WordPress și mai mult.
WebMatrix are, de asemenea, built-in instrumente pentru baze de date, securitate, optimizarea motorului de căutare, și publicarea pe web.
Pentru a instala WebMatrix, urmați acest link: http://www.microsoft.com/web/webmatrix
Creați un site PHP gol
În WebMatrix, selectați Galeria de șabloane. Selectați PHP. Selectați site - ul gol.
Schimbarea numelui site - ului pentru a DemoAppml (or anything you like) , și faceți clic pe Următorul.
După cum puteți vedea din ilustrație, WebMatrix va permite să creați mai multe tipuri diferite de site-uri web.
Creați un test pagină HTML
În fereastra WebMatrix, selectați New. Selectați Fișier nou. Selectați tipul de fișier HTML.
Schimbați numele fișierului customers.htm (or anything you like) . Faceți clic pe OK.
Înlocuiți HTML în noul fișier cu acest lucru:
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>
Încearcă - l singur » Pentru a rula pagina de test: Faceți clic dreapta pagina în WebMatrix și selectați Lansare în browser.
Crearea unei baze de date
În fereastra WebMatrix selectați Baze de date. Selectați nouă bază de date. Selectați baza de date MySQL.
Schimbarea numelui bazei de date pentru a DemoDB (or anything you like) , și faceți clic pe OK.
În WebMatrix, selectați Fișiere și deschideți fișierul web.config.
(Dacă nu puteți vedea fișierul web.config, refresh WebMatrix)
Configurare AppML
Utilizați informațiile, din șirul de conectare în Web.config, pentru a crea un fișier de configurare pentru AppML.
Denumiți appml_config.php fișier:
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"
}]
}
Fișier de configurare a explicat:
| Proprietate | Descriere |
|---|---|
| dateformat | Formatul de date pe care se va utiliza în modelul |
| connection | Numele de conexiune pe care o va utiliza modelul |
| host | IP sau numele de gazdă găsit în serverul = |
| dbname | Numele găsit în baza de date de baze de date = |
| username | Numele de utilizator găsit în = UID |
| password | Parola găsit în = pwd |
Copiere AppML
Descărcați fișierul: http://www.w3ii.com/appml/2.0.3/appml.php.txt .
Copiați fișierul pe site-ul web. Redenumiți - l la appml.php:
Crearea unei baze de date Tabel
Crearea unui model pentru a crea un tabel de clienți în baza de date.
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\")"
]
}}Creați o pagină HTML pentru rularea modelului 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>Pentru a rula pagina HTML: Faceți clic dreapta pagina în WebMatrix și selectați Lansare în browser.
Creați o aplicație
Crearea unui model pentru cererea clienților. Salvați - l ca customers.js:
Customers.js
{
"rowsperpage" : 10,
"database" : {
"connection" : "mydatabase",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"
}
}Creați o pagină HTML pentru rularea aplicației clienților:
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>
Încearcă - l singur » Pentru a rula pagina HTML: Faceți clic dreapta pagina în WebMatrix și selectați Lansare în browser.