최신 웹 개발 튜토리얼
 

AppML PHP

❮ 이전 다음 장 ❯

당신이 PHP 서버에 액세스 할 경우, AppML 서버 응용 프로그램을 만들려면 아래 지침을 따르십시오.

당신이 PHP 서버에 액세스 할 수없는 경우에 따라 WebMatrix 지침을 .

테스트 페이지 만들기

테스트 페이지를 만들고를 Customers.htm (또는 아무것도 당신이 좋아)와 같은 PHP 서버에 저장합니다 :

를 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>
»스스로를보십시오

브라우저에서 웹 페이지를 테스트합니다.

데이터베이스 연결 만들기

당신이 데이터베이스에 액세스 할 경우, AppML 데이터베이스 연결을 만들려면 아래 지침을 따르십시오.

당신이 데이터베이스에 액세스 할 수없는 경우에 따라 WebMatrix 지침을 .

데이터베이스 연결을 정의하고 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"
}]
}

위의 연결은 진짜입니다. 이름 및 암호는 예입니다.

구성 파일 설명 :

재산 기술
dateformat 당신이 당신의 모델에서 사용할 날짜 형식
connection 연결 이름은 당신은 당신의 모델에 사용
host 데이터베이스에 대한 IP 또는 호스트 이름
dbname 데이터베이스 이름
username 데이터베이스 사용자 이름
password 데이터베이스 암호

복사 AppML

: 파일 다운로드 http://www.w3ii.com/appml/2.0.3/appml.php.txt을 .

당신의 웹 사이트에 파일을 복사합니다. appml.php로 이름을 바꿉니다.

데이터베이스 테이블 만들기

데이터베이스에서 고객 테이블을 생성하기위한 모델을 만듭니다.

create_customers.js

{
"database" : {
"connection" : "mydatabase",
"execute" : [
"DROP TABLE IF EXISTS Customers",
"CREATE TABLE IF NOT EXISTS Customers (CustomerID INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,(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.js 모델을 실행하기위한 HTML 페이지를 생성합니다 :

create_customers.htm

<!DOCTYPE html>
<html>
<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 페이지를 실행합니다.

응용 프로그램 모델 만들기

고객의 응용 프로그램에 대한 모델을 만듭니다. 그것을 customers.js로 저장 :

customers.js

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

고객의 응용 프로그램을 실행하기위한 HTML 페이지를 생성합니다 :

를 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>
»스스로를보십시오

브라우저에서 HTML을 실행합니다.


❮ 이전 다음 장 ❯