Le but principal de appml est de fournir des données aux pages HTML.
Connexion appml aux données
- appml peut afficher des données à partir de variables
- appml peut afficher les données de fichiers
- appml peut afficher les données de bases de données
appml L'utilisation d'un objet JavaScript
une façon courante de séparer HTML et de données, pour stocker les données dans un objet JavaScript.
Exemple
<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>
Essayez vous - même » appml Utilisation d'un fichier JSON
Une autre manière courante de séparer HTML et données, est de stocker les données dans un fichier 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"}
]
}Avec appml, vous pouvez spécifier un fichier JSON comme source de données dans le appml-data attribut:
Exemple
<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>
Essayez vous - même » appml En utilisant une base de données
Avec un peu d'aide d'un serveur Web, vous pouvez nourrir votre application avec des données SQL.
Cet exemple utilise PHP pour lire les données à partir d'une base de données MySQL:
Exemple
<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> Essayez vous - même » Cet exemple utilise .NET pour lire les données à partir d'une base de données SQL Server:
Exemple
<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> Essayez vous - même » La puissance de appml
Vous êtes sur le point de découvrir la puissance de appml.
appml peut vous fournir des données, des contrôleurs et des modèles pour:
- Super-facile le développement d'applications HTML
- Modélisation super-facile, Prototypage et test
Vous pouvez mettre autant d'applications appml que vous le souhaitez à l'intérieur d'une page HTML.
appml ne pas interférer avec d'autres parties de la page.
Vous avez plein HTML, CSS, JavaScript et la liberté.
appml peut être utilisé pour développer des applications Web CRUD pleine échelle.
CLMS: C réer, R ead, U pdate, D elete.
Pour découvrir la puissance de appml: Voir une appml Demo .