Categories: Tài liệu IT

Xây Dựng Web Application Với Java: Hướng Dẫn Chi Tiết

Published by

Trước khi tìm hiểu về Java Application, chúng ta cần hiểu về ngôn ngữ lập trình Java. Đây là một ngôn ngữ lập trình phổ biến, được sử dụng để viết mã cho các ứng dụng web. Với hàng triệu ứng dụng Java đã được sử dụng trong nhiều năm qua, Java trở thành một lựa chọn phổ biến cho các nhà phát triển.

Java Application Là Gì?

Ngôn ngữ Java có cú pháp tương đối giống với ngôn ngữ C/C++, nhưng nó có khả năng độc lập với hệ điều hành. Ngôn ngữ này được xây dựng dựa trên các class, mà có thể được coi như những đối tượng. Khi xây dựng các ứng dụng, người lập trình có thể sử dụng các class chuẩn có sẵn trong hệ thống hoặc tự tạo ra các class mới để đáp ứng yêu cầu công việc.

Java đã được sử dụng rộng rãi cho các ứng dụng viết trên Internet, làm trung tâm và nền tảng cho nhiều dự án. Đây là một ngôn ngữ lập trình nhanh, bảo mật và đáng tin cậy, được sử dụng để viết mã cho các ứng dụng di động, phần mềm doanh nghiệp, ứng dụng dữ liệu lớn và công nghệ phía máy chủ.

Trong Java, chúng ta có hai loại chương trình: Java Applet và Java Application. Trong bài viết này, chúng ta sẽ tìm hiểu về Java Application và cách xây dựng web application với Java.

Hướng Dẫn Xây Dựng Web Application Với Java

Để xây dựng web application với Java, bạn cần chuẩn bị một số phần mềm sau:

  • Java Development Kit (JDK)
  • NetBeans IDE
  • GlassFish Server Open Source Edition
  • MySQL database server

Cấu trúc để xây dựng web application với Java như sau: ứng dụng web Java sẽ kết nối trực tiếp với cơ sở dữ liệu MySQL thông qua Java Database Connectivity (JDBC).

Trong hướng dẫn này, chúng ta sẽ tạo ra hai trang JSP liên quan đến việc tạo giao diện và truy vấn cơ sở dữ liệu. Cơ sở dữ liệu bao gồm hai bảng: Subject và Counselor trong cơ sở dữ liệu MySQL có tên là webappjavadb.

Dưới đây là các bước để xây dựng web application với Java:

Bước 1: Tạo mới một project

  • Bạn chọn File => New Project từ menu.
  • Chọn Java Web => Web Application và nhấn Next.
  • Tại Project Name, nhập JavaWebApplication và chọn nơi lưu trữ project tại Project Location. Sau đó, nhấn Next.
  • Lựa chọn ServerJava EE Version rồi nhấn Next.
  • Cuối cùng, chọn Finish.

Bước 2: Thiết kế trang index.jsp

  • Bấm chuột phải vào JavaWebApplication và chọn New => JSP.
  • Tại File Name, nhập index và chọn Finish.
  • Đổi nội dung giữa cặp thẻ <title> thành: “Trang chủ” và thay đổi nội dung giữa cặp thẻ <h1> thành: “Hướng dẫn cách xây dựng web application với Java”.
  • Tạo hiển thị Palette bằng cách nhấn chuột chọn Window => Palette.
  • Con trỏ chuột được đặt tại dòng mới (dòng phía bên dưới thẻ <h1>) để chèn vào một bảng gồm 2 dòng, 1 cột và thuộc tính border bằng 0. Sau đó, bạn nhấn đúp vào biểu tượng Table tại Palette.
  • Tiếp theo, bạn thêm các nội dung sau (nội dung mới được in đậm):
<table border="0">
  <thead>
    <tr>
      <th>Tư vấn cùng chuyên gia</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Để xem chi tiết vui lòng chọn chủ đề bên dưới</td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </tbody>
</table>
  • Dòng dưới cùng của bảng sẽ được dùng để chèn form. Để làm như vậy, bạn đặt con trỏ chuột giữa cặp thẻ <td> thứ hai, sau đó nhấn đúp vào biểu tượng Form.
  • Tại hộp thoại Insert Form, bạn nhập response.jsp tại ô Action và chọn OK.
  • Bạn nhập vào nội dung sau đây giữa các thẻ <form> (nội dung mới được in đậm):
<tr>
  <td>
    <form action="response.jsp">
      <strong>Chọn chủ đề:</strong>
      <select name="subject_id">
        <option></option>
      </select>
      <input type="submit" value="Gửi yêu cầu" name="submit" />
    </form>
  </td>
</tr>
  • Để xem trang này trên trình duyệt, bạn bấm chuột phải vào tập tin index.jsp sau đó chọn Run File.

Bước 3: Thiết kế trang response.jsp

  • Bấm chuột phải vào JavaWebApplication và chọn New => JSP => nhập response tại Field Name và cuối cùng chọn Finish.
  • Thay đổi title thành: “Web Application Java – {placeholder}”.
  • Bỏ <h1>Hello World!</h1> và thêm đoạn mã sau vào thẻ <body>:
<table border="0">
  <thead>
    <tr>
      <th colspan="2">{placeholder}</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><strong>Miêu tả: </strong></td>
      <td><span style="font-size:smaller; font-style:italic;">{placeholder}</span></td>
    </tr>
    <tr>
      <td><strong>Tư vấn: </strong></td>
      <td>{placeholder} <br /> <span style="font-size:smaller; font-style:italic;"> Thành viên: {placeholder}</span> </td>
    </tr>
    <tr>
      <td><strong>Liên hệ: </strong></td>
      <td><strong>email: </strong> <a href="mailto:{placeholder}">{placeholder}</a> <br /><strong>Điện thoại: </strong>{placeholder}</td>
    </tr>
  </tbody>
</table>
  • Khi thực thi trên trình duyệt, kết quả hiển thị trang response.jsp như sau:

Hướng Dẫn Thiết Lập JDBC Để Kết Nối Ứng Dụng Với Cơ Sở Dữ Liệu

Cách thiết lập kết nối đến MySQL:

  • Chọn Services và chuột phải vào Databases và chọn New Connection => chọn MySQL (Connector/J driver) => chọn Next.
  • Đặt tên cơ sở dữ liệu tại JDBC URLwebappjavadb => chọn Finish.

Cách tạo glassfish-resources.xml:

  • Vào File => chọn New File => chọn GlassFish (tại Categories) => chọn JDBC Resource (tại File Types) => chọn Next.
  • Chọn Create New JDBC Connection Pool => nhập JNDI Name => chọn Next.
  • Nhập JDBC Connection Pool Name => chọn jdbc:mysql://localhost:3306/webappjavadb tại Extract from Existing Connection => chọn Next.
  • Tại Resource Type, chọn javax.sql.ConnectionPoolDataSource => chọn Finish.
  • Kết quả bạn sẽ thu được tập tin glassfish-resources.xml.

Hướng dẫn tham chiếu nguồn dữ liệu từ ứng dụng:

Cách tạo tập tin web.xml:

  • Vào File => chọn New File => chọn Web (tại Categories) => chọn Standard Deployment Descriptor (web.xml) (ngay tại File Types) => chọn Next => chọn Finish.
  • Nhấn đúp chuột vào tập tin web.xml (trong mục Configuration Files của Projects) => chọn thẻ References => mở rộng Resource References => chọn Add, tại Resource References bạn nhập jdbc/webapplicationjava, tại Resource Type bạn chọn java.net.URL => chọn OK.
  • Tiếp theo, bạn đặt con trỏ chuột trước dòng "<%@page contentType=”text/html” pageEncoding=”UTF-8″%>" của trang index.jsp => sau đó nhấn đúp vào DB Report trong Palette => chỉ định các thông số.
<sql:query var="counselorQuery" dataSource="jdbc/webapplicationjava">
    SELECT * FROM Subject, Counselor WHERE Counselor.counselor_id = Subject.counselor_idfk AND Subject.subject_id = ? <sql:param value="${param.subject_id}"/>
</sql:query>
<c:set var="counselorDetails" value="${counselorQuery.rows[0]}"/>
  • Bạn tiếp tục bổ sung đoạn mã in đậm vào giữa cặp thẻ <select>:
<form action="response.jsp">
  <strong>Chọn chủ đề:</strong>
  <select name="subject_id">
    <c:forEach var="row" items="${subjects.rows}">
      <option value="${row.subject_id}">${row.name}</option>
    </c:forEach>
  </select>
  <input type="submit" value="Gửi yêu cầu" name="submit" />
</form>
  • Sau đó bạn xóa đoạn mã dưới đây:
<table border="1"> <!-- column headers -->
  <tr>
    <c:forEach var="columnName" items="${subjects.columnNames}">
      <th><c:out value="${columnName}"/></th>
    </c:forEach>
  </tr>
  <!-- column data -->
  <c:forEach var="row" items="${subjects.rowsByIndex}">
    <tr>
      <c:forEach var="column" items="${row}">
        <td><c:out value="${column}"/></td>
      </c:forEach>
    </tr>
  </c:forEach>
</table>

Khi trang index.jsp hiển thị trên trình duyệt, bạn lựa chọn chủ đề và nhấn Gửi yêu cầu, khi đó yêu cầu sẽ được gửi đến trang response.jsp và kế tiếp trang này sẽ hiển thị thông tin chi tiết tương ứng với chủ đề bạn đã chọn.

Kết Luận

Trên đây là lời giải đáp cho câu hỏi “Java Application là gì?” và hướng dẫn cách xây dựng web application với Java. Hy vọng rằng những thông tin này đã giúp bạn hiểu rõ hơn về Java Application và cung cấp cho bạn hướng dẫn cần thiết. Nếu bạn cần biết thêm thông tin về lập trình Java Application, hãy liên hệ với CodeGym Hà Nội để được tư vấn và hỗ trợ.

This post was last modified on Tháng Năm 11, 2024 4:57 sáng

Đinh Thái Hoàng

Đinh Thái Hoàng - tác giả của Laptrinhc.edu.vn, chuyên sâu trong lĩnh vực lập trình. Trang web chia sẻ kiến thức, hướng dẫn và tin tức về lập trình, giúp bạn khám phá thế giới mã nguồn và nâng cao kỹ năng coder.

Published by

Bài đăng mới nhất

Tổng hợp app bán hàng online uy tín nhất tại Việt Nam

Tổng hợp app bán hàng online uy tín nhất tại Việt Nam

Khám phá và tận dụng tiềm năng kinh doanh trên nhiều nền tảng là điều…

5 ngày ago

HỌC THIẾT KẾ MOBILE APP Ở ĐÂU UY TÍN?

Mobile App đang trở thành một phần thiết yếu trong cuộc sống hiện đại. Với…

5 ngày ago

Cách phá mật khẩu Windows bằng DLC Boot

Bạn đã bao giờ quên mật khẩu máy tính và không biết phải làm sao?…

5 ngày ago

Cách kiểm tra và cài đặt Driver cho Windows 10 chuẩn nhất

Driver chính là phần mềm giúp hệ điều hành nhận diện phần cứng trên máy…

5 ngày ago

Top 10 công cụ viết phần mềm tốt nhất

Hiện nay, lập trình viên không cần phải thực hiện toàn bộ công việc lập…

5 ngày ago

Những Công Ty Lập Trình Ứng Dụng Cho IOS Hàng Đầu Việt Nam

Lập trình ứng dụng cho iOS không chỉ đơn thuần là một quyết định khó…

5 ngày ago