AppML กรณีต้นแบบ
กรณีศึกษานี้แสดงให้เห็นถึงวิธีการสร้างที่สมบูรณ์ <AppML> การใช้งานอินเทอร์เน็ตมีข้อมูลที่ระบุไว้สำหรับจำนวนของตารางในฐานข้อมูลแก้ไขและฟังก์ชั่นการค้นหา
แบบเดิม
ในบทนี้เราจะสร้างแบบจำลองต้นแบบสำหรับแต่ละตารางฐานข้อมูล
ต้นแบบเริ่มต้นจากง่ายมากที่จะใช้ในการพัฒนาโปรแกรม
ต้นแบบรุ่น
ขั้นแรกให้สร้างโฟลเดอร์สำหรับต้นแบบ โฟลเดอร์เป็นชื่อต้นแบบ
จากนั้นสร้างแบบจำลองต้นแบบสำหรับตารางในฐานข้อมูลแต่ละ
ใช้ * เลือกจากแต่ละตารางและบันทึกรูปแบบเป็นไฟล์ 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>Customers</h1>
<div id="List01"></div>
<script src="appml.js"></script>
<script>
customers=new AppML("appml.php","Prototypes/Customers");
customers.run("List01");
</script>
<div id="List01"></div>
<script src="appml.js"></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" />
</head>
<body>
<h1>Demo Applications</h1>
<button onclick='myOpen("Customers")'>Customers</button>
<button onclick='myOpen("Products")'>Products</button>
<button onclick='myOpen("Suppliers")'>Suppliers</button>
<button onclick='myOpen("Shippers")'>Shippers</button>
<button onclick='myOpen("Categories")'>Categories</button>
<button onclick='myOpen("Employees")'>Employees</button>
<button onclick='myOpen("Orders")'>Orders</button>
<button onclick='myOpen("OrderDetails")'>OrderDetails</button>
<br><br>
<div id="Place01"></div>
<script src="appml.js"></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" />
</head>
<body>
<h1>Demo Applications</h1>
<button onclick='myOpen("Customers")'>Customers</button>
<button onclick='myOpen("Products")'>Products</button>
<button onclick='myOpen("Suppliers")'>Suppliers</button>
<button onclick='myOpen("Shippers")'>Shippers</button>
<button onclick='myOpen("Categories")'>Categories</button>
<button onclick='myOpen("Employees")'>Employees</button>
<button onclick='myOpen("Orders")'>Orders</button>
<button onclick='myOpen("OrderDetails")'>OrderDetails</button>
<br><br>
<div id="Place01"></div>
<script src="appml.js"></script>
<script>
function myOpen(pname)
{
var app_obj
app_obj=new AppML("appml.php","Prototypes/" + pname);
app_obj.run("Place01");
}
</script>
</body>
</html>
กำลังแสดงผล»