본문 바로가기
MySql

MySQL PHP 서비스를 사용하여 AngularJS를 mysql에 연결 하시겠습니까?

by 베이스 공부 2021. 2. 6.
반응형

Mac의 localhost와 함께 AngularJS 1.0, PHP 및 mysql을 사용하고 있습니다.

저는 아주 간단한 mysql 데이터베이스를 가지고 있습니다 : "cats". "새끼 고양이"라는 테이블이 하나 있습니다. 테이블에는 "id"와 "name"의 두 열이 있습니다. 데이터베이스에는 Larry, Curly, Moe라는 이름의 새끼 고양이 세 마리가 있습니다.

이제 dbase를 열고 세 개의 레코드를 가져와 다음과 같이 JSON으로 반환하는 간단한 PHP 코드가 있습니다. [{ "id": "1", "name": "Larry"}, { "id": "2", "name": "Curly"}, { "id": "3", "name": "모에"}]

최신 앵귤러 시드를 사용하고 Eclipse에서 프로젝트를 설정했습니다. app.js에서 다음과 같이 썼습니다. 'use strict'; angular.module('Cats', ['ngResource','Cats.filters', 'Cats.services', 'Cats.directives']) 내 PHP 코드를 services 폴더에 넣고 이름을 "index.php"로 지정했습니다. Mac에서 localhost를 사용하여 내 브라우저에서 services / index.php로 이동하면 위의 JSON이 반환됩니다. 지금까지 모든 것이 멋지다.

이제-내가하고 싶은 것은 (! 유명한 마지막 단어;) 내가 가지고있는 PHP 서비스에 연결하고 AngularJS 프로젝트를 사용하여 메인 인덱스 페이지에 Cats 테이블의 내용을 표시하는 것입니다. 평범한 오래된 텍스트, 테이블 없음, 사용 가능한 리소스에 바인딩하고 표시하십시오.

온라인에서 모든 종류의 데모를 시도했습니다 (대부분 구식 임). 누구든지이 작업을 수행하는 간단한 현재 방법을 보여줄 수 있습니까? 제 삶을 위해 저는 모든 종류의 AngularJS 데모가 작동하지만 그들 중 어느 것도 제가 이해할 수있는 방식으로이 간단한 작업을 수행하지 않습니다.

미리 감사드립니다.

 

해결 방법

 

이것도 작동합니다. 코드 줄이 훨씬 적지 만 오류 처리가 제거되었습니다.

function FetchCtrl($scope, $resource) {
  var services = $resource('../services/index.php');
  $scope.data = services.query();
}
FetchCtrl.$inject = ['$scope', '$resource'];

일반적으로 $ resouce 에 내장 된 .get () 메서드를 사용했지만 응답은 .query () 배열 형식입니다. 는 기본적으로 지원합니다.


 

참조 페이지 https://stackoverflow.com/questions/11277429

 

 

반응형

댓글