Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

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"

Back To Top