PEMROGRAMAN TERSTRUKTUR

MEMBUAT TAMPILAN DENGAN JSP

1. Membuat sebuah tampilan web dengan URL dan tampilan yang berbeda (Lebih dari satu Jsp).

1. Buka dahulu project kita

2. Membuat file .jsp baru dengan cara 

klik kanan folder jsp pada WEB-INF
klik New-JSP-file nama  (Halaman1)
Klik Finish

3. Buka file jsp nya

4. Ganti Title Page sesuai keinginan kita

5. Ganti background warna halaman sesuai keinginan kita

disini saya warna backgroundnya tomato (merah tomat).

6. Buat file jsp berikutnya seperti pada cara nomor 2, kemudian beri nama filenya sesuai keinginan kita, disini saya membuat nama filenya satu, dua,tiga

dan ganti warna background yang berbeda dari setiap halamannya. 

7. Buka file HelloJava.java

 

8. Selanjutnya kita membuat nama URL yang ingin ditampilkan sesuai keinginan kita, disini saya membuat nama URLnya adalah lembar1.

caranya dengan ketikan 

@RequestMapping(value = "/lembar1")

9. Selanjutnya membuat isi dari web view/tampilan 

Dengan membuat variable terlebih dahulu dan kemudian  membuat isi dari variablenya

seperti contoh berikut :

String myMessage = "tugas1";

        String tambahan = "hasan";

        String tambahan1 = "tugas pemrograman terstruktur AMIK PGRI KEBUMEN lembar pertama";

10. Kemudian kita membuat setViewName 
setViewName ini digunakan untuk memanggil file Jsp atau untuk menampilkan View Web yang telah kita setting pada file Jsp, seperti Title Page, Background Color, dll.

11. Memasukan Objek/variable yang ingin ditampilkan
dengan cara mengetikan Variabelnya seperti contoh berikut
mav.addObject("message", myMessage + tambahan);

12. Untuk membuat halaman lain kita tinggal meng-copy script pertama kemudian kita paste sesuai jumlah halaman yang ingin kita buat .

seperti berikut

@RequestMapping(value = "/lembar1")

    public ModelAndView lembar1(){

        String myMessage = "tugas1";

        String tambahan = "hasan";

        String tambahan1 = "tugas pemrograman terstruktur AMIK PGRI KEBUMEN lembar pertama";

        ModelAndView mav = new ModelAndView();

        mav.setViewName("satu");

        mav.addObject("message", myMessage);

        mav.addObject("message1",tambahan);

        mav.addObject("message2",tambahan1);

        return mav;        

    }

13. Disini saya membuat 3 tampilan web, maka saya meng-copy paste script sebanyak 3 kali.

      dan mengubah isi/tulisan yang akan ditampilkan pada web, mengubah setViewName sesuai dengan tampilan atau sesuai dengan nama file Jsp yang akan ditampilkan.

seperti Halaman2 :

@RequestMapping(value = "/lembar2")

    public ModelAndView lembar2(){

        String myMessage = "tugas2";

        String tambahan = "hasan";

        String tambahan1 = "tugas pemrograman terstruktur AMIK PGRI KEBUMEN lembar kedua";

        ModelAndView mav = new ModelAndView();

        mav.setViewName("dua");

        mav.addObject("message", myMessage);

        mav.addObject("message1",tambahan);

        mav.addObject("message2",tambahan1);

        return mav;

}

Halaman3 :

@RequestMapping(value = "/lembar3")

    public ModelAndView lembar3(){

        String myMessage = "tugas3";

        String tambahan = "hasan";

        String tambahan1= "tugas pemrograman terstruktur AMIK PGRI KEBUMEN lembar ketiga";

        ModelAndView mav = new ModelAndView();

        mav.setViewName("tiga");

        mav.addObject("message", myMessage);

        mav.addObject("message1",tambahan);

        mav.addObject("message2",tambahan1);

        return mav;

    }}

