7 Bước tạo chức năng Login / Logout với JSP & Servlet

Ngày đăng: 27/06/2020   -    Cập nhật: 14/04/2021
Hôm nay mình sẽ hướng dẫn các bước thực hiện chức năng Login / Logout với JSP & Servlet cho các bạn đang tìm hiểu lập trình Java Web.

Chức năng Login / Logout là một chức năng cực kỳ quan trọng trong trong các Website.

Chính vì thế, một trong những bước học lập trình Java Web đầu tiên là phải học tạo được chức năng này.

Ok, bây giờ chúng ta sẽ đi ngay vào.


Hướng dẫn 7 Bước tạo chức năng Login / Logout với JSP và Servlet


Bước 1: Tạo Web Application


Bạn mở IDE của mình để tạo một ứng dụng web. Ở đây mình sử dụng NetBeans IDE.

Chức năng Login / Logout với JSP và Servlet: Tạo một ứng dụng web với IDE
 

Nếu bạn chưa cài thì có thể xem hướng dẫn tại đây:

Hướng dẫn cài đặt Java
Hướng dẫn cài đặt NetBeans
Hướng dẫn cài đặt Eclipse
Top 7 IDE Java tốt nhất


Tiếp theo, đặt tên và chọn đường dẫn lưu ứng dụng.

Chức năng Login / Logout với JSP và Servlet: Đặt tên và chọn đường dẫn lưu ứng dụng

Sau đó chọn phiên bản JavaEE cho ứng dụng.

Chức năng Login / Logout với JSP và Servlet: Chọn phiên bản JavaEE
 

Bước 2: Thêm thư viện JDBC


Để có thể kết nối với database, ta cần add thư viện JDBC vào Project. Để add thư viện, click phải chuột vào Project, chọn mục Libraries, chọn Add JAR/Folder để thêm thư viện mới.

Chức năng Login / Logout với JSP và Servlet: Thêm thư viện JDBC

Tiếp theo hãy chọn đường dẫn thư mục chứa thư viện, chọn thư viện để add vào Project.

Chức năng Login / Logout với JSP và Servlet: Chọn thư viện JDBC để add vào Project
 

Bước 3: Tạo Database cho ứng dụng web


Mở một RDBMS - Hệ quản trị cơ sở dữ liệu quan hệ (bạn có thể sử dụng MySQL Workbench)

Sau đó, tạo mới một database (ở đây ta đặt tên là quanlytintuc), sau đó tạo bảng account, bảng này chứa thông tin về các tài khoản đăng nhập hệ thống.

Tiếp theo hãy chèn một vài bản ghi vào bảng như hình bên dưới.


Chức năng Login / Logout với JSP và Servlet: Thêm một vài bản ghi vào CDSL

Bước 4: Viết mã cho Model



Vào thư mục source, tạo mới một class với tên là AccountDAO. Chọn package chứa class. 

Chức năng Login / Logout với JSP và Servlet: Tạo Model
 

Tiếp theo hãy viết mã cho DAO để thực hiện kiểm tra tài khoản trong database.

Chức năng Login / Logout với JSP và Servlet: Viết mã cho Model để kiểm tra tài khoản đăng nhập

Bước 5: Tạo Controller


Mở package controller, tạo mới một servlet, đặt tên là LoginServlet như hình bên dưới.

Chức năng Login / Logout với JSP và Servlet: Tạo Controller

Sau đó hãy viết mã cho controller để gọi DAO (Data Access Object), và lưu thông tin tài khoản vào session, đồng thời chuyển tiếp đến View tiếp theo.

Chức năng Login / Logout với JSP và Servlet: Viết mã cho controller để gọi DAO

Bước 6: Tạo View


a) Tạo trang Login


Tạo mới một trang JSP, đặt tên là login.jsp. Trong trang này, hãy tạo form đăng nhập như hình bên dưới.

Chức năng Login / Logout với JSP và Servlet: Tạo trang Login

b) Tạo trang danh sách


Mở file danh sách, viết thêm mã để lấy thông tin trong session (được lưu trong servlet), rồi hiển thị lời chào lên giao diện.

Chức năng Login / Logout với JSP và Servlet: Tạo trang Danh sách

Trên trang này, viết thêm một hyperlink <a href="LogoutServlet">Đăng xuất</a> dùng để thực hiện cho chức năng đăng xuất hệ thống.

Sau đó, tạo mới một Servlet có tên là LogoutServlet, trong servlet này ta sẽ viết mã để hủy session và thực hiện chức năng đăng xuất hệ thống.


Chức năng Login / Logout với JSP và Servlet: Viết mã Logout hệ thống

Bước 7: Thực thi chương trình và xem kết quả


Sau khi đã viết mã xong, hãy chọn Build để biên dịch ứng dụng. Sau đó thực thi ứng dụng và xem kết quả. 
 
Đầu tiên người dùng mở form login.
 
Chức năng Login / Logout với JSP và Servlet: Trang người dùng đăng nhập

Sau khi đã nhập thông tin tài khoản, hệ thống xác thực thành công, ta sẽ nhìn thấy lời chào trên trang danh sách.
 
Chức năng Login / Logout với JSP và Servlet: Trang danh sách sau khi đăng nhập

Sau khi người dùng đăng xuất khỏi hệ thống, hệ thống đã quay lại form đăng nhập như hình bên trên.

Đây là toàn bộ cấu trúc thư mục của Project Login / Logout với JSP & Servlet mà chúng ta vừa tạo xong.

 
Chức năng Login / Logout với JSP và Servlet: Cấu trúc thư mục chức năng đăng ký đăng nhập
 

Chúc mừng bạn đã biết tạo chức năng Login / Logout với JSP & Servlet


