Latest web development tutorials

bagaimana AppML

Bagian ini akan menjadi sebagai berikut empat langkah sederhana menunjukkan cara membuat <AppML> aplikasi.

Bab berikutnya menjelaskan cara untuk men-download <AppML>, dan mulai mengembangkan aplikasi Web pada komputer Anda sendiri.


1. Buat model (Model)

Buat file dengan isi sebagai berikut

<appml>

<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT CustomerName,ContactName,City,Country FROM Customers</sql>
<orderby>CustomerName</orderby>
</database>
</datasource>

<filters>
<query>
<field>CustomerName</field>
</query>
</filters>

</appml>

Dalam Model subdirektori (kami sarankan) menyimpan file sebagai Customers.xml.


Analisis Model

<Appml> mendefinisikan model.

<DataSource> mendefinisikan model sumber data.

<Database> Database tag definisi.

<Connection> mendefinisikan sebuah link database.

<Sql> mendefinisikan permintaan data

<Orderby> mendefinisikan jenis default.

<Query> mendefinisikan sebuah filter permintaan yang sah.


2. Buat halaman WEB

Pada bagian pertama <AppML> aplikasi, membuat halaman HTML:

contoh

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

Coba »


3. Tambahkan gaya

Menambahkan Cascading Style di halaman web Anda, dalam pelaksanaan e <AppML> aplikasi:

contoh

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

Coba »


4. Tambahkan script, dan kemudian jalankan aplikasi

Menambahkan script ke halaman web Anda untuk menjalankan <AppML> aplikasi:

contoh

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="appml.css">
</head>

<body>
<h1>My First Web Application</h1>

<div id="Place01">

<table id="Template01" class="appmltable">
<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>
</div>

<script src="appml.js"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>


</body>
</html>

Coba »


Contoh analisis

<AppML> perpustakaan berisi sejumlah fungsi. Fungsi-fungsi ini kemudian dapat memanggil halaman web Anda.

<Script src = "appml.js"> dimuat <AppML> perpustakaan.

Pernyataan JavaScript: app = baru AppML ( "appml.htmlx ", "Model / Customers.xml"); AppML membuat objek aplikasi, dan kemudian melakukan web server-side scripting "appml.htmlx" untuk memuat data "Customers.xml" file.

JavaScript pernyataan app.run ( "Place01", "Template01 "); memasukkan data ke dalam id = "Place01" elemen HTML, menggunakan id = "Template01" atribut dari elemen sebagai template.

Properti id = "appml_row" mendefinisikan masing-masing data ke dalam elemen HTML.

Data # tag data akan digunakan untuk menggantikan model.

Semua hal di atas, Anda bisa membayangkan lebih cepat prototipe itu?


Bagaimana cara kerjanya?

  • Ketika halaman web dimuat, maka Anda dapat memuat halaman <AppML> kontroler.
  • Gunakan <AppML> controller, maka Anda dapat membuat halaman <AppML> objek.
  • Ketika Anda menjalankan <AppML> objek pada halaman, itu permintaan pengontrol data server.
  • <AppML> objek menerima data (data model) dari server.
  • <AppML> Obyek (atau kode Anda) untuk menampilkan data pada halaman.
  • (Opsional) pengguna web dapat mengubah data.
  • (Opsional) <AppML> server dapat mengirim data di latar belakang.
  • (Opsional) Server Controller dapat menyimpan data pada sisi server.

Khas file Web dan folder:

folder


folder web: Demo

folder Data: Data

Gambar Folder: Images

folder Model: Model

Aplikasi: Demo.htm

Style: Demo.css

<AppML> Profil: appml_config.php (atau .htmlx)

<AppML> Berkas Style: appml.css

<AppML> Pengendali Browser: appml.js

<AppML> Server Controller: appml.php (atau .htmlx)


Tidak ada batasan

<AppML> objek dapat ditempatkan di halaman HTML. <AppML> tidak mempengaruhi sisa halaman.

<AppML> default ke halaman tampilan standar ketika program halaman tidak ada. Ini sangat cocok untuk prototyping cepat.

Tapi <AppML> Fungsi utama tidak digunakan untuk menampilkan halaman. <AppML> terutama membaca data aplikasi. Ini membawa data dapat bebas untuk menggunakan HTML, CSS, dan JavaScript untuk merancang tampilan mereka. Anda dapat:

  • Saya telah menulis HTML, biarkan pengolahan data AppML.
  • Sebut Model dan menangani semua layar.
  • sifat AppML dan metode, dan membuat kombinasi lainnya.

Anda akan segera menemukan <AppML> dengan fitur canggih, dapat memberikan data dan model untuk aplikasi web Anda. Anda dapat:

  • Untuk pengguna atau kelompok pengguna untuk menentukan keamanan data
  • Menghubungkan semua jenis database, seperti Access, MySQL, SQL, dan Oracle
  • Koneksi file XML dan file teks
  • jenis didefinisikan data, format data, batas data.
  • Menambahkan elemen baru untuk model.

Baca <AppML> Referensi