أحدث البرامج التعليمية وتطوير الشبكة
 

AppML البيانات


والغرض الرئيسي من 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 تجريبي .