Membuat Tampilan Web Sederhana Tahap 1

Helloo guys....
Okey sekarang saya akan berbagi bagaimana sih membuat tampilan web sederhana dengan mengganti URL. Sebenarnya ini Tahap Pertama, sebelumnya  https://syulfah.blogspot.co.id/2018/04/membuat-sebuah-tampilan-web.html , perbedaan nya ini hanya menampilkan satu halaman, satu URL atau satu jsp. Sebelum masuk ke langkah-langkah, pastikan ApacheTomcat sudah terinstal.

Langkah-langkahnya :
1. Langkah pertama, Klik File - New Project

2. Selanjutnya klik Java Web di bagian Categories, sedangkan dibagian Projects kita Klik Web Application, lalu Klik Next

3. Setelah itu isi pada Project Name untuk memberi nama project yang akan dibuat, misalnya saya beri nama Pemrograman Terstruktur, lalu Klik Next

4. Kemudian Pilih Apache Tomcat 8.0.27.0 pada Server, lalu Klik Next

5. Centang pada bagian Spring Web MVC lalu Klik Finish

6. Langkah selanjutnya membuat file jsp  baru dengan Klik Kanan pada jsp di folder WEB-INF lalu Pilih New kemudian Klik JSP...

7. Isi pada bagian File Name untuk memberi nama file jsp yang baru, disini saya isi hello lalu klik Finish

8. Setelah itu Klik Kanan pada Folder Source Packages, Pilih New lalu Klik Jaava Class

9. Selanjutnya isi pada bagian File Name, misalnya saya beri nama HelloJava lalu Klik Finish

10. Kemudian kita buat file XML, dengan cara Klik Kanan pada jsp di Folder WEB-INF lalu Pilih New , Klik Spring XML Configuration File...

11. Isi pada bagian File Name, misalnya di isi spring servlet lalu Klik Next

12. Centang pada bagian ketiga yaitu Context , lalu Klik Finish

13. Buka web.xml lalu Delete semua isi pada bagian web.xml , kemudian ganti dengan mengisi :
      <?xml version="1.0" encoding="ISO-8859-1"?>
     <web-app xmlns="http://java.sun.com/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                      http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
             version="3.0"
             metadata-complete="true">
    <display-name>Aplikasi Spring Web MVC</display-name>
    <description>
        Ini adalah aplikasi dasar dari Spring Web MVC
    </description>
    <servlet>
        <servlet-name>spring</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>spring</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
    </web-app>

14. Setelah itu isi pada spring-servlet.xml dibagian bawah ">
      <context : component - scan base - package="controller"/>
     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
     </bean>

15. Kemudian buka HelloJava.java pada Source Packages lalu isi dengan :
      @Controller
       public class HelloJava {
            @RequestMapping(value = "/hello")
             public ModelAndView hello(){
                   String myMessage = "Hallo ini dari kelas HelloJava";
                  ModelAndView mav = new ModelAndView();
                  mav.setViewName("hello");
                  mav.addObject("message", myMessage);
                 return mav;
           }  
    
      }

16. Langkah selanjutnya buka hello.jsp lalu isi dibawah title untuk menampilkan isi yang akan ditampilkan dan untuk memberi warna background halaman, isi dengan :
             <style>body{background-color:lightpink}</style>
      </head>
      <body>
            <h1>${message}</h1>
      </body>

17. Langkah selanjutnya Klik Kanan pada Pemrograman Terstruktur lalu Klik Clean and Build

18. Setelah proses Clean and Build selesai, selanjutkan lakukan Deploy, caranya sama seperti Clean and Build yaitu dengan Klik Kanan pada Pemrograman Terstruktur lalu Klik Deploy

19. Setelah proses Deploy selesai, lakukan Run, caranya sama seperti Clean and Build dan Deploy, yaitu dengan Klik Kanan pada Pemrograman Terstruktur lalu Klik Run, maka secara otomatis akan membuka Mozilla Firefox, dan jika berhasil maka hasil tampilannya seperi berikut

Finally, selamat mencoba dan selamat belajar, semoga bermanfaat, jika ada kesalahan mohon dimaafkan, Terimakasih :)






















Komentar

Postingan populer dari blog ini

Membuat Grafik/Objek Sederhana Menggunakan Java Netbeans

Membuat Kubus 3D dengan Java Neatbeans

Membuat Animasi Dengan Java Netbeans