AppML 架构

2024-04-04 18:38

文章标签 架构 appml

本文主要是介绍AppML 架构，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

更多appml教程请参阅：AppML 教程

MVC 架构

<AppML> 采用了 MVC 架构

MVC全名是Model View Controller，是模型(Model)－视图(View)－控制器(Controller)的缩写，一种软件设计典范。

模型(Model) 描述你的应用。

视图(View) 显示你的数据。

制器(Controller) 控制你的应用。

Wikipedia: Model, View, Controller

模型(MODEL) - 仅仅是一个简单的XML文件

模型描述了您的应用程序，并且可在不同的硬件和软件平台（PC，iPhone，Tablets，等）重复使用。它不关心用户界面（UI）或表现形式。

模型采用xml编写，存储于web服务器中。

<appml> 
 
 <datasource> 
   <database> 
     <connection>Northwind</connection> 
     <sql>SELECT CustomerName,ContactName,City,Country FROM Customers</sql> 
   </database> 
 </datasource> 
 
 <filters> 
 <query> 
   <field label="Customer">CustomerName</field> 
   <field>City</field> 
   <field>Country</field> 
 </query> 
 <order> 
   <field label="Customer">CustomerName</field> 
   <field>City</field> 
   <field>Country</field> 
 </order> 
 </filters> 
 
 </appml> 

以上实例定义了数据源来自Northwind数据库。

该模型允许使用预定义的SQL获取数据。它还允许通过Customer, City, 和 Country查询数据很排序。

视图（VIEW） - 仅仅是一个普通的HTML文件

视图即是 UI (User Interface:用户界面)。它通常是一个显示和输入数据（可选）HTML页面:

<!DOCTYPE html> 
 <html> 
 <head> 
 <link rel="stylesheet" href="appml.css" /> 
 </head> 
 <body> <h1>My First Web Application</h1>
 <div id="Place01"></div>
<script src="appml.js"></script>
 <script>
 customers=new AppML("appml.html","Customers.xml");
 customers.run("Place01");
 </script>
</body>
 </html>

以上HTML页面使用通过执行脚本语言创建一个 AppML 对象，并将数据显示在id="Place01"的div中。

采用了 "appml.js" 脚本文件。