8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 1/21

PHP MySQL Image Gallery

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 2/21

 The admin section contain the following :

 Add New Album

 Album List

Edit & Delete Album  Add Image

Image List

Edit & Delete Image

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 3/21

 And the visitor page contain these :

Display Album List

Display Image List

Display Image Detail

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 4/21

Now, before we go straight to the codes weneed to talk about the database design,directory layout, and configurations.

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 5/21

Database Design

CREATE TABLE tbl_album (al_id INT NOT NULL AUTO_INCREMENT,al_name VARCH AR(64) NOT NULL,al_description TEXT NOT NULL,al_image VARCH AR(64) NOT NULL,al_date DATETIME NOT NULL,

PR

IMARY

KEY

(al_id));

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 6/21

CREATE TABLE tbl_image (im_id INT NOT NULL AUTO_INCREMENT,im_album_id INT NOT NULL,

im_title VARCH AR(64) NOT NULL,im_description TEXT NOT NULL,im_type VARCH AR(30) NOT NULL,im_image VARCH AR(60) NOT NULL,

im_thumbnail VARCH

 AR

(60) NOT NULL,im_date DATETIME NOT NULL,PRIMARY KEY(im_id));

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 7/21

Directory Layout

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 8/21

The images directory is where we kept all of the images. The image icons are stored inthe thumbnail sub-directory uder the gallery.Please remember to set write access to thealbum, gallery, and thumbnail directoriesotherwise the gallery script will not be able to

save the images.

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 9/21

Config.php

Source : Open config.doc

There are some constants in the config filethat you should change :

 ALBUM_IMG_DIR, GALLERY _IMG_DIRThese are the absolute path to the imagesdirectories

THUMBNAIL_WIDTH

The PHP script will create a thumbnail ( icons )for each image that you upload. In addition whenyou add an album image that image will alsoresized automatically.

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 10/21

One more note. If you want to test this gallery onyour own computer please make sure you alreadyhave GD library installed. To check if GD library isinstalled on your system save the following code

and run it. <?php

if (function_exists('imagecreate')) {echo 'OK, you already have GD library installed';

} else {

echo 'Sorry, it seem that GD library is notinstalled/enabled';}?> 

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 11/21

Image Gallery Administration Page

Login

Source : open login.doc

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 12/21

Logout.php

<?phprequire_once '../library/config.php';

// To logout we only need to set the value of isLoginto false$_ SESSION['isLogin'] = false;

header('Location: login.php');exit;?> 

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 13/21

 Admin Page Layout

Source : open admin-index.php

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 14/21

 Admin : Add New Album

This is a very simple form where you canenter the album name, description andimage. After you click the "Add Album"

button the script will do the followings : Save the album image, resize it if necessary

Save the album information to database

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 15/21

Interface add new album

Source : open add-album.doc

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 16/21

 Admin : Album List

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 17/21

Modify & Delete Album

Source : open modify-album.doc

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 18/21

Delete Album

The code for deleting an album is located inthe index.php file. The code flow is like this :

Get the album id

Make a query to get the name of that album andthe thumbnail filename. Print an error message if the album doesn't exist

If the album exist get images file name and deletethe images plus the album icon

Delete the album data and the images from thedatabase

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 19/21

Source delete : lihat admin-index.doc

// ... some code on top if (isset($_GET['deleteAlbum']) &&

isset($_GET['album']) ) {$albumId = $ _GET['album'];

// get the album name since we need to display// a message that album 'foo' is deleted

$result = mysql_query("SELECT al_name,al_image

FROM tbl_albumWHERE al_id = $albumId")

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 20/21

 Album List

8/6/2019 T14 PHP MySQL Image Gallery

http://slidepdf.com/reader/full/t14-php-mysql-image-gallery 21/21