Angularjs SQL
이전 장의 코드를 사용하여 데이터베이스의 데이터를 읽을 수도 있습니다.
PHP를 사용하여 MySQL에서 데이터를 가져옵니다
AngularJS 인스턴스
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimgs/libs/angular.js/1.4.6/angular.min.js"> </script> <script> <script> <script> <table, td {porder : 1px solidgry; 국경-콜라스 : 붕괴; 패딩 : 5px;} 테이블 tr : nth-Child (홀수) {배경 색 : #f1f1f1;} 테이블 tr : nth-child (짝) {back <td> {{x.name}} </td> <td> {{x.country}} </td> </td> </table> </div> <cript> var app = angular.module ( 'myApp', []); App.Controller ( 'customsctrl', function ($ http) {$ http). $ http.get ( "/try/angularjs/data/customer_mysql.php") .success (function (respone) {$ scope.names = respons.records;}); </script> </body> </html>실행 결과 :
| Alfreds Futterkiste | 독일 |
| Ana Trujillo Emparedados y Holdos | 멕시코 |
| Antonio Moreno Taquería | 멕시코 |
| 뿔 주위 | 영국 |
| B의 음료 | 영국 |
| Berglunds Snabbköp | 스웨덴 |
| Blauer Delikatessen을 참조하십시오 | 독일 |
| Blondel Père et Fils | 프랑스 |
| 볼리도 코미다 준비 | 스페인 |
| Bon App ' | 프랑스 |
| 최하위 마켓 세 | 캐나다 |
| 선인장 Comidas Para Llevar | 아르헨티나 |
| Centro Comercial Moctezuma | 멕시코 |
| Chop-Suey Chinese | 스위스 |
| Comércio Mineiro | 브라질 |
ASP.NET에서 SQL을 실행하여 데이터를 얻습니다
AngularJS 인스턴스
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimgs/libs/angular.js/1.4.6/angular.min.js"> </script> <script> <script> <script> <table, td {porder : 1px solidgry; 국경-콜라스 : 붕괴; 패딩 : 5px;} 테이블 tr : nth-Child (홀수) {배경 색 : #f1f1f1;} 테이블 tr : nth-child (균일) {back 이름 "> <td> {{x.name}} </td> <td> {{x.country}} </td> </tr> </table> </div> <cript> var app = angular.module ( 'myApp', []); app.controller ( 'customerctrl', function ($ http) {$ http). $ http.get ( "http://www.runoob.com/try/angularjs/data/customers_sql.aspx")실행 결과 :
| Alfreds Futterkiste | 독일 |
| Berglunds Snabbköp | 스웨덴 |
| Centro Comercial Moctezuma | 멕시코 |
| Ernst Handel | 오스트리아 |
| Fissa Fabrica Inter. 살 치카스 SA | 스페인 |
| Galería del Gastrónomo | 스페인 |
| 섬 거래 | 영국 |
| Königlich Essen | 독일 |
| Bacchus 와인 지하실 웃음 | 캐나다 |
| Magazzini Alimentari Riuniti | 이탈리아 |
| 북/남쪽 | 영국 |
| 파리 spécialités | 프랑스 |
| 방울뱀 캐년 식료품 점 | 미국 |
| 시몬스 비스트로 | 덴마크 |
| 큰 치즈 | 미국 |
| Vaffeljernet | 덴마크 |
| Wolski Zajazd | 폴란드 |
서버 코드
다음은 여러 서버 측 코드 유형을 나열합니다.
PHP와 MySQL을 사용하십시오. JSON을 반환합니다.
PHP 및 MS 액세스를 사용하십시오. JSON을 반환합니다.
ASP.NET, VB 및 MS 액세스를 사용하십시오. JSON을 반환합니다.
ASP.NET, Razor 및 SQL Lite를 사용하십시오. JSON을 반환합니다.
크로스 도메인 HTTP 요청
다른 서버 (다른 도메인 이름)에서 데이터를 가져와야하는 경우 크로스 도메인 HTTP 요청을 사용해야합니다.
크로스 도메인 요청은 웹 페이지에서 매우 일반적입니다. 많은 웹 페이지가 다른 서버에서 CSS, 그림, JS 스크립트 등을로드합니다.
최신 브라우저에서 데이터 보안의 경우 모든 요청은 동일한 도메인 이름으로 엄격하게 제한됩니다. 다른 사이트의 데이터를 호출 해야하는 경우 크로스 도메인을 통해 해결해야합니다.
다음 PHP 코드는 크로스 도메인 액세스를 위해 웹 사이트를 사용하여 실행됩니다.
헤더 ( "액세스-제어-홀로-오리 진 : *");
더 많은 크로스 도메인 액세스 솔루션은 PHP AJAX 크로스 도메인 문제에 대한 최상의 솔루션을 참조하십시오.
1. PHP 및 MySQL 코드 인스턴스
<? phpheader ( "Access-control-allow-origin : *"); 헤더 ( "content-type : application/json; charset = utf-8"); $ conn = new mysqli ( "myserver", "myuser", "mypassword", "northwind"); $ result = $ conn-> query ( "$ conformed, 시골,"); ""; $ outp. = ' "City": "'. $ rs ["City "]. '",'; $ outp. = ' "Country": "'. $ rs ["Country "]. '"}'; } $ outp = '{ "레코드": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>2. PHP 및 MS 액세스 코드 인스턴스
<? phpheader ( "Access-control-allow-origin : *"); 헤더 ( "content-type : application/json; charset = iso-8859-1"); $ conn = new com ( "adodb.connection"); $ conn-> open ( "provider = microsoft.jet.oledb.4.0; data source = northwind.mdb"); $ conn-> execute ( "CompanyName, City, Country"); $ outp = "; $ outp. = ' "City": "'. $ rs ["City "]. '",'; $ outp. = ' "Country": "'. $ rs ["Country "]. '"}'; $ rs-> movenext ();} $ outp = '{ "레코드": ['. $ outp. ']}'; $ conn-> close (); echo ($ outp);?>3. ASP.NET, VB 및 MS 액세스 코드 인스턴스
<%@ import namespace = "system.io"%> <%@ import namespace = "system.data"%> <%@ import namespace = "system.data.oledb"%> <%response.appendHeader ( "*") 응답 .appendHeader ( "Content-Type/json"))))) OLEDBDATAADAPTERDIM DATAROWDIM OBJDATASET로서 DATAROWDIM OBJDATASET으로서의 DIM Outpdim CCONN = NEW OLEDBCONNECTION ( "Provider = Microsoft.jet.oledb.4.0; Data Source = Northwind.mdb")로서의 DATATABLEDIM OBJTIM AS OBJTABLE AS AS DIM OUTPDIM CCONN = NEW COMUNITAL = COUNTRY OLEDBDADAPTER ( "Select CompanyName" conn) objadapter.fill (objdataset, "mytable") objtable = objdataset.tables ( "mytable") outp = ""c = chr (34) objtable.rowsif outp <> ""outp = outp & ","outp = outp & "{"& c ""& c ""& c "," "& c" "" & c & ","outp = outp & c & "city"& c & ":"& c & x ( "city") & c & ","outp = outp = outp = outp = outp = outp = outp = outp = outp & c & "& c &": "& c & x ("country ") & c &"} "nextOutp ="{ "& c &"records "& c &": [ "& outp &"]} "rite.write.4. ASP.NET, VB Razor 및 SQL Lite 코드 인스턴스
@{response.appendHeader ( "Access-Control-Origin", "*") response.appendHeader ( "Content-Type", "Application/JSON") var db = database.open ( "Northwind"); var query = db.query ( "선택 회사 이름, 도시, 고객의 국가") "var c = chr (34)}@foreach (34)}} Query) {outp <> ""outp = outp + ","outp = outp + "{" + c + "name" + c + ":" + c + @row.companyname + c + ","outp = outp + c + " + c +": " + c + @row.city + c +", outp = outp + c + ":" + c + ":" + c + ":" + c + " c + "}"} outp = "{" + c + "레코드" + c + ": [" + outp + "]}"@outp위는 AngularJS SQL 재료의 편집입니다. 우리는 나중에 계속 추가 할 것입니다. 공부하는 친구들을 도울 수 있기를 바랍니다.