FeaturesPluginsDocs & SupportCommunityPartners

Giới thiệu về việc Phát triển các Ứng dụng Web

Tài liệu này đưa bạn đi qua các bước căn bản của việc sử dụng NetBeans IDE 5.5 để phát triển các ứng dụng web. Tài liệu này được thiết kế để giúp bạn đi càng nhanh càng tốt. Để biết thêm thông tin về việc làm việc với NetBeans IDE, hãy xem trang Support and Docs trên trang web của NetBeans.

Bạn tạo ra, triển khai, và thực hiện một ứng dụng web đơn giản. Ứng dụng sử dụng một trang JavaServer Pages™ để yêu cầu bạn nhập tên bạn. Rồi nó sử dụng một thành phần JavaBeans™ để duy trì tên đó trong phiên HTTP và nhắc lại tên đó trên một trang JavaServer Pages khác.

Thiết lập một Dự án Ứng dụng Web

Trước khi bạn bắt đầu viết mã, bạn phải chắc chắn có tất cả phần mềm cần thiết và dự án của bạn được thiết lập đúng cách.

Cài đặt Phần mềm

Trước khi bạn bắt đầu, bạn cần phải cài đặt phần mềm sau trên máy tính của bạn:

Một cách tùy ý, bạn có thể tải xuống và sử dụng Sun Java System (SJS) Application Server (tải xuống), JBoss, hoặc WebLogic. Tuy nhiên, Tomcat Web Server được gói cùng IDE cung cấp tất cả hỗ trợ mà bạn cần cho các ứng dụng web hai lớp như ứng dụng được mô tả trong hướng dẫn này. Một máy chủ ứng dụng (chẳng hạn SJS Application Server, JBoss, hoặc WebLogic) chỉ bắt buộc khi bạ muốn phát triển các ứng dụng dành cho doanh nghiệp.

Đăng ký Máy chủ với IDE

Máy chủ Web kết hợp của Tomcat được đăng ký với IDE một cách tự động. Tuy nhiên, trước khi bạn có thể triển khai vào SJS Application Server, JBoss, hoặc WebLogic, bạn phải đăng ký một trường hợp cục bộ với IDE. Nếu bạn đã cài đặt gói NetBeans IDE 5.5/SJS Application Server, một trường hợp cục bộ của SJS Application Server được đăng ký một cách tự động. Nếu không, hãy thực hiện các bước sau:

  1. Chọn Tools > Server Manager từ cửa sổ chính.
  2. Nhấp vào Add Server. Chọn loại máy chủ và đặt tên cho trường hợp. Rồi nhấp vào Next.
  3. Chỉ rõ các thông tin máy chủ, địa điểm của trường hợp cục bộ của máy chủ ứng dụng, và tên miền mà bạn muốn triển khai.

Tạo một Dự án Ứng dụng Web Mới

  1. Chọn File > New Project. Dưới Categories, chọn Web. Dưới Projects, Chọn Web Application và nhấp vào Next.
  2. Dưới Project Name, nhập HelloWeb. Lưu ý rằng Context Path là /HelloWeb.
  3. Thay đổi Project Location thành bất kỳ thư mục nào trên máy tính của bạn. Từ giờ trở đi, thư mục này được tham chiếu đến là $PROJECTHOME.
  4. Chọn các gợi ý mà cấu trúc nguồn của bạn sẽ tuân theo, mà hoàn toàn là một sự tham chiếu cá nhân:
  5. Chọn máy chủ mà bạn muốn triển khai ứng dụng của bạn đến đó. Chỉ các máy chủ được đăng ký với IDE được liệt kê.
  6. Chọn hộp đánh dấu Set as Main Project. Nhấp vào Finish.

    IDE tạo thư mục dự án $PROJECTHOME/HelloWeb. Thư mục dự án chứa tất cả các nguồn và siêu dữ liệu dự án của bạn, chẳng hạn tập lệnh xây dựng của dự án. Dự án HelloWeb mở ra trong IDE. Bạn có thể xem cấu trúc lôgic của nó trong cửa sổ Projects và cấu trúc tệp của nó trong cửa sổ Files.

Tạo và Hiệu chỉnh các Tệp Nguồn Ứng dụng Web

Việc tạo và hiệu chỉnh các tệp nguồn là chức năng quan trọng nhất mà IDE phục vụ. Rốt cuộc, đó có thể là những gì mà bạn bỏ phần lớn thời gian trong ngày để làm. IDE cung cấp một phạm vi công cụ rộng rãi mà có thể thích hợp với bất cứ phong cách cá nhân nào của người phát triển, cho dù bạn thích mã hoá tất cả bằng tay hay muốn IDE khởi tạo những kho mã lớn cho bạn.

Tạo Gói Java và Tệp Nguồn Java

  1. Mở rộng nút Source Packages. Lưu ý rằng nút Source Packages chỉ chứa một nút gói mặc định trống.
  2. Nhấp phải vào nút Source Packages và chọn New > Java Class. Nhập NameHandler vào hộp văn bản Class Name và gõ org.me.hello trong trình đơn thả xuống Package. Nhấp vào Finish.
  3. Trong Source Editor, khai báo một trường bằng cách gõ dòng sau một cách trực tiếp dưới khai báo lớp:
        String name;
  4. Thêm dòng sau vào phương thức nameHandler():
        name = null;

