Tutorial spring web app

13

Click here to load reader

Transcript of Tutorial spring web app

Page 1: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 1

Nama : Moh.Idham Latief

NIM : 131312026

Langkah pertama membuat project web seperti dinetbeans seperti ini

Setelah akan muncul tampilan seperti berikut ini.disini project diberi nama TutorialSpring

jika sudah setelah itu muncul tampilan seperti ini

Page 2: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 2

Page 3: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 3

Jika sudah selesai kemudian finish,tunggu hingga struktur project muncul

Lalu klik kanan pada project --> properties --> framework

Page 4: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 4

Kemudian pilih ok jika sudah selesai akan muncul struktur file seperti ini pada project

tersebut difolder libraries

Jika sudah muncul seperti itu maka setelah itu pergi file 'TutorialSpring/build/web/WEB-

INF' lalu lakukan edit pada file web.xml dengan cooding seperti ini:

Page 5: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 5

jadi nama servlet yaitu dispatcher merupakan penamaan otomatis dari spring framework

jika namanya sudah diubah maka harus disesuikan terlebih dahulu.

Setelah itu konfigurasi dispatcher-servlet.xml .disini mengatur package dan juga

controller dari web seperti ini .

Page 6: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 6

Yang perlu ditambahkan hanya cooding seperti berikut yang sudah ditandai sebagai

berikut

xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc=”http://www.springframework.org/schema/mvc” http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd <context:component-scan base-package="app.coc" /> <mvc:annotation-driven /> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver" p:prefix="/WEB-INF/data/" p:suffix=".coc" /> </beans>

Jika sudah ditambahkan maka harus diperhatikan base-packagenya sesuai dengan yang

sudah dibuat seperti diatas disini dinamakan app.coc

Disini juga mengatur pemanggilan index dari web yang berekstensi html. Untuk

mendefinisikan pemanggilan controllernya dan juga index dari web tersebut.

Setelah membuat controller dari spring web pertama harus membuat sebuah package

baru yang didalam terdapat sebuah file .java berikut adalah langkah membuat package

Cara klik kanan pada source packages lalu pilih new java package seperti ini

Page 7: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 7

Setelah itu akan muncul tampilan seperti ini disini nama package dinamakan app.coc

setelah itu tinggal finish.

Jika sudah dibuat packagenya tinggal membuat file controllernya yang berekstensi java.

Seperti ini caranya klik kanan pada package yang sudah dibuat tadi lalu pilih new -> java

class. Seperi berikut ini gambarnya

Page 8: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 8

Tuliskan nama controllernya disini diberi nama pengontrol.java seperti ini lalu finish

Kemudian konfigurasi atau diedit file tersebut seperti ini

Page 9: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 9

Controller menangani permintaan dan mengembalikan Model dan juga View - dalam hal

ini, satu bernama 'coba.jsp’yang juga merupakan nama file JSP akan kita buat

berikutnya. Model yang mengembalikan kelas ini sebenarnya diselesaikan melalui View.

Karena kita tidak secara lansung didefinisikan Viewnya.

Nah jika sudah selesai tinggal membuat file jspnya terlebih dahulu dengan struktur seperti ini

yang ada pada folder data

berikut adalah cooding nya

input.jsp

Page 10: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 10

Tampil.jsp :

Page 11: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 11

Serta Cooding untuk Tampilan Indexnya :

Setelah itu Clean and Buil Project. Kemudian lakukan Running Project.

Maka tampilannya akan seperti ini :

Tampilan Index

Page 12: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 12

Tampilan Input Data

Page 13: Tutorial spring web app

Tutorial Spring UAS | Pemrograman Framework II 13

Tampil Data

TERIMAKASIH WASSALAM..!!