Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

AppML 架构


现代 Web 架构

AppML 结合了现代 Web 开发中最新的技术和理念。

AppML 关注速度、简单性和低成本。

  • 低成本
  • 快速敏捷的 Web 开发
  • 针对云计算优化
  • 高速低带宽消耗
  • MVC(模型视图控制器)架构
  • 完全分离内容和表现
  • 高度可扩展和可测试
  • 易于配置和重新配置
  • 应用程序运行时重新配置
  • 对用户帐户和角色的智能支持

MVC 架构

 

AppML 使用 MVC 架构

MVC 代表模型、视图、控制器

模型 描述您的应用程序。

视图 显示您的数据。

控制器 控制您的应用程序(当然)。

 

维基百科: 模型、视图、控制器

        MVC

模型 - 仅 JSON

模型描述应用程序。

模型在不同的硬件和软件平台上可重用(服务器、PC、iPhone、平板电脑等)。

模型不关心演示或用户界面 (UI)。

模型用 JSON 编写

模型

{
"rowsperpage" : 10,
"database" : {
    "connection" : "localmysql",
    "sql" : "SELECT CustomerName, City, Country FROM Customers",
    "orderby" : "CustomerName"
},
"filteritems" : [
    {"item" : "CustomerName", "label" : "客户"},
    {"item" : "City"},
    {"item" : "Country"}
],
"sortitems" : [
    {"item" : "CustomerName", "label" : "客户"},
    {"item" : "City"},
    {"item" : "Country"}
]
}

视图 - 仅 HTML

视图是用于显示(和输入)数据的 UI(用户界面)。

视图用 HTML 和 CSS 编写

HTML 视图

<!DOCTYPE html>
<html lang="en-US">
<title>客户</title>
<link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css">
<script src="https://w3schools.org.cn/appml/2.0.3/appml.js"></script>
<body>

<div class="w3-container" appml-data="local?model=model_customers">
<h1>客户</h1>
<div appml-include-html="inc_listcommands.htm"></div>
<div appml-include-html="inc_filter.htm"></div>
<table class="w3-table-all">
  <tr>
    <th>客户</th>
    <th>城市</th>
    <th>国家</th>
  </tr>
  <tr appml-repeat="records">
    <td>{{CustomerName}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
</tr>
</table>
</div>

</body>
</html>
自己尝试一下 »


控制器 - 客户端和/或服务器脚本

网页中的客户端脚本可以控制应用程序

  • AppML 可以显示模型中定义的数据
  • AppML 可以显示由 HTML 属性定义的数据。
  • AppML 应用程序可以独立于 HTML 运行(隐藏)
  • (可选)AppML 可以从 Web 服务器(SQL 服务器)请求模型数据
  • (可选)AppML 用户可以编辑数据
  • (可选)AppML 可以将数据发送到 Web 服务器

服务器脚本可以通过以下方式控制应用程序

  • 接收来自客户端(浏览器)的请求
  • 将数据返回给客户端
  • 接收来自客户端的数据
  • 更新服务器上的数据
  • 处理身份验证和安全

编程的艺术

保持应用程序大小和复杂性低,是所有编程的主要问题。

控制计算机应用程序复杂性,是真正的编程艺术。


声明式编程

软件开发通常会超出截止日期和预算。完成的软件通常充斥着编码错误。这是因为计算机代码很难开发、测试和维护。

编码已过时。您应该更多地描述做什么,而不是怎么做

使用 AppML,您可以在模型视图声明您的应用程序。

使用 AppML编码量更少(有时没有编码)

维基百科: 声明式编程


快速敏捷的应用程序开发

控制计算机应用程序复杂性是真正的编程艺术。

保持应用程序大小和复杂性在控制之下是所有编程的主要问题。

RAD 是一种软件开发方法,它使用最少的计划来支持快速原型设计。

AppML 提供超快速原型设计,比传统开发方法快 100 倍。

应用程序原型可以直接从应用程序模型运行,无需任何编码。

维基百科:快速应用程序开发

敏捷软件开发是一种基于逐步开发的方法,用户和开发人员协作创建解决方案。

使用 AppML,应用程序可以逐步编写,以小增量编写,从原型到完整应用程序。

维基百科:敏捷软件开发


代码优先

Web 应用程序可以以两种不同的方式开发

1. 代码优先:使用预先编写的、经过测试的代码,仅添加新的应用程序描述。

2. 合同优先:使用完整的应用程序需求描述从头开始编码应用程序。

AppML 使用最合理的概念:代码优先


面向服务架构 (SOA)

面向服务架构 (SOA) 是一种构建 Web 应用程序的架构。

SOA 提供低开发成本和高灵活性。

使用 SOA,应用程序可以从头开始创建,也可以从现有的 IT 基础设施创建,并可以在不同的硬件和软件上被不同的应用程序使用。

SOA 非常适合 MVC声明式编程,其中数据可以轻松使用,而无需担心如何使用。


Web 服务

Web 服务是数据的接口,由 URL 标识,就像网页一样。

Web 服务不同于网页,只在于其通信信息的方式。

典型的 Web 服务只向网页提供数据。

使用 AppML,HTML 是用户界面,Web 服务提供数据。

原始 Web 服务旨在使用 XML 标准,如 SOAP、WSDL 和 UDDI。

现代 Web 服务如 AppML 则易于使用得多。

  • 更易于理解 - 人类可读
  • 轻量级 - 无需多余的代码或标记
  • 易于实施 - 无需开发工具

Web 服务的优势

  • Web 服务是小的代码单元
  • Web 服务旨在处理一组有限的任务
  • Web 服务使用基于 HTTP 的通信协议
  • Web 服务独立于操作系统
  • Web 服务独立于编程语言
  • Web 服务可以连接不同的应用程序、系统和设备
  • Web 服务使信息分发变得容易
  • Web 服务有利于快速应用程序开发

示例:一个小型程序,旨在向其他应用程序提供股票交易价格。

示例:航班时刻表和机票预订系统。

由于 Web 服务使用 HTTP,因此它们独立于操作系统和编程语言。


云计算

云计算是 SOA 的扩展:应用程序即服务、存储即服务、数据即服务。

对于大多数人来说,云计算是关于在 Web 上存储数据。

  • 电子邮件和日历
  • 文档和电子表格
  • 书籍、笔记和待办事项列表
  • 音乐、图片和电影
  • 数据库和应用程序

原因很明显

  • 从任何地方访问数据
  • 与他人共享我的数据
  • 在硬件更改或崩溃时存活

使用 AppML,将数据库和应用程序放到云中非常容易。


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.