Jump to content
TonikCapGajah2013

Tutorial Dreamweaver 8 (php&mysql)

Recommended Posts

Tutorial Dreamweaver 8

Dulu telah buat satu tutorial Dreamweaver MX.

http://forum.putera.com/tanya/index.php?showtopic=8104

Tutorial kali ini menggunakan Dreamweaver 8 dan teknologi server PHP&MySQL

Kepada sesiapa yang berminat bolehlah mengemukakan soalan, info tambahan dsbnya

Mari kita jayakan bersama.

Kepada pihak admin dan mod, jika didapati isi kandungannya tidak patut disiarkan

harap dapat dibuang dengan segera. Terima kasih kerana memberi kita peluang. :D

=============================================

Peringkat2 Yang Terlibat:

1. Install localhost (web server)

2. Install Dreamweaver 8

3. Buat 2 Folder dalam public_folder (www atau htdocs)

4. Define Site Dalam Dreamweaver

5. Buat Database (guna phpMyAdmin)

6. Buat fail .php untuk connect ke Database.

7. Membuat fail2 laman web

> Fail index.php

>Tambah Rekod (add record)

> Lihat Rekod (view record)

> Padam Rekod (delete record)

> Pinda Rekod (update record)

> Login Page

=============================================

Dreamweaver 8.

933627xdw01.jpg

KEPERLUAN:

Windows XP SP2

1. Install pakej XAMPP 1.6.4

http://www.apachefriends.org/en/xampp-windows.html

2. Install Dreamweaver 8

http://www.soft32.com/download_1952.html

LOCALHOST - Xampp

Mula2 jalankan dulu Xampp dan pastikan apache dan mysql on service.

406681xdw02.jpg

Kemudian minimize Xampp.

Cara Menguji Server:

1. Buka web browser dan taip alamat http://localhost

2. Klik English (atau bahasa yang anda faham)

3. Muka hadapan Xampp akan terpapar di skrin.

741725xampp-1.jpg

**************

DREAMWEAVER

Buatkan 1 folder untuk simpan fail2 dreamweaver iaitu fail laman web.

Katalah nama folder: dw8

Caranya - klik butang Explore (buka Xampp) > htdocs > dw8 <---- nama folder

242920xampp-2.jpg

Dreamweaver - Manage Site.

Ada dua jenis iaitu 1 folder sahaja (edit dan test folder yang sama)

2 folder iaitu edit dan test dalam folder yang berlainan.

Jenis Edit & Test Locally)

1. Buka Dreamweaver 8 (DW8)

Klik Menu Site > Manage Site > New > Site

> Site Name : dw8

> http://localhost/dw8

> Server Technology : PHP&MySQL

> Edit and test locally

C:\xampp\htdocs\dw8\

> http://localhost/dw8

> Test URL : OK

> No. (remote server)

> Done

CARA UJI SITE

http://localhost/dw8

====================================

MEMBINA & MEREKABENTUK LAMAN WEB PHP&MYSQL (KONSEP)

LANGKAH PERMULAAN

1. Buat Database

2. Masukkan Table dan Data

3. Buat Hubungan antara PHP dan MySQL

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

MEMBUAT DATABASE

Contoh database:

1. Dengan menggunakan phpmyadmin, buatkan satu database (storedb)

database : storedb

61697dw8-01.jpg

2. Buatkan Table seperti dalam rajah dibawah.

980796dw8-02.jpg

Table : tblstore

dan isikan fields seperti dalam rajah:

979641dw8-03.jpg

704447xdbdw01.jpg

Klik butang Save

559776dw8-04.jpg

Setakat ini anda telah selesai membuat Database dan Table untuk Store

Seterusnya cipta username dan password

username : dwadmin

password : 123456

> Klik ikon Home (disebelah kiri skrin)

> Klik Privileges (kanan skrin)

> Klik Add a new User

Isikan di bawah Login Information;

username : dwadmin

Host : localhost

password : 123456

Global privileges;

> Klik Check All

> Klik Go

