최신 웹 개발 튜토리얼
 

AppML참고


AppML의 HTML 속성

<div appml-include-html="inc_header.htm"></div>

<h1>Customers</h1>
<table appml-data="customers.js" appml-controller="myController">
  <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 appml-include-html="inc_footer.htm"></div>
»스스로를보십시오
속성 기술 설명
appml 제어기 AppML 컨트롤러 정의 AppML 컨트롤러
appml 데이터 응용 프로그램에 대한 데이터 소스를 정의 AppML 데이터
appml - 포함 - HTML 포함 할 HTML은 정의 AppML는 포함
appml 반복 HTML 요소는 반복을 정의 AppML 노하우

AppML 메시지

function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
»스스로를보십시오
메시지 전송
준비된 AppML 후 시작하고, 데이터를로드 할 준비가되어있다.
짐을 실은 AppML가 완전히로드 된 후, 데이터를 표시 할 준비가.
디스플레이 AppML은 데이터 항목을 표시하기 전에.
끝난 AppML가 완료되면 (finished displaying) .
제출 전에 AppML 데이터를 전송합니다.
오류 AppML에 오류가 발생 후.

AppML 메시지에 대한 장에 설명되어 있습니다 AppML 메시지 .


AppML 모델

{
"security": "admin",
"rowsperpage" : 10,

"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}},

"filteritems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}],

"sortitems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}]
}

AppML 모델 속성

요소 기술
"data" 모델의 플랫 파일 소스를 정의
"database" 모델에 대한 데이터베이스 소스를 정의
"filteritems" 필터 제한을 정의합니다
"rowsperpage" 행 수는 페이지 당 페치를 정의
"security" 모델에 대한 보안을 정의
"sortitems" 정렬 제한을 정의합니다

응용 프로그램 보안

당신은의 구성원으로 로그인해야 "admin" 이 응용 프로그램에 액세스 할 그룹 :

{
"security": "admin",
"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}
}

개인 모델

당신은 모델에 자신의 개인 데이터를 추가 할 수 있습니다.

이 예는 데이터에 대한 제한을 제안한다 :

"restrictions" : {
    "fname" : {"maxlength": 40},
    "price" : {"max": 999,"min": 100}
    }

모델 데이터는 서버 응용 프로그램에서 사용하고 AppML 컨트롤러가 될 수있다.

이 예에서는 입력을 확인하는 데이터 모델을 사용하여

function myController($appml) {
    if ($appml.message == "submit") {
        var price = document.getElementById("price").value;
        if (price < $appml.model.restrictions.price.min) {
            $appml.displayError(15, "Price too low!");
            return;
        }
}