FeaturesPluginsDocs & SupportCommunityPartners

مقدمه ای بر توسعه برنامه های کاربردی وب

در این بخش، اصول اولیه استفاده از NetBeans IDE 5.5 جهت توسعه برنامه های کاربردی وب در اختیار شما قرار می گیرد. طراحی این سند به منظور هر چه سریعتر بودن کارها صورت گرفته است. برای اطلاعات بیشتر درباره کار با NetBeans IDE، به صفحه اسناد و پشتیبانی در وب سایت NetBeans مراجعه کنید.

در این بخش شما می توانید یک برنامه ساده وب را ایجاد، سازماندهی و اجرا کنید. این برنامه با استفاده از صفحه ™JavaServer Pages درخواست می کند که نام خود را وارد کنید. سپس این نام را با استفاده از مؤلفه های ™JavaBeans، در طول جلسه HTTP حفظ کرده و آن را در صفحه دیگری از JavaServer Pages تکرار می کند.

راه اندازی طرح برنامه کاربردی وب

قبل از شروع به نوشتن کد، مطمئن شوید که همه نرم افزارهای لازم را داشته و طرح شما به طور صحیح راه اندازی شده باشد.

نصب نرم افزار

قبل از شروع کار، ابتدا باید نرم افزارهای زیر را در رایانه خود نصب کنید:

در صورت تمایل می توانید سرور برنامه کاربردیSun Java System (SJS) (بارگیری)، JBoss، یا WebLogic را نصب و استفاده کنید. با این وجود، سرور Tomcat Web که همراه با IDE ارائه می شود، پشتیبانی لازم را برای برنامه های کاربردی دولایه ای وب از جمله برنامه ای که در اینجا شرح داده می شود، فراهم می کند. در توسعه برنامه های شرکتی، فقط یک سرور برنامه کاربردی (مانند سرور برنامه کاربردی SJS ،JBoss یا WebLogic) مورد نیاز است.

ثبت نام سرور توسط IDE

سرور Tomcat Web به طور خودکار توسط IDE ثبت نام می شود. با این وجود، قبل از سازماندهی سرور برنامه کاربردی SJS ،JBoss یا WebLogic، ابتدا باید یک ثبت نام محلی توسط IDE انجام شود. اگر سرور برنامه کاربردی NetBeans IDE 5.5/SJS همراه را نصب کرده باشید، ثبت نام محلی سرور برنامه کاربردی SJS به طور خودکار انجام می شود. در غیر این صورت، مراحل زیر را انجام دهید:

  1. Tools (ابزار) > Server Manager (مدیریت سرور) را از پنجره اصلی انتخاب کنید.
  2. روی Add Server (افزودن سرور) کلیک کنید. نوع سرور را انتخاب کرده و یک نام به آن بدهید. سپس روی Next (بعد) کلیک کنید.
  3. موارد زیر را مشخص کنید: اطلاعات سرور، موقعیت ثبت نام محلی سرور برنامه کاربردی و دامنه ای که می خواهید در آن عملیات سازماندهی را انجام دهید.

ایجاد یک طرح جدید برنامه کاربردی وب

  1. File (فایل) > New Project (طرح جدید) را انتخاب کنید. در قسمت Categories (مقوله ها)، Web (وب) را انتخاب کنید. در قسمت Projects (طرح ها)، Web Application (برنامه کاربردی وب) را انتخاب کرده و روی Next (بعد) کلیک کنید.
  2. در قسمت Project Name (نام طرح)، کلمه HelloWebرا وارد کنید. توجه کنید که Context Path (مسیر زمینه) /HelloWebمی باشد.
  3. Project Location (مکان طرح) را به هر دایرکتوری در رایانه که می خواهید تغییر دهید. از این به بعد، این دایرکتوری با عنوان $PROJECTHOMEخوانده می شود.
  4. توصیه هایی را که مطابق با ساختار منبع شما است،انتخاب کنید. این انتخاب کاملاً ترجیحی و شخصی است:
  5. سروری را که می خواهید در آن عملیات سازماندهی برنامه را انجام دهید، انتخاب کنید. فقط سرورهایی که توسط IDE ثبت نام شده اند در لیست قرار دارند.
  6. کادر محاوره ای Set as Main Project (تنظیم بعنوان طرح اصلی) را علامت بزنید. روی Finish (پایان) کلیک کنید.

    IDE پوشه طرح $PROJECTHOME/HelloWeb را ایجاد می کند. این پوشه حاوی همه منابع و فوق داده های طرح مانند نسخه اصلی ساخت Ant طرح می باشد. طرح HelloWeb در IDE باز می شود. شما می توانید ساختار منطقی آن را در پنجره Projects (طرح ها)، و ساختار فایل آن را در پنجره Files (فایل ها) مشاهده کنید.