You have added a new user.  
SQL-query: 
GRANT ALL PRIVILEGES ON * . * TO 'dwadmin'@'localhost' IDENTIFIED BY '******' WITH GRANT OPTION MAX_QUERIES_PER_HOUR 0 MAX_CONNECTIONS_PER_HOUR 0 MAX_UPDATES_PER_HOUR 0;

Selesai memcipta Database dan Usernama.

Tutup phpmyadmin

*****************

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

DREAMWEAVER-SAMBUNGAN KE DATABASE

1. Buka Dreamweaver. Buatkan 1 fail php (index.php) dan buka fail ini (klik 2 kali)

826269dw-01.jpg

100654dw-02.jpg

Klik 2 kali fail index.php

2. Klik Application > Database > Klik + > MySQL Connection

127703xdbdw05.jpg

Jika tiada masalah dengan database;

360936dw8-05.jpg

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

LATIHAN DATABASE

Sebelum memulakan latihan ini terlebih dahulu;

1. buka Xampp dan run apache-mySQL

2. buka Dreamweaver > cipta 1 fail index.php

3. buka index.php dan masukkan maklumat seperti dalam rajah di bawah.

337818dwdb-1.jpg

Rajah 1: index.php

Buatkan 5 fail php seperti dalam rajah 2 di bawah.

Kemudian buat LINK yang berkaitan seperti dalam rajah 2 dan 3

368851dwdb-2.jpg

Rajah 2:

92156dwdb-3.jpg

Rajah 3:

ADD RECORD

Cara buat form untuk tambah data (wizard)

1. Klik Common > Application

2. Pilih Wizard

38628dwdb-4.jpg

Rajah 4: Insert Record Wizard

Masukkan maklumat database dan form seperti dalam rajah 5. > klik OK

693261dwdb-5.jpg

Rajah 5:

Tekan kekunci F12 untuk preview dalam web browser dan cuba tambah beberapa rekod ke dalam database.

Jika tiada masalah selepas tambah rekod, browser akan kembali ke fail index.php (menu utama)

Bersambung ke View Data. post ke-20 di bawah

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

semua bagus sebab boleh run php&mysql tanpa masalah.

ok ok da ok sume tuh..camne lak nk uploadkan ke website??wordpress tu utk ape?? tak reti gune la.hehe..aku nak tau cara nk upload sistem yg kita da

buat ke website. aku develope gune mcromdia dreamweaver+mysql..pastu gune xampp utk localhost.. aku pakai hosting no-ip.com..akunye url

zool86.no-ip.org..aku nk tau cane nk viewkan system aku ke tenet...bule ke bule ke??

and aku tatau cane nk wat port forwarding..aku da try tgk kat forum tp still tak phm2 jgk..cane nk wat eh?? bule tlg step by step tak.

aku gune modem cap ayam.hehe..KASDA KE318D..ape yg patut aku buat? sistem da ciap da..dlm localhost bule la run..kat tenet tak reti..huhuk.

mnta tlg yek..kami budak baru blajar. :huh:

Edited by songoten86

Share this post


Link to post
Share on other sites

Ko nak upload ke ko nak supaya orang boleh ekses website ko? yang mana satu.

Kalau nak upload kena ada webserver yang boleh run ko punye sistem php/mysql

Percuma atau bayar.

Kalau nak orang boleh tengok website terus ke Localhost (PC ko sendiri) terpaksa

buat port forward kat modem Kasda tu. Alamat URL ko dah ada. OK

Dah install ke IP Client? (Download dari No-IP)

PortForward Kasda KE318D

Try dulu.

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

Ko nak upload ke ko nak supaya orang boleh ekses website ko? yang mana satu.

Kalau nak upload kena ada webserver yang boleh run ko punye sistem php/mysql

Percuma atau bayar.

Kalau nak orang boleh tengok website terus ke Localhost (PC ko sendiri) terpaksa

buat port forward kat modem Kasda tu. Alamat URL ko dah ada. OK

