والغرض الرئيسي من appML هو توفير البيانات للصفحات HTML.
ربط appML إلى البيانات
- appML يمكن عرض البيانات من المتغيرات
- appML يمكن عرض البيانات من الملفات
- appML يمكن عرض البيانات من قواعد البيانات
appML باستخدام كائن جافا سكريبت
وسيلة مشتركة لفصل HTML والبيانات، لتخزين البيانات في كائن جافا سكريبت.
مثال
<table appml-data=" dataObj ">
<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>
<script>
var dataObj = {
"records":[
{"CustomerName":"alfreds Futterkiste","City":"Berlin","Country":"Germany"},
{"CustomerName":"ana Trujillo Emparedados y helados","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"antonio Moreno Taqueria","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"around the Horn","City":"London","Country":"UK"},
{"CustomerName":"B's
Beverages","City":"London","Country":"UK"},
{"CustomerName":"Berglunds
snabbkop","City":"Lulea","Country":"Sweden"},
{"CustomerName":"Blauer See
Delikatessen","City":"Mannheim","Country":"Germany"},
{"CustomerName":"Blondel
pere et fils","City":"Strasbourg","Country":"France"},
{"CustomerName":"Bolido
Comidas preparadas","City":"Madrid","Country":"Spain"},
{"CustomerName":"Bon
app'","City":"Marseille","Country":"France"},
{"CustomerName":"Bottom-Dollar
Marketse","City":"Tsawassen","Country":"Canada"},
{"CustomerName":"Cactus
Comidas para llevar","City":"Buenos aires","Country":"argentina"},
{"CustomerName":"Centro
comercial Moctezuma","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"},
{"CustomerName":"Comercio Mineiro","City":"Sao Paulo","Country":"Brazil"}
]};
</script>
انها محاولة لنفسك » appML استخدام ملف JSON
طريقة أخرى شائعة لفصل HTML والبيانات، لتخزين البيانات في ملف JSON:
customers.js
{
"records":[
{"CustomerName":"alfreds Futterkiste","City":"Berlin","Country":"Germany"},
{"CustomerName":"ana Trujillo Emparedados y helados","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"antonio Moreno Taqueria","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"around the Horn","City":"London","Country":"UK"},
{"CustomerName":"B's Beverages","City":"London","Country":"UK"},
{"CustomerName":"Berglunds
snabbkop","City":"Lulea","Country":"Sweden"},
{"CustomerName":"Blauer See
Delikatessen","City":"Mannheim","Country":"Germany"},
{"CustomerName":"Blondel
pere et fils","City":"Strasbourg","Country":"France"},
{"CustomerName":"Bolido
Comidas preparadas","City":"Madrid","Country":"Spain"},
{"CustomerName":"Bon
app'","City":"Marseille","Country":"France"},
{"CustomerName":"Bottom-Dollar
Marketse","City":"Tsawassen","Country":"Canada"},
{"CustomerName":"Cactus
Comidas para llevar","City":"Buenos aires","Country":"argentina"},
{"CustomerName":"Centro
comercial Moctezuma","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"},
{"CustomerName":"Comercio Mineiro","City":"Sao Paulo","Country":"Brazil"}
]
}
مع appML، يمكنك تحديد ملف JSON كمصدر للبيانات في appml-data السمة:
مثال
<table appml-data="customers.js ">
<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>
انها محاولة لنفسك » appML عن طريق قاعدة بيانات
مع القليل من المساعدة من خادم ويب، يمكنك إطعام التطبيق الخاص بك مع البيانات SQL.
يستخدم هذا المثال PHP لقراءة البيانات من قاعدة بيانات MySQL:
مثال
<table appml-data=" http://www.w3ii.com/appml/customers.php" >
<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>
انها محاولة لنفسك » يستخدم هذا المثال .NET لقراءة البيانات من قاعدة بيانات SQL Server:
مثال
<table appml-data=" http://www.w3ii.com/appml/customers.aspx" >
<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>
انها محاولة لنفسك » قوة appML
أنت على وشك اكتشاف قوة appML.
appML يمكن أن توفر لك مع البيانات، والتحكم، ونماذج ل:
- سوبر سهلة تطوير تطبيق HTML
- سوبر سهلة النمذجة، النماذج، والاختبار
يمكنك وضع العديد من التطبيقات appML ما تشاء داخل صفحة HTML.
appML لا تتداخل مع أجزاء أخرى من الصفحة.
لديك HTML كامل، CSS، وجافا سكريبت الحرية.
appML يمكن استخدامها لتطوير تطبيقات واسعة النطاق CRUD على شبكة الإنترنت.
CRUD: C reate، R هيئة البيئة، U pdate، D ذف.
لاكتشاف قوة appML: عرض لappML تجريبي .