ایجاد و ویرایش فایل های منبع برنامه کاربردی وب

ایجاد و ویرایش فایل های منبع، مهم ترین عملکردی است که IDE ارائه می دهد. و احتمالاً این همان کاری است که بیشتر روز خود را صرف انجام آن می کنید. IDE دامنه وسیعی از ابزارها را در اختیار شما قرار می دهد که سبک شخصی هر برنامه نویسی را به تحسین وا می دارد. به طوری که اگر بخواهید می توانید همه چیز را به صورت دستی کدگذاری کنید یا این کار را به IDE بسپارید تا تعداد زیادی کد را برای شما تولید کند.

ایجاد بسته نرم افزاری و فایل منبع جاوا

  1. Source Packages (بسته های منبع) را باز کنید. توجه داشته باشید که گره Source Packages (بسته های منبع) فقط حاوی یک بسته می باشد که به طور پیش فرض خالی است.
  2. روی Source Packages (بسته های منبع) کلیک راست کرده و New (جدید) > Java Class (گروه جاوا) را انتخاب نمایید. کلمه NameHandler را در کادر Class Name (نام گروه) وارد کرده و عبارت org.me.hello را در لیست موضوعات Package (بسته) تایپ کنید. روی Finish (پایان) کلیک کنید.
  3. در Source Editor (ویرایشگر منبع)، با تایپ کردن این عبارت درست در زیر قسمت معرفی گروه، زمینه ای را معرفی کنید:
        String name;
  4. عبارت زیر را در روش nameHandler() اضافه کنید:
        name = null;

تولید روش های Getter and Setter (گیرنده و تنظیم کننده)

  1. هنگام راه اندازی گروه، روی کلمه name در قسمت معرفی زمینه کلیک راست کرده و زمینه های Refactor (فاکتورگیری مجدد) > Encapsulate Fields (زمینه های بسته بندی) را انتخاب کنید. جهت اجرای فرمان بر اساس گزینه های پیش فرض آن، روی Next (بعد) کلیک کنید.
  2. روی Do Refactoring (انجام فاکتورگیری مجدد) کلیک کنید. روش های Getter and setter (گیرنده و تنظیم کننده) در زمینه name تولید شده و نوع دستیابی آن به خصوصی تغییر می یابد. اکنون گروه جاوا باید شبیه به صفحه زیر باشد:
        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;
            }
    
        }