Dah install ke IP Client? (Download dari No-IP)

PortForward Kasda KE318D

Try dulu.

ermmm..aku nk tau both..tp wat mase ni nk taw supaya org bley ekses website aku..aku da install IP client..alamat url aku zool86.no-ip.org. pastu dlm link yg diberi kat atas tu ada gini

Do not skip this step!

Please enter the static ip you want to forward to: dlm ruang lepas 192.168.1.* <-- aku kene letak ape??

aku ade try tgk kt commnd prompt..tgk kat ipconfig..dia tulis kt ctu ip-address : 192.168.1.3

yg tu ke aku kene letak kt ruangan tuh??

aku pakai streamyx tade la static ip..dyn ip je kot. ^_^

maaf la aku mmg lmbat pickup cket..tulung ye powerroot!! jasa anda akan ku kenang. hehe.

Share this post


Link to post
Share on other sites

No IP tu adalah statik IP bagi localhost (internal IP atau LAN)

bukanya IP internet (external IP atau WAN)

Cara nak tengok statik IP

> klik Start > Run > CMD

> IPCONFIG /ALL

457234noip-1.jpg

Statik IP adalah 192.168.1.2 <-- tak sama antara PC dengan PC lain

Masukkan statik IP nie ke dalam Form PortForward yang diperlukan.

Tambahan:

Untuk memastikan Statik IP tidak berubah, cuba semak TCP/IP Properties.

Buka MyNetwork Place > View Network Connection

Klik kanan ikon Local Area Network (LAN NIC)

Properties > Internet Protocol > Properties

Use the following IP address

IP Address : 192.168.1.2

Submask : 255.255.255.0

Default Gateway : 192.168.1.1 <--- ambik dari IPCONFIG /ALL

OK.

Restart PC.

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

ehehe..da jadiiikk!! tq powerRoot!! jasamu akan ku kenang sepanjang zaman!! :lol: tapikan..dulu masa aku run sistem aku gune pakej webserver phptriad..sume okey jek..function dia sume jadik..tapi bile aku tukar pakai xampp, sume function tak jadik..jadual takley nk view..onchange takley nk brfungsi..even function mysql_fetch_array pon dia kata tak kenal..tatau la kalu akunye coding besepah..tp bile run pakai phptriad evrthngs fine..napa ek?? ape2 pun tq very much!!

Share this post


Link to post
Share on other sites

DREAMWEAVER-SAMBUNGAN KE DATABASE

1. Buatkan 1 fail php (index.php) dan buka fail ini (klik 2 kali)

2. Klik Application > Database > MySQL Database

127703xdbdw05.jpg

[/quot

as'kum....nak tanya laaa...camne nk dptkan phpmyadmin tu....saya dh dload phpmyadmin, tp tak tau nak setup kat ne...bantu yea...t.ksh!

as'kum...camne nk dptkn file phpmy admin...lps dload phpmyadmin, nk setup kat ne??...bantu yea...tq!

Share this post


Link to post
Share on other sites

LATIHAN DATABASE ... sambungan dari atas.

VIEW DATA

Guna fail viewdata.php (buka fail viewdata.php untuk edit)

> Klik Application > Binding > + > Recordset

Lihat rajah 1

224768dwdb=10.jpg

Rajah 1: Create Recordset

Masukkan maklumat seperti dalam rajah 2

476231dwdb=11.jpg

Rajah 2:

> Tukar kepada Common > Table

> Masukkan maklumat Table

582510dwdb=12.jpg

Rajah 3: Create Table

> Masukkan label dalam ROW 1 (ID, Product ... Price)

> Klik, tarik dan letak recordset dalam jadual (drag & drop)

> penuhkan jadual dengan recordset yang sesuai.

501647dwdb=13.jpg

Rajah 4: Binding Recordset

> Highlight ROW2

> Server Behaviour > + > Repeat Region

> Show 10 rekod atau berapa bilangan yang ingin ditunjukkan terpulang kepada anda.

726187dwdb=14.jpg

Rajah 5: Repeat Region

PREVIEW dalam web browser

> Simpan fail viewdata.php

> Tekan kekunci F12

OK.

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

as'kum....nak tanya laaa...camne nk dptkan phpmyadmin tu....saya dh dload phpmyadmin, tp tak tau nak setup kat ne...bantu yea...t.ksh!

as'kum...camne nk dptkn file phpmy admin...lps dload phpmyadmin, nk setup kat ne??...bantu yea...tq!

download yg ni..pakej. install pastu sume dah siap.

Share this post


Link to post
Share on other sites

DREAMWEAVER-SAMBUNGAN KE DATABASE

1. Buka Dreamweaver. Buatkan 1 fail php (index.php) dan buka fail ini (klik 2 kali)

826269dw-01.jpg

100654dw-02.jpg

Klik 2 kali fail index.php

2. Klik Application > Database > Klik + > MySQL Connection

127703xdbdw05.jpg

Jika tiada masalah dengan database;

360936dw8-05.jpg

pro,aku de problem ni nak taye kat ko...

cemni, aku punye database xleh nak select la...setiap kali aku try nak select,mesti jadi camni.

kuar msg

" 1)there is no testing server running on the server machine.

2) the testing server specified for this site does not map the http://localhost/_mmserverscripts/MMHTTPDB.php URL. verify that the URL Prefix maps to the root of the site."

