Prototaip kes AppML


Kajian kes ini menunjukkan cara membina aplikasi Internet <AppML> yang lengkap dengan keupayaan untuk menyenaraikan, mengedit dan mencari maklumat merentas beberapa jadual dalam pangkalan data.

Prototaip

Dalam bab ini, kami akan membina model prototaip untuk setiap jadual dalam pangkalan data.

Prototaip ialah titik permulaan yang sangat mesra pengguna untuk membangunkan aplikasi.

Model Prototaip

Mula-mula, buat folder untuk prototaip. Folder itu dinamakan Prototaip.

Kemudian, cipta model prototaip untuk setiap jadual dalam pangkalan data.

Gunakan SELECT * daripada setiap jadual dan simpan model sebagai fail XML:

Model: Proto_Customers.xml

<appml>
< ;
<pangkalan data>
<sambungan>Demo</sambungan>
<sql>PILIH * DARI Pelanggan</sql>
</database>
</datasource>
</appml>

Model: Proto_Suppliers.xml

<appml>
sumber data>
<pangkalan data>
<sambungan>Demo</sambungan>
<sql>PILIH * DARI Pembekal</sql>
</database>
</datasource>
</appml>

Model: Proto_Products.xml

<appml><;🎜> sumber data>
<pangkalan data>
<sambungan>Demo</sambungan>
<sql>PILIH * DARI Produk</sql>
</database>
</datasource>
</appml>


Paparan Prototaip

Buat prototaip lihat, simpan sebagai Demo_Prototype.html dan cuba:

Instance

视图：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>

Run Instance»Klik " Butang Jalankan Contoh" untuk melihat contoh dalam talian

Sekarang gabungkan semuanya

Akhir sekali, dengan sedikit pengekodan JavaScript, buat halaman prototaip mudah untuk semua model prototaip :

Instance

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>

Run Instance»Klik butang "Run Instance" untuk melihat contoh dalam talian



←
→