FeaturesPluginsDocs & SupportCommunityPartners

Web Uygulamaları Geliştirmeye Giriş

Bu belge, web uygulamaları geliştirmek için NetBeans IDE 5.5'in nasıl kullanılacağının temel aşamalarını göstermektedir. Bu belge, mümkün olduğunca hızlı bir şekilde başlamanıza yardımcı olacak şekilde tasarlanmıştır. NetBeans IDE ile çalışma hakkında daha fazla bilgi için, NetBeans web sitesindeki Destek ve Dokümanlar sayfasına bakınız.

Basit bir web uygulaması oluşturur, yükler ve yürütürsünüz. Uygulama isminizi girmeniz soracak olan bir JavaServer Pages™ sayfası kullanmaktadır. Ardından HTTP oturumu sırasında adı hatırmak ve başka bir JavaServer Pages sayfasında adı tekrarlamak için JavaBeans™ bileşenini kullanır.

Web Uygulaması Projesi Oluşturma

Kod yazmaya başlamadan önce, gerekli tüm yazılıma sahip olduğunuzdan ve projenizin doğru ayarlandığından emin olmanız gerekir.

Yazılımın Yüklenmesi

Başlamadan önce, bilgisayarınızda aşağıdaki yazılımların bilgisayarınızda yüklü olması gerekir:

Tercihinize bağlı olarak, Sun Java System (SJS) Uygulama Sunucusu (yükle), JBoss veya WebLogic'i de yükleyebilir ve kullanabilirsiniz. Ancak IDE ile birlikte gelen Tomcat Web Sunucusu, bu rehberde açıklanan bir uygulama gibi iki katmanlı web uygulamaları için ihtiyaç duyduğunuz tüm desteği sağlamaktadır. Bir uygulama sunucusu (örneğin SJS Uygulama Sunucusu, JBoss veya WebLogic) sadece kurumsal uygulamalar geliştirmek istediğinizde gerekir.

Sunucuyu IDE'yle Kaydetme

Pakete dahil olan Tomcat Web Sunucusu, IDE'yle otomatik olarak kaydedilir. Ancak SJS Uygulama Sunucusu, JBoss veya WebLogic'e yüklemeden önce, IDE'nin yerel bir kopyasını kaydetmeniz gerekir. NetBeans IDE 5.5/SJS Uygulama Sunucusu Paketini yüklediyseniz, SJS Uygulama Sunucusunun yerel bir kopsayı otomatik olarak kaydedilir. Aksi durumlarda, aşağıdakileri uygulayın:

  1. Ana pencereden Tools > Server Manager'ı seçin.
  2. Add Server'a tıklayın. Sunucu tipini seçin ve oturuma bir ad verin. Ardından Next düğmesine tıklayın.
  3. Sunucu bilgisini, uygulama sunucusunun yerel kopyasının konumunu ve yükleme yapmak istediğiniz yetki alanını belirtin.

Yeni bir Web Uygulaması Projesi Oluşturma

  1. File > New Project'i seçin. Categories alında, Web'i seçin. Projects altında Web Application'ı seçin ve Next düğmesine tıklayın.
  2. Project Name altında, HelloWeb yazın. Context Path'ın /HelloWeb olduğuna dikkat edin.
  3. Proje Konumunu bilgisayarınızdaki herhangi bir dizin olarak değiştirin. Artık bu dizin $PROJECTHOME olarak geçecektir.
  4. Kaynak yapınızın uyacağı, tamamen kişisel tercihinize bağlı olan önerileri seçin.
  5. Uygulamanızı yüklemek istediğiniz sunucuyu seçin. Sadece IDE'ye kaydedilmiş sunucular listelenir.
  6. Set seçeneğini Main Project onay kutusu seçili olarak bırakın. Finish düğmesine tıklayın.

    IDE $PROJECTHOME/HelloWeb proje klasörünü oluşturur. Proje klasörü tüm kaynaklarınızı ve projenin Ant derleme betiği gibi proje meta verilerini içerir. HelloWeb projesi IDE'de açılır. Mantıksal yapıyı Projeler penceresinde, dosya yapısını Dosyalar penceresinde görebilirsiniz.

Web Uygulaması Kaynak Dosyaları Oluşturma ve Düzenleme

Kaynak dosyalar oluşturma ve düzenleme, IDE'nin sağladığı en önemli fonksiyondur. Hepsinden önemlisi, muhtemelen gününüzün büyük kısmını harcadığınız şey bu. İster herşeyi elle kodlamayı tercih edin ister IDE'nin büyük kod parçalarını sizin için yazmasını isteyin, IDE geliştiricinin kişisel tarzına uyacak geniş bir dizi araç sağlamaktadır.

Bir Java Paketi ve Java Kaynak Dosyası Oluşturma

  1. Source Packages düğümünü genişletin. Source Packages düğümünün sadece bir boş varsayılan paket düğümü içerdiğini unutmayın.
  2. Source Packages düğümüne sağ tıkalyın ve New > Java Class'ı seçin. Class Name metin kutusunda NameHandler'a girin ve Package açılır menüsüne org.me.hello yazın. Finish düğmesine tıklayın.
  3. Kaynak Düzenleyicide, sınıf açıklamasının hemen altına aşağıdaki satırı yazarak bir alan açıklayın:
        String name;
  4. Aşağıdaki satırı nameHandler() yöntemine ekleyin:
        name = null;

