Latest web development tutorials

Cómo AppML

En esta sección serán las siguientes cuatro sencillos pasos muestran cómo crear una aplicación <AppML>.

El siguiente capítulo se describe cómo descargar <AppML>, y comenzó a desarrollar aplicaciones web en su propio ordenador.


1. Crear un modelo (Modelo)

Crear un archivo con el siguiente contenido

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

En los modelos de subdirectorios (recomendamos) guardar el archivo como Customers.xml.


modelo de Análisis

<Appml> define el modelo.

<Origen de datos> define el modelo de fuente de datos.

<Base de datos> base de datos de definición de etiqueta.

<Conexión> define un enlace de base de datos.

<SQL> define la consulta de datos

<OrderBy> define el tipo por defecto.

etiqueta <consulta> define un filtro de consulta legítimos.


2. Crear la página WEB

En el primer <AppML> aplicación, crear una página HTML:

Ejemplos

<!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>

Trate »


3. Agregar el estilo

Adición de estilo en cascada en su página web, en la aplicación de correo <AppML> aplicación:

Ejemplos

<!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>

Trate »


4. Añadir el guión, y luego ejecutar la aplicación

Añadir el guión a sus páginas web para ejecutar <AppML> aplicación:

Ejemplos

<!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>

Trate »


Ejemplos de analítica

<AppML> biblioteca contiene una serie de funciones. Estas funciones pueden llamar a su página web.

<script src = "appml.js"> <AppML> biblioteca cargada.

declaración de JavaScript: app = new AppML ( "appml.htmlx ", "Modelos / Customers.xml"); AppML crear objetos de la aplicación, y luego realice el lado del servidor de secuencias de comandos "appml.htmlx" web para cargar el archivo de datos "Customers.xml".

JavaScript app.run ( "Place01", "template01 declaración "); insertar datos en la id = elemento HTML "Place01", utilice id = atributo "template01" del elemento como plantilla.

Propiedad id = "appml_row" define cada uno de los datos en los elementos HTML.

datos de los datos de la etiqueta # serán utilizados para reemplazar el modelo.

Todo lo anterior, se puede imaginar un rápido prototipo de ella?


¿Cómo funciona?

  • Cuando se carga la página web, a continuación, puede cargar el controlador de la página <AppML>.
  • Utilice <AppML> controlador, a continuación, puede crear un objeto de página <AppML>.
  • Cuando se ejecuta <> AppML objetos en la página, se pide al tratamiento de los datos del servidor.
  • <AppML> objeto recibe datos (modelo de datos) desde el servidor.
  • <AppML> Objeto (o su código) para mostrar los datos en la página.
  • (Opcional) usuario de la web puede cambiar los datos.
  • servidor (opcional) <AppML> puede enviar datos en segundo plano.
  • (Opcional) Servidor controlador puede almacenar datos en el lado del servidor.

Típico de los archivos y carpetas Web:

carpetas


carpeta web: Demo

Las carpetas de datos: Datos

Carpeta de la imagen: Imágenes

carpeta del modelo: Modelos

Aplicaciones: Demo.htm

Estilo: demo.css

<AppML> Perfil: appml_config.php (o .htmlx)

<AppML> Estilo del archivo: appml.css

<AppML> Controlador de navegador: appml.js

<AppML> Controlador Servidor: appml.php (o .htmlx)


No hay límite

<AppML> objeto se puede colocar en páginas HTML. <AppML> no afecta al resto de la página.

<AppML> por defecto en la página de visualización estándar cuando el programa de página no existe. Esto es perfecto para el prototipado rápido.

Pero <AppML> función principal no se utiliza para mostrar la página. <AppML> Leer principalmente datos de la aplicación. Aporta datos pueden ser libres para usar HTML, CSS y JavaScript para diseñar su pantalla. Se puede:

  • He escrito en HTML, deje que el procesamiento de datos AppML.
  • Llame modelo y se ocupa de toda la pantalla.
  • propiedades y métodos AppML, y crear otras combinaciones.

Pronto descubrirá <AppML> con características de gran alcance, que puede proporcionar datos y modelos para la aplicación Web. Se puede:

  • Para los usuarios o grupos de usuarios para definir la seguridad de datos
  • Conectar todos los tipos de bases de datos, como Access, MySQL, SQL y Oracle
  • Los archivos XML de conexión y los archivos de texto
  • tipos definidos de datos, formatos de datos, los límites de datos.
  • Añadir nuevos elementos al modelo.

Leer <AppML> Referencia