Muhammad Hafid

Janganlah malas untuk berkarya, biarpun sederhana tetapi bermanfaat bagi orang lain. Kerjakan dengan penuh kesabaran dan keikhlasan

Contoh Simple Mengkoneksikan AngularJs dengan MySQL

Disini saya akan sedikit share mengenai cara mengkoneksikan data dari angularjs ke MySQL, pastingya dengan bantuan PHP.
Pastikan anda sudah menginstall webserver, pada tutorial ini saya menggunakan webserver NginX. Pertama tama pastikan anda sudah membuat database di mysql anda dan paling tidak sudah memiliki tabel yang didalamnya sudah ada datanya. Karena pada tutorial ini saya hanya menampilkan select datanya.

Buat file dengan nama coba.html
<html ng-app="countryApp">
  <head>
    <meta charset="utf-8">
    <title>Angular.js MySQL</title>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.min.js"></script>
    <script>
      var countryApp = angular.module('countryApp', []);
      countryApp.controller('CountryCtrl', function ($scope, $http){
        $http.get('data.php').success(function(data) {
          $scope.countries = data;
        });
      });
    </script>
  </head>
  <body ng-controller="CountryCtrl">
    <table>
      <tr ng-repeat="country in countries">
        <td>{{country}}</td>
      </tr>
    </table>
  </body>
</html>
Buat file data.php
<?php
$servername = "localhost";
$username = "root";
$password = "madun2015";
$dbname = "angularcode_customer";

$conn = mysqli_connect($servername, $username, $password, $dbname);
if(!$conn){
die("Connection failed: " .mysqli_connecet_error());
}
$showData = "SELECT customerName FROM angularcode_customers ORDER BY customerName ASC ";
$data = array();
$result = mysqli_query($conn, $showData);
if(mysqli_num_rows($result) > 0){
while($row = mysqli_fetch_assoc($result)){
$data[] = $row;
}
} else {
echo "0 results";
};
print json_encode($data);
mysqli_close($conn);
echo($outp);
?>
Untuk yang bagian yang di bold silahkan sesuaikan dengan database mysql anda.

Semoga bermanfaat.
Labels: javascript

Thanks for reading Contoh Simple Mengkoneksikan AngularJs dengan MySQL . Please share...!

0 Comment for "Contoh Simple Mengkoneksikan AngularJs dengan MySQL"

Terima kasih sudah berkunjung ke blog saya, semoga informasi nya bermanfaat buat anda.

Back To Top