Scopul principal al appML este de a furniza date cu pagini HTML.
Conectarea la appML datelor
- appML poate afișa date din variabile
- appML poate afișa date din fișiere
- appML poate afișa date din bazele de date
appML cu ajutorul unui obiect JavaScript
un mod comun de a separa HTML și de date, este de a stoca datele într-un obiect JavaScript.
Exemplu
<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>
Încearcă - l singur » appML Utilizarea unui fișier JSON
Un alt mod obișnuit de a separa HTML și de date, este de a stoca datele într-un fișier 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"}
]
}Cu appML, puteți specifica un fișier JSON ca sursă de date în appml-data atribut:
Exemplu
<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>
Încearcă - l singur » appML Utilizarea unei baze de date
Cu puțin ajutor de la un server de web, puteți alimenta aplicația cu date SQL.
Acest exemplu utilizează PHP pentru a citi datele dintr-o bază de date MySQL:
Exemplu
<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> Încearcă - l singur » Acest exemplu utilizează NET pentru a citi date dintr-o bază de date SQL Server:
Exemplu
<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> Încearcă - l singur » Puterea appML
Ești pe cale să descopere puterea appML.
appML vă pot furniza date, controlere, și modele pentru:
- Super ușor de dezvoltare aplicații HTML
- Super-ușor Modelare, Prototyping și Testare
Puteți pune cât mai multe aplicații appML doriți în interiorul unei pagini HTML.
appML nu interferează cu alte părți ale paginii.
Ai HTML complet, CSS, JavaScript și libertate.
appML pot fi folosite pentru a dezvolta aplicatii web CRUD la scară completă.
CRUD: C Reate, R EAD, U pdate, D élete.
Pentru a descoperi puterea appML: Vezi un Demo appML .