Jeśli nie ma serwera WWW, można utworzyć, korzystając WebMatrix.
WebMatrix
WebMatrix to darmowe narzędzie do tworzenia stron WWW, który pozwala w łatwy sposób budowania stron internetowych.
WebMatrix zawiera:
- przykłady stron internetowych i szablony
- Wsparcie dla różnych języków internetowych (PHP, ASP.NET, Node.js)
- Serwer WWW
- Serwery baz danych (mySQL and SQL Server Compact)
Z WebMatrix można rozpocząć z pustą stroną, lub opierać się na istniejących szablonów z wykorzystaniem PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, WordPress i więcej.
WebMatrix posiada również wbudowane narzędzia dla baz danych, bezpieczeństwa, optymalizacji pod kątem wyszukiwarek i publikowania w internecie.
Aby zainstalować WebMatrix, poniższy link: http://www.microsoft.com/web/webmatrix
Utwórz pusty PHP Site
W WebMatrix wybierz Template Gallery. Wybierz PHP. Wybierz Empty Site.
Zmień nazwę strony do DemoAppml (or anything you like) , a następnie kliknij przycisk Dalej.
Jak widać z rysunku, WebMatrix pozwoli Ci stworzyć wiele różnych rodzajów witryn.
Załóż HTML stronę testową
W oknie WebMatrix, wybierz Nowy. Wybierz nowy plik. Wybierz typ pliku HTML.
Zmień nazwę pliku na customers.htm (or anything you like) . Kliknij przycisk OK.
Wymień HTML w nowym pliku z tego:
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>
Spróbuj sam " Aby uruchomić stronę testową: Kliknij prawym przyciskiem myszy stronę w WebMatrix i wybierz Uruchom przeglądarkę.
Tworzenie bazy danych
W oknie WebMatrix wybrać Databases. Wybierz nową bazę danych. Wybierz MySQL Database.
Zmień nazwę bazy danych do DemoDB (or anything you like) , a następnie kliknij przycisk OK.
W WebMatrix, wybierz pliki, a następnie otwórz plik web.config.
(Jeśli nie można znaleźć w pliku web.config, odśwież WebMatrix)
Konfiguracja AppML
Użyj informacji z ciągu połączenia w pliku web.config, aby utworzyć plik konfiguracyjny dla AppML.
Nazwij appml_config.php pliku:
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"
}]
}
Plik konfiguracyjny Wyjaśnione:
| Nieruchomość | Opis |
|---|---|
| dateformat | Format daty można wykorzystania w modelach |
| connection | Nazwa połączenia będzie używany w modelach |
| host | Adres IP lub nazwa hosta znaleźć w serwerze = |
| dbname | Nazwa bazy danych znajdują się w Bazie = |
| username | Nazwa użytkownika znaleźć w uid = |
| password | Hasło znaleźć w PWD = |
Kopiowanie AppML
Pobierz plik: http://www.w3ii.com/appml/2.0.3/appml.php.txt .
Skopiuj plik na swojej stronie internetowej. Zmienić jego nazwę na appml.php:
Tworzenie tabeli bazy danych
Stworzyć model dla tworzenia tabeli klientów w bazie danych.
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\")"
]
}}Utwórz stronę HTML na prowadzenie modelu 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>Aby uruchomić stronę HTML: Kliknij prawym przyciskiem myszy stronę w WebMatrix i wybierz Uruchom przeglądarkę.
Tworzenie aplikacji
Stworzenie modelu dla aplikacji klienta. Zapisz go jako customers.js:
Customers.js
{
"rowsperpage" : 10,
"database" : {
"connection" : "mydatabase",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"
}
}Utwórz stronę HTML do uruchamiania aplikacji klienci:
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>
Spróbuj sam " Aby uruchomić stronę HTML: Kliknij prawym przyciskiem myszy stronę w WebMatrix i wybierz Uruchom przeglądarkę.