Angularjs sql
Le code du chapitre précédent peut également être utilisé pour lire des données dans la base de données.
Obtenez des données de MySQL à l'aide de PHP
Instance angularjs
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </cript> <style> Table Border-Collapse: s'effondrer; PADDING: 5PX;} TABLE TR: Nth-Child (Odd) {Background-Color: # F1F1F1;} TABLE TR: Nth-Child (même) {background-Color: #FFFFFF;} </ Style> </Ead> <Orank> <div ng-app = "MyApp" Ng-Controller = " <Td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </s table> </div> <cript> var app = angular.module ('myApp', []); app.controller ('clientctrl', function ($ Scope, $ http) { $ http.get ("/ try / angularjs / data / client_mysql.php") .success (function (réponse) {$ scope.names = réponse.records;});}); </cript> </ body> </html>Résultats en cours:
| Alfreds Futterkiste | Allemagne |
| Ana Trujillo Emparedados y hallos | Mexique |
| Antonio Moreno Taquería | Mexique |
| Autour de la corne | ROYAUME-UNI |
| Bénéresses de B | ROYAUME-UNI |
| Bergluds snabbköp | Suède |
| Blauer voir Delikatessen | Allemagne |
| Fils Blondel Père et | France |
| Bólido Comidas préparé | Espagne |
| Bon application ' | France |
| Marketse de moins du dollar | Canada |
| Cactus comidas para llevar | Argentine |
| Centro Comercial Moctezuma | Mexique |
| Chouch-usey chinois | Suisse |
| Comércio mineiro | Brésil |
Exécuter SQL dans ASP.NET pour obtenir des données
Instance angularjs
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </cript> <style> Table Border-Collapse: s'effondrer; palette: 5px;} table tr: nth-child (Odd) {background-Color: # f1f1f1;} table tr: nth-child (même) {background-Color: #ffffff;} </ style> </ head> <body> <div ng-app = "myApp" ng-controller = "customerCtrl"> <pally> <tr ng-répeat = "x in in in in Noms "> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </s table> </div> <cript> var app = angular.module ('myApp', []); app.Controller ('CustomerCtrl', function ($ SCOPE, $ HTTP) { $ http.get ("http://www.runoob.com/try/angularjs/data/CustomerS_Sql.aspx") .success (fonction (réponse) {$ scope.names = réponseRésultats en cours:
| Alfreds Futterkiste | Allemagne |
| Bergluds snabbköp | Suède |
| Centro Comercial Moctezuma | Mexique |
| Ernst Handel | Autriche |
| Fissa Fabrica Inter. Salchichas SA | Espagne |
| Galería del Gastrónomo | Espagne |
| Trading de l'île | ROYAUME-UNI |
| Königlich Essen | Allemagne |
| Rire des caves à vin de Bacchus | Canada |
| Magazzini Alimentari Riuniti | Italie |
| Nord / Sud | ROYAUME-UNI |
| Paris Spécialités | France |
| Épicerie de canyon à sonnette | USA |
| Simons Bistro | Danemark |
| Le gros fromage | USA |
| Vaffeljernet | Danemark |
| Wolski Zajazd | Pologne |
Code de serveur
Le suivant répertorie plusieurs types de code côté serveur:
Utilisez PHP et MySQL. Renvoie JSON.
Utilisez l'accès PHP et MS. Renvoie JSON.
Utilisez ASP.NET, VB et MS Access. Renvoie JSON.
Utilisez ASP.NET, Razor et SQL Lite. Renvoie JSON.
Demandes HTTP inter-domaines transversales
Si vous avez besoin d'obtenir des données à partir de différents serveurs (différents noms de domaine), vous devez utiliser des demandes HTTP inter-domaines croisées.
Les demandes de domaine croisé sont très courantes sur les pages Web. De nombreuses pages Web chargent des CS, des images, des scripts JS, etc. à partir de différents serveurs.
Dans les navigateurs modernes, pour la sécurité des données, toutes les demandes sont strictement limitées au même nom de domaine. Si vous devez appeler des données à partir de différents sites, il doit être résolu par le domaine croisé.
Le code PHP suivant s'exécute à l'aide du site Web pour l'accès inter-domaine.
En-tête ("Access-Control-Allow-Origin: *");
Pour plus de solutions d'accès inter-domaines, voir: meilleures solutions pour les problèmes de domaine croisé PHP AJAX.
1. Instances de code PHP et MySQL
<? phPheader ("Access-Control-Allow-Origin: *"); Header ("Content-Type: Application / JSON; charset = utf-8"); $ conn = new mysqli ("myserver", "myuser", "MyPassword", "Northwind"); $ Result = $ CONN-> Query ("Select CompanyName", County, Country "); $. ""; while ($ rs = $ result-> fetch_array (mysqli_assoc)) {if ($ oup! = "") {$ oup. = ",";} $ oup. = '{"name": "'. $ rs [" CompanyName "]." ", ';; $ oup. = '"ville": "'. $ rs [" ville "]. '",'; $ oup. = '"country": "'. $ rs [" country "]. '"}'; } $ oup = '{"disques": ['. $ upp. ']}'; $ Conn-> close (); echo ($ oup) ;?>2. Instances de code d'accès PHP et MS
<? phPheader ("Access-Control-Allow-Origin: *"); Header ("Content-Type: Application / JSON; charSet = ISO-8859-1"); $ conn = new Com ("ADODB.Connection"); $ Conn-> Open ("Provider = Microsoft.jet. $ Conn-> Execute ("Select CompanyName, City, Country From Clients"); $ upp = ""; while (! $ rs-> eof) {if ($ oup! = "") {$ oup. = ",";} $ oup. = '{"name": "'. $ rs [" CompanyName "]. '",';; $ oup. = '"ville": "'. $ rs [" ville "]. '",'; $ oup. = '"country": "'. $ rs [" country "]. '"}'; $ RS-> MOVENEXT ();} $ upp = '{"Records": ['. $ oup. ']}'; $ Conn-> close (); echo ($ oup) ;?>3. Instances ASP.net, VB et MS d'accès
<% @ Importer namespace = "System.io"%> <% @ Importer namespace = "System.Data"%> <% @ Importer namespace = "System.Data.oledb"%> <% Response.ApendHeader ("Access-Control-Allow-Origin", "*") Réponse.APPENDHEDHER ("Content-Type", "Application / Json") Dim Conned As Objadapter comme oledbdataadapterDim objTable en tant que dataTabledIm objrow en tant que datarowdim objdataset en tant que nouveau jeu de données () Dim Uptdim cconn = new oledbconnection ("provider = microsoft.jet.oledb.4.0; source de données = northwind.mdb") CompanyName, ville, pays des clients ", conn) objadapter.fill (objDataset," myTable ") objTable = objDataset.tables (" myTable ") outp =" "c = chr (34) pour chaque x dans objTable.rowif Outp <>" "alors outp =", "oup = oup =" & c & x("CompanyName") & c & ","outp = outp & c & "City" & c & ":" & c & x("City") & c & "," outp = outp & c & "Country" & c & ":" & c & x("Country") & c & "}"nextoutp ="{" & c & "records" & c & ":[" & outp & "]}" Response.Write (Outp) conn.close%>4. ASP.NET, VB RAZOR ET SQL LITE CODE CODE
@ {Response.ApendHeader ("Access-Control-Allow-Origin", "*") Response.ApendHeader ("Content-Type", "Application / JSON") var db = database.open ("Northwind"); var Query = DB.Query ("SELECT COMPANYNAME, CITY, CLATINGY OF CLIENTS"); Query) {if Outp <> "" alors oup = oup + "," oup = oup + "{" + c + "name" + c + ":" + c + @ row.companyname + c + "," oup = oup + c + "city" + c + ":" + c + @ row.city + c + "," oup + c + "country" + c + "+ c + @. C + "}"} oup = "{" + c + "enregistre" + c + ": [" + up + "]}" @ oupCe qui précède est la compilation des matériaux SQL angularJS. Nous continuerons de les ajouter plus tard. J'espère que cela peut aider les amis qui étudient.