En son web geliştirme öğreticiler
 

AppML WebMatrix


Eğer bir web sunucusu yoksa, sen WebMatrix kullanarak bir hesap oluşturabilirsiniz.


WebMatrix

WebMatrix web sitelerini oluşturmak için kolay bir yol sağlayan ücretsiz bir web geliştirme aracıdır.

WebMatrix içerir:

  • Web örnekler ve şablonları
  • Farklı web diller için destek (PHP, ASP.NET, Node.js)
  • Bir web sunucusu
  • Veritabanı sunucuları (mySQL and SQL Server Compact)

Boş bir web sitesiyle başlayabilir veya PHP, ASP, Umbraco, DotNetNuke, Drupal, Joomla, WordPress ve daha fazlasını kullanarak varolan şablonlar üzerinde inşa edebilirsiniz WebMatrix ile.

WebMatrix ayrıca veritabanları, güvenlik, arama motoru optimizasyonu ve web yayıncılığı için yerleşik araçlara sahiptir.

: WebMatrix yüklemek için bu bağlantıyı takip http://www.microsoft.com/web/webmatrix


Boş PHP Site Oluştur

WebMatrix yılında Şablon Galerisi'ni seçin. PHP seçin. Boş Siteyi seçin.

DemoAppml Site adını değiştirin (or anything you like) ve İleri'ye tıklayın.

Web sitesi oluşturun

Eğer resimde görebileceğiniz gibi, WebMatrix web sitelerinin birçok farklı türleri yaratmak izin verir.


Bir HTML aSayfası oluştur

WebMatrix penceresinde Yeni'yi seçin. Yeni Dosya seçin. Dosya seç tipi HTML.

Customers.htm için dosya adını değiştirin (or anything you like) . Tamam'a tıklayın.

HTML dosyası oluşturma

Bu yeni dosyada HTML değiştirin:

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>
Kendin dene "

Test sayfasını çalıştırmak için: WebMatrix sayfayı sağ tıklatın ve tarayıcıda Başlat seçin.


Veritabanı Oluşturma

WebMatrix penceresinde Veritabanları seçin. Yeni veritabanı seçin. MySQL Veritabanı seçin.

DemoDB için Veritabanı adını değiştirin (or anything you like) ve Tamam'a tıklayın.

veritabanı oluşturma

WebMatrix, Dosyaları seçin ve web.config dosyasını açın.

(Eğer web.config dosyasını göremiyorsanız, WebMatrix yenileyin)

Web Yapılandırma


Yapılandırma AppML

AppML için bir yapılandırma dosyası oluşturmak için, web.config bağlantı dizesinden, bilgileri kullanın.

Dosya appml_config.php Ad:

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

Yapılandırma Dosyası Açıklaması:

özellik Açıklama
dateformat Eğer modellerinde kullanacağı tarih formatı
connection Bağlantı adı size modellerinde kullanacağı
host Sunucuda bulunan veya IP =
dbname Veritabanında bulunan veritabanı adı =
username Uid = bulunan kullanıcı adı
password Pwd = bulunan şifre

Kopya AppML

: Dosyayı indirin http://www.w3ii.com/appml/2.0.3/appml.php.txt .

Web sitenize dosya kopyalayın. Appml.php onu yeniden adlandırma:

appml.php kopyala


Bir Veritabanı Tablosu oluştur

Veritabanındaki bir Müşteriler tablosunu oluşturmak için bir model oluşturun.

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

Create_Customers modeli çalıştırmak için bir HTML sayfası oluşturun:

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>

HTML sayfası çalıştırmak için: WebMatrix sayfayı sağ tıklatın ve tarayıcıda Başlat seçin.


Bir uygulama oluştur

Müşterilerin uygulama için bir model oluşturun. Bunu customers.js olarak kaydet:

Customers.js

{
"rowsperpage" : 10,
"database" : {
    "connection" : "mydatabase",
    "sql" : "SELECT * FROM Customers",
    "orderby" : "CustomerName"
}
}

Müşterilerin uygulamayı çalıştırmak için bir HTML sayfası oluşturun:

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>
Kendin dene "

HTML sayfası çalıştırmak için: WebMatrix sayfayı sağ tıklatın ve tarayıcıda Başlat seçin.