ล่าสุดการพัฒนาเว็บบทเรียน
 

AppMLการอ้างอิง


แอตทริบิวต์ HTML AppML

ตัวอย่าง

<div appml-include-html="inc_header.htm"></div>

<h1>Customers</h1>
<table appml-data="customers.js" appml-controller="myController">
  <tr>
    <th>Customer</th>
    <th>City</th>
    <th>Country</th>
  </tr>
  <tr appml-repeat="records">
    <td>{{CustomerName}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
  </tr>
</table>

<div appml-include-html="inc_footer.htm"></div>
ลองตัวเอง»
คุณลักษณะ ลักษณะ อธิบาย
appml คอนโทรลเลอร์ กำหนดตัวควบคุม AppML ควบคุม AppML
appml ข้อมูล กำหนดแหล่งข้อมูลสำหรับแอพลิเคชัน ข้อมูล AppML
appml- ได้แก่ -HTML กำหนด HTML ที่จะรวม AppML รวม
appml ซ้ำ กำหนดองค์ประกอบ HTML จะซ้ำ AppML Howto

ข้อความ AppML

ตัวอย่าง

function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
ลองตัวเอง»
ข่าวสาร ส่ง
พร้อมแล้ว หลังจาก AppML เริ่มต้นขึ้นและพร้อมที่จะโหลดข้อมูล
เพียบ หลังจาก AppML เป็นแปล้พร้อมที่จะแสดงข้อมูล
แสดง ก่อน AppML แสดงรายการข้อมูล
เสร็จแล้ว หลังจาก AppML จะทำ (finished displaying)
เสนอ ก่อนที่จะส่งข้อมูล AppML
ความผิดพลาด หลังจาก AppML พบข้อผิดพลาด

ข้อความ AppML มีการอธิบายในบทที่เกี่ยวกับ ข้อความ AppML


AppML รุ่น

ตัวอย่าง

{
"security": "admin",
"rowsperpage" : 10,

"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}},

"filteritems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}],

"sortitems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}]
}

คุณสมบัติ AppML รุ่น

ธาตุ ลักษณะ
"data" กำหนดแหล่งที่มาของไฟล์แบนสำหรับรูปแบบ
"database" กำหนดแหล่งที่มาของฐานข้อมูลสำหรับรูปแบบ
"filteritems" กำหนดข้อ จำกัด กรอง
"rowsperpage" กำหนดจำนวนแถวที่จะเป็นความจริงต่อหน้า
"security" กำหนดความปลอดภัยสำหรับรูปแบบ
"sortitems" กำหนดข้อ จำกัด การเรียงลำดับ

Application Security

คุณจะต้องมีการบันทึกไว้ในฐานะสมาชิกคนหนึ่งของ "admin" กลุ่มเพื่อเข้าถึงโปรแกรมนี้:

ตัวอย่าง

{
"security": "admin",
"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}
}

รุ่นเอกชน

คุณสามารถเพิ่มข้อมูลส่วนตัวของคุณเองเพื่อรูปแบบ

ตัวอย่างนี้แสดงให้เห็นข้อ จำกัด ของข้อมูล:

ตัวอย่าง

"restrictions" : {
    "fname" : {"maxlength": 40},
    "price" : {"max": 999,"min": 100}
    }

ข้อมูลรุ่นสามารถใช้งานโดยการใช้งานเซิร์ฟเวอร์และควบคุม AppML ของคุณ

ตัวอย่างนี้ใช้ข้อมูลในการตรวจสอบรูปแบบการป้อนข้อมูล:

ตัวอย่าง

function myController($appml) {
    if ($appml.message == "submit") {
        var price = document.getElementById("price").value;
        if (price < $appml.model.restrictions.price.min) {
            $appml.displayError(15, "Price too low!");
            return;
        }
}