<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" 脚本文件。


CONTROLLER(控制器) - 仅仅是一个浏览器很服务端的脚本

服务端脚本通过以下方式控制应用:

  • 从浏览器中接收请求数据
  • 将模型很数据返回给浏览器
  • 从浏览器中接收更新数据
  • 在服务器上更新数据
  • 数据通信过程,请进行数据安全验证。

浏览器脚本通过以下方式控制应用:

  • 当页面加载时,你可以加载<AppML> 控制器到页面上。
  • 使用控制器,你可以在页面创建 <AppML> 对象。
  • 当执行 <AppML> 对象时, 它会向服务器请求数据。
  • <AppML> 对象从服务器接受数据(使用数据模型) 。
  • <AppML> 对象 (或者你的代码) 在页面中显示你的数据。
  • (可选) web用户修改数据。
  • (可选) <AppML> 可以向服务器发送修改请求。

典型的 Web 文件和文件夹:

Folders

 


web文件夹: Demo

数据文件夹: Data

图片文件夹: Images

模型文件夹: Models

应用: Demo.htm

样式: Demo.css

<AppML> 配置文件: appml_config.php (或者 .htmlx)

<AppML> 样式文件: appml.css

<AppML> 浏览器控制器: appml.js

<App


原文地址:http://www.w3cschool.cc/appml/appml-architecture.html



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值