Tutorial AppML kasus Template Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari
Tambahkan Template HTML,Daftar pelanggan,HTML - View,Daftar pelanggan dan klien bentuk,HTML - View,daftar pelanggan dan pesanan pelanggan,HTML - View,Sekarang semua bergabung bersama-sama,daftar pelanggan dan order form,
AppML kasus Template
Studi kasus ini menunjukkan bagaimana untuk membangun lengkap <AppML> aplikasi Internet, dengan informasi yang tercantum untuk sejumlah tabel dalam database, mengedit, dan pencarian fungsi.
Tambahkan Template HTML
Dalam bab ini, kita akan menunjukkan bagaimana menambahkan template HTML ke halaman HTML.
Daftar pelanggan
HTML - View
<h1>Customers</h1>
<div id="List01"></div><br>
<table
id="Template01" class="appmltable" style="display:none">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr id="appml_row">
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
</tr>
</table>
<script src="appml.js"></script>
<script>
var customers
customers=new AppML("appml.php","Models/Customers");
customers.run("List01","Template01");
</script>
Coba »
Daftar pelanggan dan klien bentuk
Dengan pandai menggunakan template, Anda dapat dengan mudah menambahkan link <AppML> daftar objek dan <AppML> bentuk antara:
HTML - View
<h1>Customers</h1>
<div id="Form01"></div><br>
<div
id="List01"></div><br>
<table id="Template01" class="appmltable"
style="width:100%;display:none">
<tr>
<th></th>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr id="appml_row">
<td
style="cursor:pointer" onclick="openForm('#CustomerID#')">
<img
src="images/appmlFolder.png"></td>
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
</tr>
</table>
<script
src="appml.js"></script>
<script>
var customers,customerForm;
customers=new AppML("appml.php","Models/Customers");
customers.run("List01","Template01");
function openForm(id)
{
customerForm=new AppML("appml.php","Models/Customers");
customerForm.displayType="form";
customerForm.run("Form01","",id);
}
</script>
Coba »
daftar pelanggan dan pesanan pelanggan
Dengan pandai menggunakan template, Anda dapat dengan mudah menambahkan link <AppML> daftar objek dan daftar link antara:
HTML - View
<h1>Customers</h1>
<div id="List01"></div><br>
<div
id="Orders01"></div><br>
<table id="Template01" class="appmltable"
style="width:100%;display:none">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
<th></th>
</tr>
<tr
id="appml_row">
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
<td><a href=''
onclick='openOrders("#CustomerID#");return false;'>Orders</a></td>
</tr>
</table>
<table id="Template02" class="appmltable"
style="width:100%;display:none">
<tr>
<th>Customer</th>
<th>Date</th>
<th>Salesperson</th>
<th>Shipper</th>
</tr>
<tr
id="appml_row">
<td>#CustomerName#</td>
<td>#OrderDate#</td>
<td>#Salesperson#</td>
<td>#ShipperName#</td>
</tr>
</table>
<script src="appml.js"></script>
<script>
var customers,orders;
customers=new AppML("appml.php","Models/Customers");
customers.run("List01","Template01");
function openOrders(id)
{
orders=new AppML("appml.php","Models/Orders");
orders.setQuery("orders.customerid",id);
orders.commands=false;
orders.run("Orders01","Template02");
}
</script>
Coba »
Sekarang semua bergabung bersama-sama
Akhirnya, sejumlah kecil duplikasi kode, kita dapat menyelesaikan proyek.
daftar pelanggan dan order form
<h1>Customers</h1>
<div id="List01">
<table id="appml_list"
class="appmllist">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
<th></th>
</tr>
<tr id="appml_row">
<td>#CustomerName#</td>
<td>#City#</td>
<td>#Country#</td>
<td><a
href='' onclick='openOrders("#CustomerID#");return false;'>Orders</a></td>
</tr>
</table>
</div>
<div
id="List02"></div>
<script src="appml.js"></script>
<script>
var Customers,Orders
Customers=new AppML("appml.php","Models/Customers");
Customers.run("List01");
function openOrders(id)
{
var Orders=new
AppML("appml.php","Models/Orders");
Orders.setQuery("orders.customerid",id);
Orders.commands=false;
Orders.run("List02");
}
</script>
Coba » Pada bagian berikutnya, Anda dapat melihat lebih banyak aplikasi dengan kode sumber penuh.