Khởi tạo các Phương thức Getter và Setter

  1. Nhấp phải vào từ name trong lời khai báo trường ở đầu một lớp và chọn Refactor > Encapsulate Fields. Nhấp vào Next để chạy lệnh với các tùy chọn mặc định của nó.
  2. Nhấp vào Do Refactoring. Các phương thức Getter và setter được khởi tạo cho trường name và cấp độ truy cập được thay đổi thành riêng tư. Lớp Java bây giờ sẽ trông giống như sau:
        package org.me.hello;
    
        /**
         *
         * @author Administrator
         */
    
        public class NameHandler {
    
    	private String name;
    
            /** Creates a new instance of NameHandler */
            public NameHandler() {
               setName(null);
            }
    
            public String getName() {
               return name;
            }
    
            public void setName(String name) {
               this.name = name;
            }
    
        }

Hiệu chỉnh Tệp JavaServer Pages Mặc định

  1. Mở rộng nút dự án HelloWeb và nút Web Pages. Lưu ý rằng IDE đã tạo một tệp JavaServer Pages mặc định, index.jsp, cho bạn. Khi bạn tạo dự án, IDE mở tệp index.jsp trong Source Editor.
  2. Chọn tab index.jsp trong Source Editor. Tệp index.jsp bây giờ được tập trung trong Source Editor.
  3. Trong Palette ở bên trái Source Editor, hãy mở rộng các Biểu mẫu HTML và kéo một mục Biểu mẫu dưới các thẻ <h1> trong Source Editor. Hộp thoại Chèn Biểu mẫu sẽ xuất hiện:

    Palette

    Đặt các giá trị sau:

    • Action: response.jsp
    • Method: GET
    • Name: Name Input Form

    Nhấp vào OK. Biểu mẫu được thêm vào tệp index.jsp.

  4. Kéo một mục Text Input đến ngay trước thẻ </form>.

    Đặt các giá trị sau:

    • Name: name
    • Type: text

    Nhấp vào OK. Text Input được thêm vào giữa các thẻ <form>.

  5. Kéo một mục Button đến ngay trước thẻ</form> .

    Đặt các giá trị sau:

    • Label: OK
    • Type: submit

    Nhấp vào OK. Button được thêm vào giữa các thẻ <form>.

  6. Nhập tên của bạn: trước thẻ <input> và thay đổi văn bản giữa các thẻ <h1> thành Entry Form.

    Các thẻ nằm giữa những thẻ <body> bây giờ sẽ giống như sau:

  7. <h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
    Nhập tên của bạn: <input type="text" name="name" value="" />
    <input type="submit" value="OK" /></form>

Tạo Tệp JavaServer Pages

  1. Mở rộng nút dự án HelloWeb và nút Web Pages.
  2. Nhấp phải vào nút Web Pages và chọn New > JSP, đặt tên cho tệp JavaServer Pages là response, và nhấp vào Finish.

    Tệp response.jsp mở ra trong Source Editor.

  3. Trong Palette ở bên phải Source Editor, mở rộng JSP và kéo một mục Use Bean đến ngay dưới thẻ <body> trong Source Editor.

    Đặt các giá trị sau:

    • ID: mybean
    • Class: org.me.hello.NameHandler
    • Scope: session

    Nhấp vào OK. Use Bean được thêm vào dưới thẻ <body>.

  4. Thêm một mục Get Bean Property và một mục Set Bean Property từ Palette. Sau đó thay đổi mã để các những giữa các thẻ <body> trông giống như sau:
  5. <jsp:useBean id="mybean" scope="session" class="org.me.hello.NameHandler" />
    <jsp:setProperty name="mybean" property="*" />
    
    <h1>Hello, <jsp:getProperty name="mybean" property="name" />!</h1>

Xây dựng và Chạy một Dự án Ứng dụng Web

IDE sử dụng một tập lệnh xây dựng Ant để xây dựng các ứng dụng web của bạn. IDE khởi tạo tập lệnh xây dựng dựa trên các tuỳ chọn mà bạn nhập vào giao diện thuật sĩ New Project và hộp thoại Project Properties của dự án.

  1. Chọn Run > Run Main Project (F6) từ trình đơn Run.

    IDE xây dựng các ứng dụng web và triển khai nó, sử dụng máy chủ mà bạn chỉ ra khi tạo dự án.

  2. Nhập tên của bạn vào hộp văn bản trên trang index.jsp được triển khai của bạn:

    Palette

    Nhấp vào OK. Trang response.jsp sẽ mở ra và chào mừng bạn:

    Palette



Các bước Kế tiếp

Để biết thêm thông tin về việc phát triển các ứng dụng web trong NetBeans IDE 5.5, xem các nguồn sau:

Để gửi các lời bình luận và các đề xuất, nhận được hỗ trợ, và được thông báo về những phát triển mới nhất cho các tính năng phát triển của NetBeans IDE Java EE, hãy tham gia Danh sách Gửi thư của Để biết thêm thông tin về các tính năng phát triển sắp tới của Java EE trong NetBeans IDE, xem http://j2ee.netbeans.org/.

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by