Как использовать<AppML>
В этой главе показано, как создать приложение <AppML> с помощью следующих 4 простых шагов.
В следующей главе будет рассказано, как скачать <AppML> и начать разработку веб-приложений на собственном компьютере.
1. Создайте модель
Создайте файл со следующим содержимым:
<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>
В подкаталоге Models (рекомендуется) сохраните файл как Customers.xml.
Анализ модели
Тег <appml> определяет модель.
Тег <datasource> определяет источник данных модели.
Тег <database> определяет базу данных.
Тег <connection> определяет подключение к базе данных.
Тег <sql> определяет запрос данных.
Тег <orderby> определяет сортировку по умолчанию.
Тег <query> определяет допустимые фильтры запроса.
2. Создайте веб-страницу
В вашем первом приложении <AppML> создайте HTML-страницу:
Пример
<html>
<body>
<h1>Моё первое веб-приложение</h1>
<table>
<tr>
<th>Клиент</th>
<th>Город</th>
<th>Страна</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Берлин</td>
<td>Германия</td>
</tr>
</table>
</body>
</html>
Попробуйте сами »
3. Добавьте стили
Добавьте таблицы стилей на вашу веб-страницу, затем запустите приложение <AppML>:
Пример
<html>
<head>
<link rel="stylesheet" href="appml.css.html">
</head>
<body>
<h1>Моё первое веб-приложение</h1>
<table class="appmltable">
<tr>
<th>Клиент</th>
<th>Город</th>
<th>Страна</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Берлин</td>
<td>Германия</td>
</tr>
</table>
</body>
</html>
Попробуйте сами »
4. Добавьте скрипты, затем запустите приложение
Добавьте скрипты на вашу веб-страницу, чтобы запустить приложение <AppML>:
Пример
<html>
<head>
<link rel="stylesheet" href="appml.css.html">
</head>
<body>
<h1>Моё первое веб-приложение</h1>
<div id="Place01">
<table id="Template01" class="appmltable">
<tr>
<th>Клиент</th>
<th>Город</th>
<th>Страна</th>
</tr>
<tr id="appml_row">
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
</tr>
</table>
</div>
<script src="appml.js.html"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>
</body>
</html>
Попробуйте сами »
Разбор примера
Библиотека <AppML> содержит большое количество функций. Эти функции можно вызывать на ваших веб-страницах.
<script src="appml.js.html">Библиотека <AppML> загружена.
Инструкция JavaScript:app=new AppML("appml.htmlx","Models/Customers.xml");Создает объект приложения AppML, затем выполняет серверный скрипт "appml.htmlx" для загрузки данных из файла "Customers.xml".
Инструкция JavaScript:app.run("Place01","Template01");Вставляет данные в HTML-элемент с id="Place01", используя элемент с id="Template01" в качестве шаблона.
Атрибутыid="appml_row"Определяет, как каждая запись данных вставляется в HTML-элемент.
Данные в маркерах # будут заменены данными модели.
Учитывая всё вышесказанное, можете ли вы представить себе более быстрый прототип?
Как это работает?
- При загрузке веб-страницы вы можете загрузить контроллер <AppML> на страницу.
- Используя контроллер <AppML>, вы можете создавать объекты <AppML> на странице.
- Когда вы запускаете объект <AppML> на странице, он запрашивает серверный контроллер данных.
- Объект <AppML> получает данные с сервера (используя модель данных).
- Объект <AppML> (или ваш код) отображает данные на странице.
- (Необязательно) Веб-пользователи могут изменять данные.
- (Необязательно) <AppML> может отправлять данные на сервер в фоновом режиме.
- (Необязательно) Серверный контроллер может хранить данные на стороне сервера.
Типичные веб-файлы и папки:
|
|
Папка данных:Data Папка изображений:Images Папка моделей: Models Приложение:Demo.htm Стили:Demo.css
Файл конфигурации <AppML>:appml_config.php (или .htmlx) Файл стилей <AppML>:appml.css Браузерный контроллер <AppML>:appml.js Серверный контроллер <AppML>:appml.php (или .htmlx) |
Без ограничений
Вы можете разместить объект <AppML> на HTML-странице. <AppML> не влияет на другие части страницы.
Если страница схемы не существует, <AppML> по умолчанию использует стандартную страницу отображения. Это идеально подходит для быстрого прототипирования.
Однако основное назначение <AppML> — не отображение страниц. <AppML> в основном предназначен для чтения данных приложения. Данные, которые он предоставляет, можно свободно оформлять для отображения с помощью HTML, CSS и JavaScript. Вы можете:
- Напишите собственный HTML и позвольте AppML обрабатывать данные.
- Вызовите модель и обработайте всё отображение.
- Используйте свойства и методы AppML для создания других комбинаций.
Вскоре вы обнаружите, что <AppML> обладает мощными возможностями, предоставляя данные и модели данных для ваших веб-приложений. Вы можете:
- Определяйте безопасность данных для пользователей или групп пользователей
- Подключение ко всем типам баз данных, таким как Access, MySQL, SQL и Oracle
- Подключение XML-файлов и текстовых файлов
- Определение типов данных, форматов данных и ограничений данных.
- Добавление любых новых элементов в модель.