Dec
16th

PHP Image Gallery Part I

Files under MySQL, PHP | Posted by phpcrazy

php နဲ႔ mySQL ကို သံုးၿပီး photo gallery တစ္ခုတည္ေဆာက္တဲ့ tutorial တစ္ခုကို တင္ျပခ်င္ပါတယ္။ ကိုယ့္စက္ထဲမွာပဲ စမ္းမွာဆိုေတာ့ WAMP installation လုပ္ၿပီးၿပီလား။ မလုပ္ရေသးရင္ ဒီမွာ သြားၿပီး ၾကည့္လိုက္ပါ။ တကယ့္ကို ရိုးရွင္းတဲ့ photo image gallery ေလးပါ။ admin section ရယ္.. visitor page ရယ္ ႏွစ္မ်ဳိး ရွိတယ္။

admin panel မွာ -

  • add new album (album အသစ္တည္ေဆာက္ခြင့္ရွိမယ္)
  • album list (album list ကို ၾကည့္လို႔ရမယ္)
  • edit and delete album (album ေတြကို တည္းျဖတ္မယ္၊ ဖ်က္မယ္)
  • Add Image (ဓာတ္ပံုေတြကို ထည့္မယ္)
  • Image List (ဓာတ္ပံု စာရင္းေတြ)
  • Edit and Delete Image (ပံုေတြကို ဖ်က္မယ္၊ တည္းျဖတ္မယ္)

visitor page မွာ -

  • display album list (album list ကို ၾကည့္လို႔ရမယ္)
  • display image list (image list ကို ၾကည့္လို႔ရမယ္)
  • display image detail (image ေတြကို ၾကည့္လို႔ရမယ္) ကဲ စိတ္၀င္စားတယ္ဆိုရင္ေတာ့ (more …) ကိုသာ ကလစ္လိုက္ပါဗ်ာ …

ပထမဦးဆံုးအေနနဲ႔ လုပ္ရမွာကေတာ့ Database ဖိုင္ေတြတည္ေဆာက္တာပါ။ လိုအပ္တဲ့ Table ေတြက ..
tbl_album
tbl_image

WAMP Installation ေပၚေနတယ္ဆိုရင္ေတာ့ … taskbar မွာ wamp_icon.jpg ေလးေပၚေနပါလိမ့္မယ္ ..အဲဒီမီတာ ပံုေလးေပၚမွာ Left Click လိုက္ရင္ ေအာက္ကပံုေလး ေပၚလာပါမယ္ …

wamp_server.jpg

အဲဒီမွာ phpMyAdmin ဆိုတာကို ေရြးလိုက္ပါ။

ၿပီးရင္ …

ဒီေအာက္က Page ေပၚလာပါမယ္ …

phpmyadmin.gif

အဲဒီမွာ create new database ဆိုတာရွိပါတယ္… gallay လို႔ရိုက္ထည့္ၿပီး .. Create လုပ္လိုက္ပါ။

sql.gif

SQL ဆိုကို ကလစ္ေခါက္ၿပီး ေအာက္မွာေပးထားတဲ့ ဖိုင္ကေန ကူးထည့္လိုက္ပါ ..

image-gallery.sql

CREATE TABLE tbl_album (
al_id INT NOT NULL AUTO_INCREMENT,
al_name VARCHAR(64) NOT NULL,
al_description TEXT NOT NULL,
al_image VARCHAR(64) NOT NULL,
al_date DATETIME NOT NULL,
PRIMARY KEY(al_id)
);
CREATE TABLE tbl_image (
im_id INT NOT NULL AUTO_INCREMENT,
im_album_id INT NOT NULL,
im_title VARCHAR(64) NOT NULL,
im_description TEXT NOT NULL,
im_type VARCHAR(30) NOT NULL,
im_image VARCHAR(60) NOT NULL,
im_thumbnail VARCHAR(60) NOT NULL,
im_date DATETIME NOT NULL,
PRIMARY KEY(im_id)
);

အဲဒါၿပီးရင္ေတာ့ Database ေဆာက္တာၿပီးပါၿပီ …
အပိုင္း (၂) သို႔ ….

Post a Comment