Getter ve Setter Yöntemleri Oluşturma

  1. Sınıfın başındaki alan açıklamasındaki name kelimesine sağ tıklayın ve Refactor > Encapsulate Fields'i seçin. Komutu varsayılan seçeneklerle çalıştırmak için Next düğmesine tıklayın.
  2. Do Refactoring'e tıklayın. name alanı için getter ve setter yöntemleri oluşturulacak ve erişim seviyesi özel olarak değiştirilecektir. Java sınıfı şimdi aşağıdaki şekilde görünmelidir:
        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;
            }
    
        }

Varsayılan JavaServer Pages Dosyasını Düzenleme

  1. HelloWeb proje düğümünü ve Web Pages düğümünü genişletin. IDE'nin sizin için varsayılan bir JavaServer Pages dosyası index.jsp oluşturduğunu unutmayın. Projeyi oluşturduğunuzda, IDE index.jsp dosyasını Kaynak Düzenleyicide açmıştır.
  2. index.jsp Kaynak Düzenleyici sekmesini seçin. index.jsp dosyası Kaynak Düzenleyiciye odaklıdır.
  3. Kaynak Düzenleyicinin sağ tarafındaki Palette'te HTML Forms'u genişletin ve Kaynak Düzenleyicide <h1> etiketleri altına bir Form öğesi sürükleyin. Insert Form iletişim penceresi açılacaktır:

    Palette

    Aşağıdaki değerleri ayarlayın:

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

    OK düğmesine tıklayın. Form index.jsp dosyasına eklenir.

  4. </form> etiketinden hemen önce bir Text Input öğesi sürükleyin.

    Aşağıdaki değerleri ayarlayın:

    • Name: name
    • Type: text

    OK düğmesine tıklayın. <form> etiketleri arasına Text Input eklenir.

  5. </form> etiketinin hemen önüne bir Button öğesi sürükleyin.

    Aşağıdaki değerleri ayarlayın:

    • Label: OK
    • Type: submit

    OK düğmesine tıklayın. <form> etiketleri arasına Button eklenir.

  6. <input> etiketinden önce Enter your name: yazın ve <h1> etiketleri arasındaki metni Entry Form olarak değiştirin.

    <body> etiketleri arasındaki metin şimdi aşağıdaki şekilde görünmelidir:

  7. <h1>Entry Form</h1><form name="Name Input Form" action="response.jsp" method="GET">
    Enter your name: <input type="text" name="name" value="" />
    <input type="submit" value="OK" /></form>

Bir JavaServer Pages Dosyası Oluşturma

  1. HelloWeb proje düğümünü ve Web Pages düğümünü genişletin.
  2. Web Pages düğümüne sağ tıklayın ve New > JSP'yi seçin, JavaServer Pages dosyasını response olarak adlandırın ve Finish düğmesine tıklayın.

    Yeni response.jsp dosyası Kaynak Düzenleyicide açılacaktır.

  3. Kaynak Düzenleyicinin sağ tarafındaki Palette'te, JSP'yi genişletin ve Kaynak Düzenleyicide <body> etiketinin hemen altına bir Use Bean öğesi sürükleyin.

    Aşağıdaki değerleri ayarlayın:

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

    OK düğmesine tıklayın. <body> etiketinin altına Use Bean eklenir.

  4. Plaette'den bir Get Bean Property öğesi ve bir Set Bean Property öğesi ekleyin. Ardından <body> etiketleri arasındaki etiketler aşağıdaki şekilde görünecek biçimde kodu değiştirin:
  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>

Bir Web Uygulaması Projesi Oluşturma ve Çalıştırma

IDE, web uygulamalarınızı oluşturmak ve çalıştırmak için bir Ant derleme betiği kullanır. IDE, New Project sihirbazına ve projenin Project Properties iletişim kutusuna girdiğiniz seçeneklere göre derleme betiğini oluşturur.

  1. Run menüsünden Run > Run Main Project (F6)'i seçin.

    IDE, projeyi oluştururken belirttiğiniz sunucuyu kullanarak web uygulamasını oluşturur ve yükler.

  2. Yüklediğiniz index.jsp sayfasındaki metin kutusuna adınızı girin:

    Palette

    OK düğmesine tıklayın. response.jsp sayfası açılarak sizi selamlamalıdır:

    Palette



Sonraki Adımlar

NetBeans IDE 5.5'de web uygulamaları geliştirme hakkında daha fazla bilgi için, aşağıdaki kaynaklara bakınız:

NetBeans IDE Java EE geliştirme özellikleri hakkında en son gelişmeler hakkında destek ve bilgi almak ve önerilerinizi göndermek için, posta listesine üye olun. NetBeans IDE'deki Java EE geliştirme özellikleri hakkında daha fazla bilgi için, http://j2ee.netbeans.org/ adresine bakın.

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