Cara menggunakan AppML
Bab ini akan menunjukkan cara membuat aplikasi <AppML> dalam 4 langkah mudah berikut.
Bab seterusnya akan menerangkan cara memuat turun <AppML> dan mula membangunkan aplikasi web pada komputer anda sendiri.
1 Cipta model (Model)
Buat fail dengan kandungan berikut
< ;sumber data>
<pangkalan data>
<sambungan>Demo</sambungan>
<sql>PILIH Nama Pelanggan,Nama Kenalan,Bandar,Negara DARIPADA Pelanggan</sql>
<pesanan oleh>Nama Pelanggan<</data mengikut>
</datasource>
<penapis>
<pertanyaan>
<field>Nama Pelanggan</field>
</query>
</filters>
</appml>
Penghuraian model<appml> teg mentakrifkan model. <sumber data> mentakrifkan sumber data model. <pangkalan data> teg mentakrifkan pangkalan data. <teg sambungan> mentakrifkan pautan ke pangkalan data. <sql>Tag mentakrifkan pertanyaan data<orderby>Tag mentakrifkan pengisihan lalai. Teg <pertanyaan> mentakrifkan penapis pertanyaan yang sah.
2. Buat halaman WEB Dalam <AppML> apl pertama, buat halaman HTML:
<!DOCTYPE html> <html> <body> <h1>My First Web Application</h1> <table> <tr> <th>Customer</th> <th>City</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Berlin</td> <td>Germany</td> </tr> </table> </body> </html>
Jalankan instance»Klik butang "Run instance" untuk melihat instance dalam talian
3 styleTambahkan gaya berlatarkan pada halaman web anda dan jalankan e <AppML> apl:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="appml.css"> </head> <body> <h1>My First Web Application</h1> <table class="appmltable"> <tr> <th>Customer</th> <th>City</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Berlin</td> <td>Germany</td> </tr> </table> </body> </html>
Instance »Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
4 >pada web anda Tambah skrip pada halaman untuk menjalankan apl <AppML> >
Klik butang "Jalankan" Contoh" untuk melihat contoh dalam talian
Analisis contoh
<AppML> Fungsi ini boleh dipanggil dari halaman web anda.
<script src="appml.js"> Memuatkan pustaka <AppML>
Pernyataan JavaScript: app=new AppML("appml.htmlx","Models/Customers.xml"); Cipta objek aplikasi AppML, Kemudian laksanakan skrip pelayan web "appml.htmlx" untuk memuatkan data fail "Customers.xml".
Pernyataan JavaScript app.run("Place01","Template01"); Masukkan data ke dalam elemen HTML dengan id="Place01", Gunakan elemen atribut id="Template01" sebagai templat.
Atribut id="appml_row" mentakrifkan setiap bahagian data yang dimasukkan ke dalam elemen HTML.
# Data dalam teg akan digantikan dengan data model.
Semua di atas, bolehkah anda bayangkan prototaip yang lebih pantas?
Bagaimana ia berfungsi?
Apabila halaman web dimuatkan, anda boleh memuatkan pengawal <AppML>
Menggunakan pengawal <AppML>
Apabila anda menjalankan <AppML> objek dalam halaman, ia akan meminta pengawal data pelayan.
<AppML> objek menerima data daripada pelayan (menggunakan model data).
<AppML> objek (atau kod anda) memaparkan data pada halaman.
(pilihan) Pengguna web boleh menukar data.
(pilihan) <AppML> boleh menghantar data dalam latar belakang pelayan.
(pilihan) Pengawal pelayan boleh menyimpan data di bahagian pelayan.
Fail dan folder Web biasa:
| <🎜> | <🎜><🎜>folder web: <🎜>Demo<🎜> <🎜> <🎜>Folder data: <🎜>Data<🎜><🎜><🎜>Folder imej: <🎜>Imej<🎜><🎜><🎜>Folder model: <🎜> Model<🎜 ><🎜><🎜 >Aplikasi: <🎜>Demo.htm<🎜><🎜><🎜>Gaya: <🎜>Demo.css<🎜><🎜><🎜> <🎜><🎜><AppML> ; >appml_config.php <🎜>(atau .htmlx)<🎜><🎜><AppML> Fail gaya: <🎜>appml.css<🎜><🎜><🎜><Pengawal penyemak imbas: <🎜> appml.js<🎜><🎜><🎜><AppML> Pengawal pelayan: <🎜>appml.php<🎜> (atau .htmlx)<🎜> | < /tr>