cara membuat formulir menggunakan JSP di netbeans


Hallow kali ini saya akan share cara membuat formulir menggunakan JSP di netbeans
materi ini juga dibuat utk melengkapi tugas kampus saya
JSP adalah suatu teknologi web berbasis bahasa pemrograman Java dan berjalan di Platform Java

Netbeans adalah sebuah aplikasi open source lingkungan pengembangan terpadu (IDE) untuk mengembangkan dengan Java, PHP, C + +, dan bahasa pemrograman lainnya
Di materi ini ada perpaduan Bahasa JSP dengan HTML

Oke langsung aja ya kita ke langkah langkahnya

1. Pastikan aplikasi netbeans sudah terinstall, lalu buka aplikasinya


2. pilih file di menu bar dan klik new project
        






3. sesuaikan seperti gambar kita pilih java web lalu pilih lagi web application di project, klik next

4. isi nama project yg akan kita buat


5. klik kanan di project kalian lalu klik new dan pilih JSP isi inputDataMhsiswa


6. utk yg pertama kita bikin inputDataMhsiswa.jsp berikut isi code nya
<html>
    <head>
        <title>Halaman Input Data Mahasiwa</title>
    </head>
    <body>
        <h1>Silahkan Masukkan Data Mahasiswa dengan Benar</h1><TABLE>
            <FORM name="siswa" action="prosesInputMhSiswa.jsp ">
                <tr><td>No Registrasi</td><td>:
                        <input type="text" name="registrasi"></input></td></tr>
                <tr><td>Nama Mahasiswa</td><td>:
                        <input type="text" name="nmmhsiswa"></input></td></tr>
                <tr><td>Alamat Mahasiswa</td><td>:
                        <input type="text" name="almtmhSiswa"></input></td></tr>
                <tr><td>Jenis Kelamin Mahasiswa</td><td>:
                        <input type="radio" name="kelamin" value="Pria" checked>Pria</input>
                        <input type="radio" name="kelamin" value="Wanita">Wanita</input></td></tr>
                <tr><td>Tempat - Tanggal Lahir</td><td>:
                        <input type="text" name="tempatlahir"></input>
                        <select name=tanggal>
                            <%
                                for (int i = 1; i <= 31; i++) {
                            %>
                            <option value="<%=i%>"><%=i%></option>
                            <%
                                }
                            %>
                        </select>
                        <select name=bulan>
                            <%
                                for (int i = 1; i <= 12; i++) {
                            %>
                            <option value="<%=i%>"><%=i%></option>
                            <%  }  %>
                        </select>
                        <select name=tahun>
                            <%
                                for (int i = 1970; i <= 2100; i++) {
                            %>
                            <option value="<%=i%>"><%=i%></option>
                            <% }%>
                        </select>
                    </td></tr>
                <tr><td>Kelas </td><td>:
                        <input type="text" name="kelas"></input></td></tr>
                <tr><td><input type="submit" value=" Masukkan Data "></input></td>
                    <td><input type="reset" value=" Batal "></input></td>
                </tr>
            </form>
        </table>
    </body>
</html>


7. lalu buat lagi file jsp dengan cara yg sama di langkah 5 dengan nama prosesInputMhSiswa.jsp
Lalu isi code berikut

<html>
    <head>
        <title>Halaman Konfirmasi</title>
    </head>
    <body>
        <h1>Data yang anda masukkan adalah : </h1>
        <%
            String registrasi = request.getParameter("registrasi");
            String nama = request.getParameter("nmmhsiswa");
            String alamat = request.getParameter("almtmhsiswa");
            String kelamin = request.getParameter("kelamin");
            String tempatlahir = request.getParameter("tempatlahir");
            String tanggal = request.getParameter("tanggal");
            String bulan = request.getParameter("bulan");
            String tahun = request.getParameter("tahun");
            String kelas = request.getParameter("kelas");

        %>
        Nomor Registrasi : <%=registrasi%><br/>
        Nama Mahasiswa : <%=nama%><br/>
        Alamat Mahasiswa : <%=alamat%><br/>
        Jenis Kelamin : <%=kelamin%><br/>
        Tempat Lahir : <%=tempatlahir%> /
        Tanggal Lahir : <%=tanggal%>-<%=bulan%>-<%=tahun%><br/>
        Kelas : <%=kelas%>
    </body>
</html>



8. lalu kita run filenya dgn cara masuk ke inputDataMhsiswa.jsp lalu klik kanan pilih run file




9. Maka akan tampil seperti ini, lalu kita tes isi data data yg ada di halam tersebut dan klik masukan data






10. jika berhasil maka halaman akan berubah ke halaman konfirmasi yg sudah di proses

Oke sampai disini materi awal pengenalan, tunggu materi berikutnya di postingan selanjutnya
makasih teman sudah membaca blog saya

Komentar

Postingan populer dari blog ini

Perbedaan Class Objek Attribute dan method