<AppML> 案例研究 - 原型
此案例研究演示了如何构建一个完整的 <AppML> 互联网应用程序，具有针对数据库中的若干表进行信息列举、编辑和搜索的功能。
原型
在本章中，我们将为数据库中的每个表建立一个原型模型。
原型是非常便于使用的开发应用程序的起点。
原型模型
首先，为原型创建一个文件夹。该文件夹命名为 Prototypes。
然后，为数据库中的每个表创建一个原型模型。
使用 SELECT * from 每个表，并保存模型为 XML 文件：
模型：Proto_Customers.xml
1 | <div class="example_code notranslate"><appml><br> <datasource><br> <database><br> <connection>Demo</connection><br> <sql>SELECT * FROM Customers</sql><br> </database><br> </datasource><br> </appml></div>
|
模型：Proto_Suppliers.xml
1 | <div class="example_code notranslate"><appml><br> <datasource><br> <database><br> <connection>Demo</connection><br> <sql>SELECT * FROM Suppliers</sql><br> </database><br> </datasource><br> </appml></div>
|
模型：Proto_Products.xml
1 | <div class="example_code notranslate"><appml><br> <datasource><br> <database><br> <connection>Demo</connection><br> <sql>SELECT * FROM Products</sql><br> </database><br> </datasource><br> </appml></div>
|
原型视图
创建一个原型视图，把它保存为 Demo_Prototype.html，并尝试一下：
视图：Demo_Prototype.htm
1 | <div class="example_code notranslate"><h1>Customers</h1><br><div id="List01"></div><br><br><script src="appml.js"></script><br> <script><br>customers=new AppML("appml.php","Prototypes/Customers");<br>customers.run("List01");<br></script></div>
|
现在把所有的合并在一起
最后，通过少量 JavaScript 编码，为所有原型模型创建一个简单的原型页面：
Demo_Prototype_Views.htm
1 | <div class="example_code notranslate"><!DOCTYPE html><br><html><br><head><br><link rel="stylesheet" href="appml.css" /><br></head><br><br><body><br><h1>Demo Applications</h1><br><br><button onclick='myOpen("Customers")'>Customers</button><br><button onclick='myOpen("Products")'>Products</button><br><button onclick='myOpen("Suppliers")'>Suppliers</button><br><button onclick='myOpen("Shippers")'>Shippers</button><br><button onclick='myOpen("Categories")'>Categories</button><br><button onclick='myOpen("Employees")'>Employees</button><br><button onclick='myOpen("Orders")'>Orders</button><br><button onclick='myOpen("OrderDetails")'>OrderDetails</button><br><br><br><br><br><div id="Place01"></div><br><br><script src="appml.js"></script><br> <script><br>function myOpen(pname)<br>{<br>var app_obj<br>app_obj=new AppML("appml.php","Prototypes/" + pname);<br>app_obj.run("Place01");<br>}<br> </script><br><br></body><br></html></div>
|
