Latest web development tutorials

Jak AppML

Ta sekcja będzie następujące cztery proste kroki pokazują, jak stworzyć <AppML> aplikacji.

W następnym rozdziale opisano sposób pobierania <AppML> i zaczął tworzenia aplikacji WWW na własnym komputerze.


1. Tworzenie modelu (Model)

Utwórz plik o następującej treści

<appml>

<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT CustomerName,ContactName,City,Country FROM Customers</sql>
<orderby>CustomerName</orderby>
</database>
</datasource>

<filters>
<query>
<field>CustomerName</field>
</query>
</filters>

</appml>

W modelach podkatalogu (zalecamy) zapisz plik jako Customers.xml.


Analiza modelu

<Appml> tag definiuje model.

<DataSource> tag definiuje model źródła danych.

<Baza> Baza definicji znacznika.

<Połączenie> tag określa odnośnik bazy danych.

<SQL> tag definiuje zapytanie danych

<Orderby> tag definiuje domyślnego sortowania.

<Query> tag definiuje uzasadniony filtry zapytania.


2. Tworzenie strony WWW

W pierwszym <AppML> aplikacji, tworzenie strony HTML:

Przykłady

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Application</h1>

<table>
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
</table>

</body>
</html>

Spróbuj »


3. dodać styl

Dodawanie CSS na swojej stronie internetowej, we wdrażaniu e <AppML> aplikacji:

Przykłady

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="appml.css">
</head>

<body>
<h1>My First Web Application</h1>

<table class="appmltable" >
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
</table>

</body>
</html>

Spróbuj »


4. Dodać skrypt, a następnie uruchomić aplikację

Dodaj skrypt do stron internetowych, aby uruchomić <AppML> aplikacji:

Przykłady

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="appml.css">
</head>

<body>
<h1>My First Web Application</h1>

<div id="Place01">

<table id="Template01" class="appmltable">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr id="appml_row" >
<td> #CustomerName# </td>
<td> #City# </td>
<td> #Country# </td>
</tr>
</table>
</div>

<script src="appml.js"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>


</body>
</html>

Spróbuj »


Przykłady analityczne

<AppML> biblioteka zawiera szereg funkcji. Funkcje te można następnie połączyć swoją stronę internetową.

<script src = ""> appml.js załadowany <AppML> Biblioteka.

Oświadczenie JavaScript: app = new AppML ( "appml.htmlx ", "Modele / Customers.xml"); AppML tworzenia obiektów aplikacyjnych, a następnie wykonać Web server-side scripting "appml.htmlx" załadować danych "Customers.xml" plik.

JavaScript stwierdzenie app.run ( "Place01", "Template01 "); wstawić dane do id = "Place01" elementu HTML, użyj id = "Template01" atrybut elementu jako szablon.

Nieruchomość id = "appml_row" definiuje każde dane na elementy HTML.

# Danych dane TAG być wykorzystane w celu zastąpienia modelu.

Wszystkie powyższe, można sobie wyobrazić szybszy prototyp go?


Jak to działa?

  • Gdy strona zostanie załadowana, można następnie załadować stronę <AppML> kontroler.
  • Użyj <AppML> Regulator można następnie utworzyć stronę <AppML> przedmiot.
  • Po uruchomieniu <AppML> obiekty na tej stronie, to zwraca się do administratora danych serwera.
  • <AppML> obiekt otrzymuje danych (model danych) z serwera.
  • <AppML> Obiekt (lub kod) do wyświetlania danych na stronie.
  • (Opcjonalnie) użytkownik sieci może zmienić dane.
  • (Opcjonalnie) Serwer <AppML> może wysyłać dane w tle.
  • (Opcjonalnie) Serwer Kontroler może przechowywać dane po stronie serwera.

Typowe sieci pliki i foldery:

Teczki


Folder internetowej: Demo

foldery danych: Dane

Folder Obrazek: Obrazy

Folder Model: modele

Wnioski: Demo.htm

Styl: Demo.css

<AppML> Profil: appml_config.php (lub .htmlx)

<AppML> Plik Styl: appml.css

<AppML> Przeglądarka Kontroler: appml.js

<AppML> Server Kontroler: appml.php (lub .htmlx)


Nie ma limitu

<AppML> obiekt może znajdować się na stronach HTML. <AppML> Nie ma to wpływu na resztę strony.

<AppML> Default do standardowej strony wyświetlacza, gdy program strona nie istnieje. Jest idealny do szybkiego prototypowania.

Ale <AppML> główną funkcją nie jest używany do wyświetlania strony. <AppML> czytaj głównie dane aplikacji. Przynosi dane mogą być swobodnie używać HTML, CSS i JavaScript, żeby zaprojektować swój wyświetlacz. Można:

  • Pisałem HTML, niech przetwarzanie danych AppML.
  • Zadzwoń model i obsługuje wszystkie wyświetlaczu.
  • Właściwości i metody AppML i tworzyć inne kombinacje.

Wkrótce okazuje <AppML> z zaawansowanych funkcji, może ona dostarczyć dane i modele dla aplikacji WWW. Można:

  • Dla użytkowników lub grup użytkowników w celu określenia bezpieczeństwa danych
  • Połączyć wszystkie rodzaje baz danych, takich jak Access, MySQL, SQL, Oracle i
  • Połączenie pliki XML i pliki tekstowe
  • Zdefiniowane typy danych, formaty danych, limity danych.
  • Dodaj żadnych nowych elementów do modelu.

Czytaj <AppML> Referencje