Như vậy, trong bài viết này bạn đã biết từng bước để tạo ra một chức năng Login / Logout với JSP và Servlet.

Hãy thực hiện lại ví dụ để thực sự hiểu rõ cách thức tạo ra của chức năng Login / Logout này bạn nhé.

Đừng quên là, để thành công khi học lập trình Java hay bất kỳ một ngôn ngữ lập trình nào khác đều dựa vào thực hành, rèn luyện thật nhiều.

Nếu bạn đọc lý thuyết chưa hiểu rõ, hãy làm ví dụ vài lần để hiểu được chúng. Sau đó, làm lại tiếp vài lần nữa để có thể biến kiến thức thành kỹ năng lập trình.

> KHÓA HỌC JAVA tại NIIT - ICT Hà Nội cũng áp dụng nguyên lý này. Tham gia ngay nếu bạn muốn học lập trình Java bài bản hơn, nhanh hơn.

Chúc bạn học tốt.



TONY HÙNG CƯỜNG


---
HỌC VIỆN ĐÀO TẠO CNTT NIIT - ICT HÀ NỘI
Học Lập trình chất lượng cao (Since 2002). Học thực tế + Tuyển dụng ngay!
Đc: Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội
SĐT: 02435574074 - 0383.180086
Email: hello@niithanoi.edu.vn
Fanpage: https://facebook.com/NIIT.ICT/
 
#sass #css #niit #icthanoi #niithanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python

Bình luận Facebook
Khóa học liên quan đến bài viết

Khóa học PHP Full stack [2023] cho người mới bắt đầu

96 giờ
Khóa học Lập trình PHP Full stack, phiên bản cập nhật lần thứ 8. Dạy Lập trình PHP bài bản từ Front end đến Back end + Laravel. Hướng dẫn làm 2 Dự Án Web lớn

Lập trình PHP với Laravel Framework

42 giờ
Khóa học Lập trình PHP với Laravel Framework được NIIT - ICT HÀ NỘI xây dựng nhằm hoàn thiện kỹ năng lập trình web các các bạn đã biết Lập trình Web PHP thuần.

Khóa học Java Full stack (IJFD)

104 giờ
Học lập trình Java Fullstack với khóa học được xây dựng theo lộ trình bài bản, từ JAVA CƠ BẢN đến JAVA WEB và nâng cao về JAVA FRAMEWORK như: Spring Boot, Hibernate
Mục lục
Đăng ký tư vấn
Nhân viên gọi điện tư vấn miễn phí sau khi đăng ký
Được cập nhật các ưu đãi sớm nhất
Hotline: 0383180086
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Hãy đăng ký để nhận những thông tin mới nhất về học bổng mới nhất tại NIIT - ICT Hà Nội
top
Đóng lại Đăng ký học tại NIIT - ICT Hà Nội
6260+ học viên đã theo học tại NIIT - ICT Hà Nội và có việc làm tốt trong ngành lập trình. Nắm lấy cơ hội ngay hôm nay!
Chọn khóa học
  • KHÓA HỌC LẬP TRÌNH FRONT END VỚI REACT.JS
  • KHÓA HỌC LẬP TRÌNH PHP WEB
  • Khóa học PHP Full stack [2023] cho người mới bắt đầu
  • Khóa học BIG DATA với Hadoop và Spark
  • Khóa học Lập trình Android tại Hà Nội
  • [Tuyển sinh 2023] Lập trình viên Quốc tế DigiNxt
  • Khóa học Tiền lương & Phúc lợi (C&B Excel) tại Hà Nội
  • LẬP TRÌNH GAME
    • Khóa học Lập trình Game Unity
  • LẬP TRÌNH WEB FRONT END
    • KHÓA HỌC PYTHON HƯỚNG ĐỐI TƯỢNG
    • KHÓA HỌC ANGULAR & TYPESCRIPT (FRONT END)
  • LẬP TRÌNH WEB BACK END
    • LẬP TRÌNH JAVA WEB VỚI FRAME WORK
    • Lập trình Web với Django
    • Lập trình PHP với Laravel Framework
  • CHƯƠNG TRÌNH ĐÀO TẠO ỨNG DỤNG CÔNG NGHỆ
    • Khóa học Tiền lương & Phúc lợi (C&B Excel) tại TP HCM
  • LẬP TRÌNH WEB FULL STACK
    • Khóa học Java Full stack (IJFD)
  • LẬP TRÌNH MOBILE
    • FRONT-END VỚI REACTJS VÀ REACT NATIVE
    • Lập trình Android Nâng cao
  • ĐÀO TẠO CHO DOANH NGHIỆP
    • KHÓA HỌC BUSINESS ANALYSIC TỪ CƠ BẢN ĐẾN NÂNG CAO 2023
    • Khóa học Magento: Làm chủ CMS TMĐT lớn nhất
    • Khóa học IOT: Xây dựng Sản phẩm IOT với Raspberry Pi
    • Khóa học Automation Testing Chuyên nghiệp
  • KHÓA HỌC DỰ ÁN
    • Học sử dụng bộ Office: Word, Excel, Power Point, Mail chuyên nghiệp
  • KHÓA HỌC KHÁC
    • VBA Excel Toàn Tập (Cơ Bản - Nâng Cao)
    • VBA Excel Nâng cao
    • Khóa học JMeter: Performance Testing
    • Khóa học Tester đạt chuẩn Quốc tế ISTQB Foundation Level
    • Khoá Học Tester đạt chuẩn quốc tế ISTQB Advanced Level
Bạn chưa chọn khóa học cần đăng ký
Tên không được để trống
Số điện thoại không được để trống
Email không được để trống
Đăng ký học thành công!
Cảm ơn bạn đã đăng ký học tại NIIT - ICT HÀ NỘI!