JSP tutorial

Filed in Programming , jsp 3 comments

Assalamualaikum wbt

lame tak ngepost di blog ni. sibuk dengan kerja-kerja yang tak terbuat lagi ni. jadi hari ni seperti yang dijanjikan. aku post macam mana nak ‘bermain’ dengan jsp. so ni adalah tutorial melalui pengalaman. sebab tak pernah buat lagi sbnrnyer jsp ni. jadi 1st dapat jer info kene buat jsp. terus search2.. pas search dah lupe dah mane tempat kite search tu. so ini adalah cara-cara yang aku buat untuk membolehkan aku berJSP

so macam memasak juga, kene lah ada bahan2nya

1- sediakan semua peralatan macam untuk buat java class biase (jdk, jcreator)

2- Download Netbean 6.5 java version dan install di pc anda

3- Download Apache Tomcat 6.0 windows version dan install (masa install ni tolong ingat password dan username nanti nak run kene buh password yang sama)

4- Install Xampp (nak gune mysql nanti) – sorry aku tak install mysql stand alone sebab laptop aku dah ada xampp yang di install siap2 sblm ni (gune untuk buat php)

5- install macromedia dreamweaver untuk mudah coding jsp nanti

ok done part installation ni.

next macam mana nak coding jsp.

1- buka macromedia. tekan new dan seterusnya pilih jsp (bahagian dynamic) dan buat file test.jsp

copy coding di bawah ni

<%@ page contentType=”text/html; charset=iso-8859-1″ language=”java” import=”java.sql.*” errorPage=”" %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<jsp:useBean id=”my” class=”myworld.Hello” />
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>My Hello</title>
</head>

<body>

My World sentences : <%= my.getHello() %>
</body>
</html>

next sebelum save. buat satu folder bernama Myworld didalam folder

C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\

untuk pengetahuan rakan-rakan path kat atas ni adalah root directory untuk tomcat . yang mana nanti korang letak file korang untuk diakses menggunakan jsp di sini. next korang just akses gune

http://localhost:8080/<folderkorang>/<namafile>.jsp

so lepas dah create folder Myworld tu save file yang kite buat tu dalam folder tu dengan namakan file ikut suke korang lah. (dalam tutorial ni aku letak file test.jsp)

2. sekarang dah siap jsp nyer file. 2nd step kita akan buat file class yang mana file class. start jcreator pastu create newfile berjenis .java

copy coding dibawah ni

package myworld;

public class Hello{

private String myword;

public Hello(){
myword = “Hello World”;

}
public String getHello(){
return myword;
}
}

ok dah copy dan paste sile save kan pada path ini dengan nama file hello.java

C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\Myworld\WEB-INF\classes

harap anda memahami lah path ni ape yer.. so ikut pada path kat atas ni. apa yang kita perlu buat ialah create satu folder dalam Myworld tadi bernama WEB-INF, then dalam folder WEB-INF create satu lagi folder bernama classes. jadi save dalam folder classes tu hello.java

apa bila anda save. sila kan lah build file java anda tadi. akan automatic terdapat satu lagi folder myworld dalam folder classes tadi sebab kita dah setkan dalam coding .java tadi package untuk class kita ni adalah myworld. package dalam bahasa kita ni adalah folder lah.

so segalanye dah selesai. tinggal nak runkan tomcat sahaja

1st pergi ke start -> all program -> apache tomcat 6.0 -> configure tomcat

dalam windows tomcat tersebut. tekan start (kalau anda belom start lagi lah)

*perhatian : jika tomcat anda dah di start tadi. sila stop kan dulu dan start balik untuk membolehkan tomcat membaca kembali file class dan package2 yang kita telah create tadi. aku pun tak tau kenape sbb utama. tapi setiap kali kita tukar class tu. kita compile then kita kene stop and start balik tomcat

skarang boleh cuba akses ke file yang anda telah buat tadi dengan membuka browser anda

http://localhost:8080/Myworld/test.jsp

kalau anda guna folder dan file jenis lain. sila gunakan seperti dibawah

http://localhost:8080/<folder>/<file>.jsp

*perhatian!! : jangan lah korang letak skali tanda “<” dan “>”

pastikan terdapat output yang nama tadi keluar. kalau tak keluar2 makna nya? tak jadi ler tu .. lu pikir lah sendiri

next adalah tutorial jsp + mysql

sekian. kepada rakan-rakan yang nak copy paste tutorial yang bercelaru ni boleh. tapi silakan quote dari mana anda dapatkan tutorial ni yer.

Related posts:

  1. JSP tutorial + mysql part II
  2. simpledateformat
  3. export html table ke dalam bentuk excel
  4. MySQL + Tomcat JSP Test Script
  5. sending mail using jsp
Posted by h@fr|z   @   14 February 2009 3 comments
Tags : , , ,

Share This Post

RSS Digg Twitter StumbleUpon Delicious Technorati

3 Comments

Comments
Author Feb 15, 2009
12:00 am
#1 h@fr|z :

< jsp:useBean id=”my” class=”myworld.Hello” />

coding ni adalah yang paling penting. why? ikut prinsip dan pemahaman aku lah id tu adalah nama object yang ingin di create. myworld = nama package , dan Hello tu adalah nama class yang aku create dan compile tadi dalam folder classes.

cara untuk panggil method dalam class lebih kurang sama dengan coding panggil method dalam tester java class (ala kalau korang buat java programming biase tu kene ada tester untuk test)

so ini adalah part untuk pangil coding

My World sentences : < %= my.getHello() %>

Mar 19, 2010
4:38 pm
#2 -bai- :

1)kalau xde dreamweaver , nk gna notepad bleh x?
2)nape bile bkak http://localhost:8080/Myworld/test.jsp dye xkluar ape2 pn…..web tu kosong je…..

Author Mar 19, 2010
4:55 pm
#3 h@fr|z :

1- boleh
2- apache dan run belom?

Leave a Comment

Previous Post
«
Next Post
»
G-scale designed by Make Your Own Website In conjunction with Web Hosting   |   Watch Movies Online   |   Computer Repair