วิธี AppML

ส่วนนี้จะเป็นต่อไปนี้สี่ขั้นตอนง่ายๆแสดงให้เห็นถึงวิธีการสร้างโปรแกรมประยุกต์ <AppML>

บทต่อไปอธิบายวิธีการดาวน์โหลด <AppML> และเริ่มพัฒนาโปรแกรมเว็บบนคอมพิวเตอร์ของคุณเอง

1. สร้างโมเดล (Model)

สร้างไฟล์ที่มีเนื้อหาดังต่อไปนี้

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

ในรูปแบบไดเรกทอรีย่อย (ขอแนะนำ) บันทึกแฟ้มเป็น customers.xml

การวิเคราะห์แบบจำลอง

<Appml> tag กำหนดรูปแบบ

<แหล่งข้อมูล> tag กำหนดรูปแบบแหล่งข้อมูล

<ฐานข้อมูล> ฐานข้อมูลนิยามแท็ก

<การเชื่อมต่อ> แท็กกำหนดการเชื่อมโยงฐานข้อมูล

<Sql> แท็กกำหนดการค้นหาข้อมูล

<orderby> tag กำหนดเรียงลำดับเริ่มต้น

<คำค้นหา> แท็กฟิลเตอร์กำหนดแบบสอบถามถูกต้องตามกฎหมาย

2. สร้างหน้าเว็บของ

ในส่วน <AppML> app แรกสร้างหน้า 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>

ลอง»

3. เพิ่มรูปแบบ

การเพิ่มรูปแบบ Cascading ในหน้าเว็บของคุณในการดำเนินงานของ e <AppML> app:

ตัวอย่าง

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

ลอง»

4. เพิ่มสคริปต์แล้วรันโปรแกรม

เพิ่มสคริปต์ในหน้าเว็บของคุณทำงาน <AppML> App:

ตัวอย่าง

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

ลอง»

ตัวอย่างของการวิเคราะห์

<AppML> ห้องสมุดมีจำนวนของฟังก์ชั่น ฟังก์ชั่นเหล่านี้แล้วสามารถเรียกหน้าเว็บของคุณ

<script src = "appml.js"> โหลดห้องสมุด <AppML>

คำสั่ง JavaScript: app ใหม่ = AppML ( "appml.htmlx ", "รุ่น / customers.xml"); AppML สร้างวัตถุแอพลิเคชันและจากนั้นทำการเว็บเซิร์ฟเวอร์สคริปต์ฝั่ง "appml.htmlx" เพื่อโหลดข้อมูล "customers.xml" แฟ้ม

คำสั่ง JavaScript app.run ( "Place01", "Template01 "); แทรกข้อมูลลงใน id = "Place01" องค์ประกอบ HTML ใช้แอตทริบิวต์ id = "Template01" ขององค์ประกอบเป็นแม่แบบ

ทรัพย์สิน Id = "appml_row" กำหนดข้อมูลในแต่ละองค์ประกอบ HTML

ข้อมูลข้อมูล # แท็กจะใช้ในการเปลี่ยนรูปแบบ

ทั้งหมดข้างต้นคุณสามารถจินตนาการได้เร็วขึ้นต้นแบบมันได้หรือไม่

มันทำงานอย่างไร?

เมื่อหน้าเว็บที่มีการโหลดแล้วคุณสามารถโหลดตัวควบคุมหน้า <AppML>
การใช้งาน <AppML> ควบคุมแล้วคุณสามารถสร้างหน้า <AppML> วัตถุ
เมื่อคุณเรียก <AppML> วัตถุบนหน้าเว็บก็จะร้องขอตัวควบคุมข้อมูลเซิร์ฟเวอร์
<AppML> วัตถุได้รับข้อมูล (รูปแบบข้อมูล) จากเซิร์ฟเวอร์
<AppML> วัตถุ (หรือรหัสของคุณ) เพื่อแสดงข้อมูลบนหน้าเว็บ
(อุปกรณ์เสริม) ผู้ใช้เว็บสามารถเปลี่ยนข้อมูล
(อุปกรณ์เสริม) <AppML> เซิร์ฟเวอร์สามารถส่งข้อมูลในพื้นหลัง
(อุปกรณ์เสริม) เซิร์ฟเวอร์ของตัวควบคุมสามารถเก็บข้อมูลในฝั่งเซิร์ฟเวอร์

ทั่วไปเว็บไฟล์และโฟลเดอร์:

โฟลเดอร์

เว็บโฟลเดอร์: สาธิต

โฟลเดอร์ข้อมูล: ข้อมูล

โฟลเดอร์ภาพ: ภาพ

รุ่นโฟลเดอร์: รุ่น

การใช้งาน: Demo.htm

สไตล์: Demo.css

<AppML> ข้อมูลส่วนตัว: appml_config.php (หรือ .htmlx)

<AppML> ไฟล์สไตล์: appml.css

<AppML> ควบคุมเบราเซอร์: appml.js

<AppML> ควบคุมเซิร์ฟเวอร์: appml.php (หรือ .htmlx)

ไม่มีข้อ จำกัด คือ

<AppML> วัตถุสามารถอยู่ในหน้าเว็บ HTML <AppML> ไม่ได้ส่งผลกระทบต่อส่วนที่เหลือของหน้า

<AppML> เริ่มต้นที่หน้าจอแสดงผลมาตรฐานเมื่อโปรแกรมหน้าไม่อยู่ นี้เหมาะสำหรับการสร้างต้นแบบอย่างรวดเร็ว

แต่ <AppML> หน้าที่หลักคือไม่ได้ใช้ในการแสดงหน้าเว็บ <AppML> ส่วนใหญ่อ่านข้อมูลแอปพลิเค. จะนำข้อมูลที่สามารถเป็นอิสระในการใช้ภาษา HTML, CSS และ JavaScript ในการออกแบบการแสดงผลของพวกเขา คุณสามารถ: