Najnowsze tutoriale tworzenie stron internetowych
 

AppML Odniesienie


Atrybuty HTML AppML

Przykład

<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>
Spróbuj sam "
Atrybut Opis Wyjaśnione
appml-kontroler Definiuje kontroler AppML Kontrolery AppML
appml-data Określa źródło danych dla aplikacji AppML danych
appml obejmują, HTML Definiuje HTML, które należy uwzględnić AppML Zawiera
appml-repeat Definiuje element HTML zostać powtórzony AppML Howto

AppML Wiadomości

Przykład

function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
Spróbuj sam "
Wiadomość wysłany
gotowy Po AppML jest inicjowana i gotowe do wczytywania danych.
załadowany Po AppML jest w pełni załadowany, gotowy do wyświetlania danych.
pokaz Przed AppML wyświetla pozycję danych.
Gotowe Po AppML odbywa się (finished displaying) .
Zatwierdź Przed AppML przekazuje dane.
błąd Po AppML wystąpił błąd.

Komunikaty AppML są wyjaśnione w rozdziale o wiadomościach AppML .


AppML modele

Przykład

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

Właściwości AppML model

Element Opis
"data" Określa płaską źródło plików dla modelu
"database" Definiuje źródło bazy danych dla modelu
"filteritems" Określa ograniczenia filtrów
"rowsperpage" Określa liczbę wierszy, które mają być pobierane za stronę
"security" Definiuje bezpieczeństwa dla modelu
"sortitems" Określa ograniczenia sortowania

Bezpieczeństwo aplikacji

Musisz być zalogowany jako członek "admin" grupy, aby uzyskać dostęp do tej aplikacji:

Przykład

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

prywatne modele

Można dodawać własne prywatne dane do modelu.

Przykład ten wskazuje, ograniczeń danych:

Przykład

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

Dane modelu mogą być używane przez aplikacje serwerowe, a przez kontrolera AppML.

W tym przykładzie wykorzystano dane modelowe, aby potwierdzić wejście:

Przykład

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;
        }
}