appML의 주요 목적은 HTML 페이지에 데이터를 제공하는 것입니다.
데이터에 appML 연결
- appML 변수 데이터를 표시 할
- appML 파일에서 데이터를 표시 할 수 있습니다
- appML는 데이터베이스에서 데이터를 표시 할 수 있습니다
appML는 자바 스크립트 객체를 사용하여
HTML 및 데이터를 분리하는 일반적인 방법은, 자바 스크립트 객체에 데이터를 저장하는 것입니다.
예
<table appml-data=" dataObj ">
<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>
<script>
var dataObj = {
"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>
»스스로를보십시오 appML는 JSON 파일을 사용하여
HTML 및 데이터를 분리하는 또 다른 일반적인 방법은 JSON 파일에 데이터를 저장하는 것입니다 :
customers.js
{
"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"}
]
}appML 사용하면의 데이터 소스로 JSON 파일을 지정할 수 있습니다 appml-data 속성을 :
예
<table appml-data="customers.js ">
<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>
»스스로를보십시오 appML는 데이터베이스를 사용하여
웹 서버의 도움으로, 당신은 SQL 데이터와 응용 프로그램을 공급할 수 있습니다.
이 예제는 MySQL 데이터베이스에서 데이터를 읽을 PHP를 사용합니다 :
예
<table appml-data=" http://www.w3ii.com/appml/customers.php" >
<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> »스스로를보십시오 이 예제는 SQL Server 데이터베이스에서 데이터를 읽을 .NET을 사용합니다 :
예
<table appml-data=" http://www.w3ii.com/appml/customers.aspx" >
<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> »스스로를보십시오 appML의 힘
당신은 appML의 힘을 발견하려고합니다.
appML는 데이터, 컨트롤러 및 모델을 제공 할 수 있습니다 :
- 슈퍼 쉬운 HTML 응용 프로그램 개발
- 슈퍼 쉽게 모델링, 프로토 타이핑 및 테스트
당신이 HTML 페이지 내에서 원하는만큼 appML 응용 프로그램을 넣을 수 있습니다.
appML 페이지의 다른 부분에 방해가되지 않습니다.
당신은 전체 HTML, CSS, 자바 스크립트의 자유가있다.
appML 전체 규모 CRUD 웹 응용 프로그램을 개발하는 데 사용할 수 있습니다.
CRUD : C의 reate, R의 EAD, U의 pdate, D의 elete.
appML의 힘을 발견하려면 appML 데모보기 .