<AppML> Пример использования — прототип
В этом практическом примере показано, как создать полноценное интернет-приложение <AppML> с возможностью просматривать, редактировать и искать информацию в нескольких таблицах базы данных.
Прототип
В этой главе мы создадим модель-прототип для каждой таблицы в базе данных.
Прототипы — очень удобная отправная точка для разработки приложений.
Прототипные модели
Сначала создайте папку для прототипов. Назовите эту папку Prototypes.
Затем создайте прототипную модель для каждой таблицы в базе данных.
Используйте SELECT * для каждой таблицы и сохраните модели в виде XML-файлов:
Модель: Proto_Customers.xml
<appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Customers</sql>
</database>
</datasource>
</appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Customers</sql>
</database>
</datasource>
</appml>
Модель: Proto_Suppliers.xml
<appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Suppliers</sql>
</database>
</datasource>
</appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Suppliers</sql>
</database>
</datasource>
</appml>
Модель: Proto_Products.xml
<appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Products</sql>
</database>
</datasource>
</appml>
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT * FROM Products</sql>
</database>
</datasource>
</appml>
Представление прототипа
Создайте представление прототипа, сохраните его как Demo_Prototype.html и попробуйте:
Просмотр: Demo_Prototype.htm
<h1>Клиенты</h1>
<div id="List01"></div>
<script src="appml.js.html"></script>
<script>
customers=new AppML("appml.php","Prototypes/Customers");
customers.run("List01");
</script>
<div id="List01"></div>
<script src="appml.js.html"></script>
<script>
customers=new AppML("appml.php","Prototypes/Customers");
customers.run("List01");
</script>
Попробуйте »
Теперь объедините всё вместе
Наконец, с помощью небольшого объёма кода JavaScript создайте простую страницу-прототип для всех моделей-прототипов:
Demo_Prototype_Views.htm
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="appml.css.html" />
</head>
<body>
<h1>Демонстрационные приложения</h1>
<button onclick='myOpen("Customers")'>Клиенты</button>
<button onclick='myOpen("Products")'>Товары</button>
<button onclick='myOpen("Suppliers")'>Поставщики</button>
<button onclick='myOpen("Shippers")'>Грузоотправители</button>
<button onclick='myOpen("Categories")'>Категории</button>
<button onclick='myOpen("Employees")'>Сотрудники</button>
<button onclick='myOpen("Orders")'>Заказы</button>
<button onclick='myOpen("OrderDetails")'>Детали заказов</button>
<br><br>
<div id="Place01"></div>
<script src="appml.js.html"></script>
<script>
function myOpen(pname)
{
var app_obj
app_obj=new AppML("appml.php","Prototypes/" + pname);
app_obj.run("Place01");
}
</script>
</body>
</html>
<html>
<head>
<link rel="stylesheet" href="appml.css.html" />
</head>
<body>
<h1>Демонстрационные приложения</h1>
<button onclick='myOpen("Customers")'>Клиенты</button>
<button onclick='myOpen("Products")'>Товары</button>
<button onclick='myOpen("Suppliers")'>Поставщики</button>
<button onclick='myOpen("Shippers")'>Грузоотправители</button>
<button onclick='myOpen("Categories")'>Категории</button>
<button onclick='myOpen("Employees")'>Сотрудники</button>
<button onclick='myOpen("Orders")'>Заказы</button>
<button onclick='myOpen("OrderDetails")'>Детали заказов</button>
<br><br>
<div id="Place01"></div>
<script src="appml.js.html"></script>
<script>
function myOpen(pname)
{
var app_obj
app_obj=new AppML("appml.php","Prototypes/" + pname);
app_obj.run("Place01");
}
</script>
</body>
</html>
Показать результаты »
Другие расширения