AngularJS SQL
O código no capítulo anterior também pode ser usado para ler dados no banco de dados.
Obtenha dados do MySQL usando PHP
Instância de AngularJS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <estilo> tabela, th, td, td {thp {throttle.min.js "> </script> <estilo>, th; colapso da fronteira: colapso; preenchimento: 5px;} tabela tr: nth-child (ímpar) {background-color: #f1f1f1;} tabela tr: nth-child (par) {background-color: #ffffff;} </style> </head> <body> <div ng-app = "myApp-controll (" "> </body> <body> <body> <ng-App =" myApp "ng-controll" = "Customerctrl>"> <Td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </ table> </div> <cript> var app = angular.module ('myApp', []); app.Controller ('CustomentCtrl', funcionário ($ scop ($ scop ($); $ http.get ("/try/angularjs/data/clientes_mysql.php") .success (function (resposta) {$ scope.names = Response.records;});}); </script> </body> </html>Resultados em execução:
| Alfreds Futterkiste | Alemanha |
| Ana Trujillo Emparedados y Holdos | México |
| Antonio Moreno Taquería | México |
| Ao redor da buzina | Reino Unido |
| Bebidas de B. | Reino Unido |
| Berglunds Snabbköp | Suécia |
| Blauer Veja Delikatessen | Alemanha |
| Blondel Père et fils | França |
| Bólido Comidas preparado | Espanha |
| Bon App ' | França |
| Marketse de dólar de fundo | Canadá |
| Cactus Comidas para Llevar | Argentina |
| Centro Comercial Moctezuma | México |
| Chinês chinês | Suíça |
| Comércio mineiro | Brasil |
Execute o SQL no Asp.net para obter dados
Instância de AngularJS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <estilo> tabela, th, td, td {thp {throttle.min.js "> </script> <estilo>, th; colapso da fronteira: colapso; preenchimento: 5px;} tabela tr: nth-child (ímpar) {background-color: #f1f1f1;} tabela tr: nth-child (par) {background-color: #fffff;} </style> </head> <body> <div ng-App = "myApp" ng-antroller = "Customerctrl>"> nomes "> <Td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </ tabela> </div> <cript> var app = angular.module ('myApp', []); app.Controlller ('CustomentCll' ', function (myApp', []; $ http.get ("http://www.runoob.com/try/angularjs/data/customers_sql.aspx") .success (function (resposta) {$ scope.names = Response.Records;});});Resultados em execução:
| Alfreds Futterkiste | Alemanha |
| Berglunds Snabbköp | Suécia |
| Centro Comercial Moctezuma | México |
| Ernst Handel | Áustria |
| Fissa Fabrica Inter. Salchichas SA | Espanha |
| Galería del Gastrónomo | Espanha |
| Negociação da ilha | Reino Unido |
| Königlich Essen | Alemanha |
| Bacchus Bacchus Cellars | Canadá |
| Magazzini alimentari riuniti | Itália |
| Norte/Sul | Reino Unido |
| Paris Spécialités | França |
| Rattlesnake Canyon Grocery | EUA |
| Simons Bistro | Dinamarca |
| O grande queijo | EUA |
| Vaffeljernet | Dinamarca |
| Wolski Zajazd | Polônia |
Código do servidor
O seguinte lista vários tipos de código do lado do servidor:
Use PHP e MySQL. Retorna JSON.
Use acesso PHP e MS. Retorna JSON.
Use acesso ASP.NET, VB e MS. Retorna JSON.
Use ASP.NET, RAZOR e SQL LITE. Retorna JSON.
Solicitações HTTP de domínio cruzado
Se você precisar obter dados de diferentes servidores (nomes de domínio diferentes), precisará usar solicitações HTTP de domínio cruzado.
As solicitações de domínio cruzado são muito comuns nas páginas da web. Muitas páginas da web carregam CSS, imagens, scripts JS, etc. de diferentes servidores.
Nos navegadores modernos, para segurança de dados, todas as solicitações são estritamente limitadas ao mesmo nome de domínio. Se você precisar chamar dados de diferentes sites, eles precisam ser resolvidos através do domínio cruzado.
O código PHP a seguir é executado usando o site para acesso cruzado.
Cabeçalho ("Access-Control-Alow-Origin: *");
Para mais soluções de acesso a domínios cruzados, consulte: Melhores soluções para problemas de domínio cruzado do PHP Ajax.
1. Instâncias de código PHP e MySQL
<? phpheader ("Acesso-control-arel-origin: *"); cabeçalho ("Tipo de conteúdo: Application/json; charset = utf-8"); $ conn = new MySqli ("MyServer", "MyUser", "MyPassword," Northwind "); $ resultado = $", ",", " ""; while ($ rs = $ result-> fetch_array (mysqli_assoc)) {if ($ outp! = "") {$ outp. = ",";} $ outp. $ outp. = '"City": "'. $ RS [" City "]. '",'; $ outp. = '"country": "'. $ rs [" país "]. '"}'; } $ outp = '{"Records": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>2 Instâncias de código de acesso PHP e MS
<? phpheader ("Access-Control-arel-origin: *"); cabeçalho ("Tipo de conteúdo: Application/json; charset = ISO-8859-1"); $ conn = new com ("adodb.connection"); $ conn-> aberto ("Provider = Microsoft.jet.oledb.4.0; $ Conn-> Execute ("Selecione CompanyName, City, País dos clientes"); $ outp = ""; while (! $ rs-> eof) {if ($ outp! = "") {$ outp. = ",";} $ outp. $ outp. = '"City": "'. $ RS [" City "]. '",'; $ outp. = '"country": "'. $ rs [" país "]. '"}'; $ rs-> moveNext ();} $ outp = '{"registros": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>3 Instâncias de código de acesso ASP.NET, VB e MS
<%@ Importar namespace = "System.io"%> <%@ Importar namespace = "System.data"%> <%@ Importar namespace = "System.data.oledb"%> <%Response.AppNendHeader ("APLICAT-CONTROL-ALLOUGIN,"*") Response.ApnEndHeader (" Conteúdo-Typete "," APLESTET "," APLESTET JONSON), "APLICAT APLICATET JONSON). OLEDBDATAADAPTERDIM Objtable como DatatabledIm objrow como Dataarowdim objdataset como novo DataSeet () Dim outpdim cconn = new OLEDBConnection ("provider = Microsoft.Jet.oledb.4; Clientes ", conn) objadapter.fill (objdataset," myTable ") objTable = objdataset.tables (" myTable ") outp =" "c = ch (34) para cada x em objtable.rowsif outp <>" então outp = outp & "," outp = outp "" "e" outp & outp & "," outp = outp "" e "outp & outp &", "outp" outp "" e "outp & outp &", "outp = outp" ou "" e "outp & outp &", "outp" outp "ou" outp & outp & outp & "," outp "outp" ou "ou" outp & outp & "," outp "outp" e "outp & outp & outp &", "outp" X ("CompanyName") & C & "," Outp = Outp & C & "City" & C & ":" & C & X ("City") & C & "," Outp = Outp & C & "country" & c & ":" & c & x ("country") & c & "}" a seguir "{" & c & "registros" e "c &" "" e "" e "" e "" e "" e "") e "e" e "" e "" e "") e "c & c & c & x (" country "e c &"} "a seguir" {"& c &" " "]}" Response.Write (outp) Conn.Close%>4.
@{Response.AppendHeader ("Access-Control-Arl-Origin", "*") Response.appendHeader ("Content-Type", "Application/json") var db = database.open ("northwind"); var ous = db.Query ("Select CompanyName, City, Country From Customer"); var out out Outs = db.Query ("Select CompanyName, City, Country From Customer"); var out out Outs = db.Query ("Select CompanyName, City, Country From Customer); Query) {if Outp <> "" então outp = outp + "," outp = outp + "{" + c + "nome" + c + ":" + c + @row.companyname + c + "," outp = outp + c + "city" + c + " + c + @line" c + "}"} outp = "{" + c + "registros" + c + ": [" + outp + "]}"@outpO exposto acima é a compilação de materiais angulares SQL. Continuaremos a adicioná -los mais tarde. Espero que possa ajudar amigos que estudam.