JQUERY MOBILE (5) Membuat Database dan Koneksi

  Jquery Mobile - Membuat Database Database adalah sebuah tempat penyimpanan data seperti data login, register, dsb. kemudian database juga ...

 

Jquery Mobile - Membuat Database

Database adalah sebuah tempat penyimpanan data seperti data login, register, dsb. kemudian database juga digunakan untuk memberikan sebuah informasi tentang pengguna, sehingga banyak sekali suatu web atau aplikasi yang terkena hack dan mengambil data dari database seperti database yang mengandung kartu kredit atau (cc), mengganti password orang lain dengan yang lain (mencuri akun).

Langkah dalam pembuatan Database 

silahkan kalian masuk ke database di locahost/phpmyadmin, lalu buat tabel dengan nama employee

lalu isi data tabel dengan gambar seperti berikut.

kemudian ikuti langkah berikut agar dapat terkoneksi dengan database

1. Buatlah koneksi.php 

<?php

$hostName = "localhost";

$userName = "root";

$passWord = "";

$dataBase = "db_gotrip";

mysql_connect($hostName,$userName,$passWord) or die('Koneksi Gagal');

mysql_select_db($dataBase) or die ('Database tidak ditemukan');

?>

fungsi dari koneksi.php senagai koneksi antara web dengan database.

2. Buatlah admingotrip.php 

<?php

include 'koneksi.php';

 

$sql = "select e.id, e.firstName, e.lastName, e.managerId, e.title, e.department, e.city, e.officePhone, e.cellPhone, " .

        "e.email, e.picture, m.firstName managerFirstName, m.lastName managerLastName, count(r.id) reportCount " .

        "from employee e left join employee r on r.managerId = e.id left join employee m on e.managerId = m.id " .

        "where e.id=:id group by e.lastName order by e.lastName, e.firstName";

 

try {

    $dbh = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass);

    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    $stmt = $dbh->prepare($sql);

    $stmt->bindParam("id", $_GET[id]);

    $stmt->execute();

    $employee = $stmt->fetchObject();

    $dbh = null;

    echo '{"item":'. json_encode($employee) .'}';

} catch(PDOException $e) {

    echo '{"error":{"text":'. $e->getMessage() .'}}';

}

?>

Fungsi dari admingotrip.php adalah untuk memanggil data yang sudah dibuat pada database.

langkah selanjutnya membuat layout pada halaman.

<div id="employeeListPage" data-role="page" >

 

    <div data-role="header" data-position="fixed">

        <h1>Employee Directory</h1>

    </div>

 

    <div data-role="content">

         <ul id="employeeList" data-role="listview" data-filter="true"></ul>

    </div>

 

</div>




kemudian membuat file jsnya.




dengan nama admingotrip.js




var serviceURL = "http://localhost/directory/services/";

 

var employees;

 

$('#employeeListPage').bind('pageinit', function(event) {

    getEmployeeList();

});

 

function getEmployeeList() {

    $.getJSON(serviceURL + 'getemployees.php', function(data) {

        $('#employeeList li').remove();

        employees = data.items;

        $.each(employees, function(index, employee) {

            $('#employeeList').append('<li><a href="employeedetails.html?id=' + employee.id + '">' +

                    '<img src="pics/' + employee.picture + '"/>' +

                    '<h4>' + employee.firstName + ' ' + employee.lastName + '</h4>' +

                    '<p>' + employee.title + '</p>' +

                    '<span class="ui-li-count">' + employee.reportCount + '</span></a></li>');

        });

        $('#employeeList').listview('refresh');

    });

}