untk pengetahuan pro,aku baru first time nak wak database kat dreamweaver ini.. dan jgk nak gune drmweaver sepunuhnya..... sebelum ni aku guna maguma studio kalu nk wak web...Please!!!! help me...

aku rasa aku punye kat fist2 nak define site kot yang salah... bab aku nak connet server melalui dreamwver 2 yang x dapat...ini apa yang aku fikir la... pro tolong la selesaikan problem aku ni...huhuhu...

sebelum ni,aku memang dah gune apache, localhost n phpmyadmin dah nak wak database kat maguna 2..tapi xde la dwload XAMPP,boleh je...

tolong reply secepat mungkin ye!! :huh:

Edited by sYah_Is

Share this post


Link to post
Share on other sites

ok... ko check satu persatu

1. Server Apache ko boleh guna apa saja pakej spt EasyPHP, Xampp dll.

yang penting Apache dan mySQL boleh jalan.

2. Database buat dalam phpmyadmin (maklumat database kenalah jelas)

3. Dalam Dreamweaver cuba buat 1 lagi site define yang baru.

Jangan takut nak cuba.

> Guna Remote Server

> Buat 2 folder (dw8local dan dw8remote)

4. Cuba buat connection semula.

OK.

====================

> Site name = dw8x

> Server Technology > Yes > PHPmySQL

> How to work during development > Edit Localy, then upload to testing server

> Where do you want to store your files > path to dw8local folder

> How do you connect to testing server > Local/Network

> Folder untuk test > path to dw8remote folder

> URL > http://localhost/dw8remote

atau http://localhost

> enable checking > no

> Summary > Done

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

LATIHAN DATABASE ... sambungan dari atas.

DELETE DATA

> Buatkan 1 fail deldata.php

> Edit fail deldata.php (klik 2 kali fail)

> Binding > Recordset dan masukkan maklumat seperti rajah 1.

833475dw-del.jpg

Rajah 1: Recordset

> buatkan Table dan isi maklumat seperti dalam rajah 2

404713dw-del1.jpg

Rajah 2: Table dan Repeat Region

602804dw-del0.jpg

Rajah 3:

> Pinda Code

> Klik pada perkataan Delete

> Klik Code

> Tambah code seperti dalam rajah 4

397691dw-del2.jpg

Rajah 4: Tambah Code

Dan akhir sekali preview fail deldata (tekan kekunci F12)

Apabila anda klik Delete, rekod dalam row yang berkaitan akan dihantar ke satu fail lain yang dinamakan confirmdel.php

Cipta fail confirmdel.php

bersambung di muka 2

Edited by PowerRootTongkatAli_GS

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...