14. Setelah selesai langkah diatas, selanjutnya kita men-deploy file web aplication kita caranya adalah dengan klik kanan file kita-klik deploy, tunggu sampai proses men-deploy selesai.

15. Setelah selesai men-deploy, selanjutnya kita buka file web kita di browser
caranya :
klik service - servers - Apache Tomcat 8.0.27.0 - Web Application - Klik kanan /SpringWeb(pilih sesuai nama file yang kita buat) - Open in browser.

16.  Jika berhasil maka seperti berikut ini hasil tampilannya :
LEMBAR 1:

LEMBAR 2 :

LEMBAR 3 :

2. Membuat sebuah tampilan web dengan banyak controller tetapi masih 1 view dan berbeda isinya (hanya 1 file Jsp).

1. Buka dahulu project kita

2. Membuat file .jsp baru dengan cara 

klik kanan folder jsp pada WEB-INF
klik New-JSP-file nama  (soal_ke2)
Klik Finish

3. Buka file jsp nya

4. Ganti Title Page sesuai keinginan kita

5. Ganti background warna halaman sesuai keinginan kita

disini saya warna backgroundnya aqua.

6. Masuk ke HalloJava 

ketikkan 

@RequestMapping(value = "/halaman1") untuk membuat controller yang berbeda

7.  Copy-Paste kan script berikut, untuk membuat halaman lain, disini saya membuatnya dengan nama halaman1, halaman2, halaman3.

@RequestMapping(value = "/halaman1")

    public ModelAndView halaman1(){

        String myMessage = "tugas";

        String tambahan = "tugas soal nomer 2";

        String tambahan1 = "ini adalah tugas pemrograman terstruktur AMIK PGRI KEBUMEN lembar ke 1";

        ModelAndView mav = new ModelAndView();

        mav.setViewName("soal_ke2");

        mav.addObject("message", myMessage);

        mav.addObject("message1",tambahan);

        mav.addObject("message2",tambahan1);

        return mav;

    }

   

    @RequestMapping(value = "/halaman2")

    public ModelAndView halaman2(){

        String myMessage = "tugas";

        String tambahan = "tugas soal nomer 2";

        String tambahan1 = "tugas pemrograman terstruktur AMIK PGRI KEBUMEN lembar ke 2";

        ModelAndView mav = new ModelAndView();

        mav.setViewName("soal_ke2");

        mav.addObject("message", myMessage);

        mav.addObject("message1",tambahan);

        mav.addObject("message2",tambahan1);

        return mav;

}

@RequestMapping(value = "/halaman3")

    public ModelAndView halaman3(){

        String myMessage = "tugas";

        String tambahan = "tugas soal nomer 2";

        String tambahan1 = "pemrograman terstruktur AMIK PGRI KEBUMEN lembar ke 3";

        ModelAndView mav = new ModelAndView();

        mav.setViewName("soal_ke2");

        mav.addObject("message", myMessage);

        mav.addObject("message1",tambahan);

        mav.addObject("message2",tambahan1);

        return mav;

       

    }}

8. Ganti semua mav.setViewName sesuai nama JSP yang dibuat (hanya 1 JSP).

   disini saya membuat file JSP nya dengan nama (Halaman1).

pastikan semuanya tertulis Halaman1

9. Setelah selesai langkah diatas, selanjutnya kita men-deploy file web aplication kita caranya adalah dengan klik kanan file kita-klik deploy, tunggu sampai proses men-deploy selesai.

10.  Setelah selesai men-deploy, selanjutnya kita buka file web kita di browser 

caranya :

klik service - servers - Apache Tomcat 8.0.27.0 - Web Application - Klik kanan /SpringWeb2(pilih sesuai nama file yang kita buat) - Open in browser.

11. Jika berhasil maka seperti berikut ini hasil tampilannya :

     1. Halaman 1 :

    2. Halaman 2 :

    3. Halaman 3 :

Terimakasih, semoga bermanfaat