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

<appml>

< ;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>
Dalam subdirektori Models (kami mengesyorkan) simpan fail sebagai Customers.xml .


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:

Instance

<!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 style

Tambahkan gaya berlatarkan pada halaman web anda dan jalankan e <AppML> apl:

instance

<!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:

< /tr>

Tiada sekatan

Anda boleh meletakkan <AppML> <AppML> tidak menjejaskan bahagian lain halaman.

<AppML> Lalai kepada halaman paparan standard apabila halaman penyelesaian tidak wujud. Ini sesuai untuk prototaip pantas.

Tetapi fungsi utama <AppML> bukan untuk paparan halaman. <AppML> kebanyakannya berbunyi Data Aplikasi Data yang dibawanya boleh direka bentuk secara bebas untuk pembentangan mereka menggunakan HTML, CSS dan JavaScript. Anda boleh:

  • Tulis HTML anda sendiri dan biarkan AppML memproses data.

  • Panggil model dan mengendalikan semua paparan.

  • Gunakan sifat dan kaedah AppML untuk mencipta gabungan lain.

Anda akan mendapati bahawa <AppML> mempunyai fungsi berkuasa yang boleh menyediakan data dan model data untuk aplikasi web anda. Anda boleh:

  • Tentukan keselamatan data untuk pengguna atau kumpulan pengguna

  • Sambung kepada semua jenis pangkalan data seperti Access, MySQL, SQL dan Oracle

  • Sambungkan fail XML dan fail Teks

  • Tentukan jenis data, format data dan sekatan data.

  • Tambah sebarang elemen baharu pada model.

Baca <AppML> Manual Rujukan

pic_web.png



web文件夹: Demo

数据文件夹: Data

图片文件夹: Images

模型文件夹: Models

应用: Demo.htm

样式: Demo.css

 

<AppML> 配置文件: appml_config.php (或者 .htmlx)

<AppML> 样式文件: appml.css

<AppML> 浏览器控制器: appml.js

<AppML> 服务器控制器: appml.php (or .htmlx)

pic_web.png <🎜>
<🎜><🎜><🎜>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)<🎜>