Jika Anda tidak memiliki web server, Anda dapat membuat satu, menggunakan WebMatrix.
WebMatrix
WebMatrix adalah alat pengembangan web gratis yang menyediakan cara mudah untuk membangun website.
WebMatrix berisi:
- contoh web dan template
- Dukungan untuk bahasa web yang berbeda (PHP, ASP.NET, Node.js)
- Sebuah web server
- Server database (mySQL and SQL Server Compact)
Dengan WebMatrix dapat Anda mulai dengan sebuah situs web yang kosong, atau membangun template yang ada menggunakan PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, WordPress dan banyak lagi.
WebMatrix juga memiliki built-in tools untuk database, keamanan, optimasi mesin pencari, dan penerbitan web.
Untuk menginstal WebMatrix, ikuti link ini: http://www.microsoft.com/web/webmatrix
Buat PHP Situs Kosong
Dalam WebMatrix, pilih Template Gallery. Pilih PHP. Pilih Situs Kosong.
Ubah nama Situs untuk DemoAppml (or anything you like) , dan klik Next.
Seperti yang dapat Anda lihat dari ilustrasi, WebMatrix akan membiarkan Anda membuat berbagai jenis website.
Buat Uji HTML Halaman
Pada jendela WebMatrix, pilih New. Pilih New File. Pilih jenis file HTML.
Mengubah nama file ke customers.htm (or anything you like) . Klik OK.
Menggantikan HTML dalam file baru dengan ini:
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>
Cobalah sendiri " Untuk menjalankan halaman pengujian: Klik kanan halaman dalam WebMatrix, dan pilih Launch di browser.
Buat Database
Pada jendela WebMatrix pilih Database. Pilih New Database. Pilih MySQL Database.
Mengubah nama database untuk DemoDB (or anything you like) , dan klik OK.
Dalam WebMatrix, pilih File, dan buka file web.config.
(Jika Anda tidak dapat melihat file web.config, menyegarkan WebMatrix)
Konfigurasi AppML
Gunakan informasi, dari string koneksi di web.config, untuk membuat file konfigurasi untuk AppML.
Nama appml_config.php berkas:
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"
}]
}
File Konfigurasi Dijelaskan:
| Milik | Deskripsi |
|---|---|
| dateformat | Format tanggal yang akan Anda gunakan dalam model Anda |
| connection | Nama koneksi yang akan Anda gunakan dalam model Anda |
| host | IP atau nama host ditemukan di server = |
| dbname | Nama database yang ditemukan di database = |
| username | Nama pengguna ditemukan di = uid |
| password | Sandi ditemukan di = pwd |
Copy AppML
Download file: http://www.w3ii.com/appml/2.0.3/appml.php.txt .
Menyalin file ke situs web Anda. Mengganti nama ke appml.php:
Membuat Database Tabel
Buat model untuk menciptakan tabel pelanggan dalam database.
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\")"
]
}}Membuat halaman HTML untuk menjalankan model 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>Untuk menjalankan halaman HTML: Klik kanan halaman dalam WebMatrix, dan pilih Launch di browser.
Buat Aplikasi
Membuat model untuk aplikasi pelanggan. Simpan sebagai customers.js:
Customers.js
{
"rowsperpage" : 10,
"database" : {
"connection" : "mydatabase",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"
}
}Membuat halaman HTML untuk menjalankan aplikasi pelanggan:
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>
Cobalah sendiri " Untuk menjalankan halaman HTML: Klik kanan halaman dalam WebMatrix, dan pilih Launch di browser.