ویرایش فایل پیش فرض JavaServer Pages

  1. گره طرح HelloWeb و سپس Web Pages (صفحات وب) را باز کنید. توجه داشته باشید که IDE یک فایل پیش فرض JavaServer Pages به نام index.jspبرای شما ایجاد کرده است. هنگامیکه طرح را ایجاد می کنید، IDE فایل index.jsp را در Source Editor (ویرایشگر منبع) باز می کند.
  2. زبانه Source Editor (ویرایشگر منبع) فایل index.jsp را انتخاب کنید. اکنون فایل index.jsp در Source Editor (ویرایشگر منبع) انتخاب و کانونی شده است.
  3. در قسمت Palette (جعبه الگوها) در سمت راست Source Editor (ویرایشگر منبع)، HTML Forms (فرم های HTML) را باز کرده و یک Form (فرم) را به زیر علامت های <h1> موجود در Source Editor (ویرایشگر منبع) بکشید. کادر محاوره ای Insert Form (فرم درج) زیر ظاهر می شود:

    جعبه الگوها

    مقادیر زیر را تنظیم کنید:

    • Action (عملیات): response.jsp
    • Method (روش): GET
    • Name (نام): Name Input Form(فرم ورودی نام)

    روی OK (تأیید) کلیک کنید. این Form (فرم) به فایل index.jsp اضافه می شود.

  4. یک Text Input (ورودی متن) را به درست قبل از علامت </form> بکشید.

    مقادیر زیر را تنظیم کنید:

    • Name (نام): name (نام)
    • Type (نوع): text (متنی)

    روی OK (تأیید) کلیک کنید. Text Input (ورودی متن) بین علامت های <form> اضافه می شود.

  5. یک گزینه Button (دکمه) را به درست قبل از علامت </form> بکشید.

    مقادیر زیر را تنظیم کنید:

    • Label (برچسب): OK (تأیید)
    • Type (نوع): submit (ارائه)

    روی OK (تأیید) کلیک کنید. این Button (دکمه) بین علامت های <form> اضافه می شود.

  6. عبارت Enter your name: را جلوی علامت <input> وارد کرده و متن بین علامت های <h1> را به Entry Formتغییر دهید.

    متن بین علامت های <body> به صورت زیر خواهد بود:

  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>

ایجاد یک فایل JavaServer Pages

  1. گره طرح HelloWeb و سپس Web Pages (صفحات وب) را باز کنید.
  2. روی Web Pages (صفحات وب) کلیک راست کرده و New (جدید) > JSP را انتخاب کرده و به فایل JavaServer Pages نام responseرا بدهید و سپس روی Finish (پایان) کلیک کنید.

    فایل جدید response.jsp در Source Editor (ویرایشگر منبع) باز می شود.

  3. در قسمت Palette (جعبه الگوها) در سمت راست Source Editor (ویرایشگر منبع)، JSP را باز کرده و یک مورد Use Bean (استفاده از Bean) را درست در زیر علامت <body> در Source Editor (ویرایشگر منبع) وارد کنید.

    مقادیر زیر را تنظیم کنید:

    • ID (شناسه): mybean
    • Class (گروه): org.me.hello.NameHandler
    • Scope (محدوده): session (جلسه)

    روی OK (تأیید) کلیک کنید. Use Bean (استفاده از Bean) در زیر علامت <body> اضافه می شود.

  4. یک Get Bean Property (ویژگی دریافت Bean) و یک Set Bean Property (ویژگی تنظیم Bean) را از Palette (جعبه الگوها) اضافه کنید. سپس کد را طور تغییر دهید که متن بین علامت های <body> به صورت زیر باشد:
  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>

ساخت و اجرای طرح برنامه کاربردی وب

IDE با استفاده از یک نسخه اصلی ساخت Ant برنامه های کاربردی وب را ساخته و اجرا می کند. IDE نسخه اصلی ساخت را بر اساس گزینه هایی که در برنامه جادویی New Project (طرح جدید) و کادر محاوره ای Project Properties (ویژگیهای طرح) وارد کرده اید تولید می کند.

  1. Run (اجرا) > Run Main Project (اجرای طرح اصلی) (F6) را از منوی Run (اجرا) انتخاب کنید.

    IDE با استفاده از سروری که در هنگام ایجاد طرح تعیین کرده اید، برنامه وب را ساخته و آن را سازماندهی می کند.

  2. نام خود را در کادر صفحه سازماندهی شده index.jsp وارد کنید:

    جعبه الگوها

    روی OK (تأیید) کلیک کنید. اکنون صفحه response.jsp باز شده و به شما خوش آمد می گوید:

    جعبه الگوها



مراحل بعدی

جهت کسب اطلاعات بیشتر درباره توسعه برنامه های کاربردی در NetBeans IDE 5.5، به منابع زیر مراجعه کنید:

جهت ارسال نظرات و پیشنهادات خود، دریافت پشتیبانی، و دریافت اطلاعات راجع به توسعه ویژگیهای NetBeans IDE Java EE، به لیست پستی ملحق شوید. برای کسب اطلاعات بیشتر درباره ویژگیهای جدید Java EE درNetBeans IDE به سایت 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