DWR يجعل AJAX سهلاً للغاية

<سيرفيليت>
 <servlet-name>dwr-invocer</servlet-name>
 <display-name>DWR Servlet</display-name>
 <description>خادم الويب البعيد المباشر</description>
 <servlet-class>uk.ltd.getahead.dwr.DWRSServlet</servlet-class>
 <init-param>
 <param-name>تصحيح</param-name>
 <param-value>صحيح</param-value>
 </init-param>
 </سيرفلت>

 <رسم الخرائط servlet>
 <servlet-name>dwr-invocer</servlet-name>
 <url-pattern>/dwr/*</url-pattern>
 </servlet-mapping>

<دور>
 <السماح>
 <convert converter="bean" match="dwr.sample.Apartment"/>
 <إنشاء منشئ = "جديد" javascript = "ApartmentDAO" class = "dwr.sample.ApartmentDAO">
 <تشمل الطريقة = "findApartments"/>
 <تشمل الطريقة = "countApartments"/>
 </إنشاء>
 </السماح>
 </dwr>

الملف أعلاه يحقق كلا الهدفين في مثالنا. أولاً، تطلب العلامة <convert> من DWR تحويل نوع كائن dwr.sample.Apartment إلى مصفوفة ترابطية، لأنه لأسباب أمنية، لا يقوم DWR بتحويل الحبوب العادية بشكل افتراضي. ثانيًا، تسمح علامة <create> لـ DWR بكشف فئة dwr.sample.ApartmentDAO لاستدعاءات JavaScript؛ ويتم تحديد ملفات JavaScript التي نستخدمها في الصفحة بواسطة سمة javascript. يجب أن ننتبه إلى العلامة <include>، التي تحدد الأساليب المتاحة لفئة dwr.sample.ApartmentDAO.

 بعد تكوين كود HTML/JSP <BR>، يمكنك بدء تشغيل تطبيق الويب الخاص بك في هذا الوقت، سيكون DWR جاهزًا لاستدعاء الأساليب المطلوبة من صفحة جانب خادم HTML أو Java (JSP). يمكنك إنشاء ملفات جافا سكريبت. في ملف search.jsp، يجب علينا إضافة واجهة JavaScript التي توفرها DWR، بالإضافة إلى محرك DWR، وإضافة الأسطر الثلاثة التالية إلىالكود الخاص بنا:

<script src='dwr/interface/ApartmentDAO.js'></ البرنامج النصي>
 <script src='dwr/engine.js'></script>
 <script src='dwr/util.js'></script>

لاحظنا أنه عندما يقوم المستخدم بتغيير معايير البحث، يكون هذا هو التطبيق الأول لجافا سكريبت :void(0);">AJAX في نموذج البرنامج؛ كما هو كما ترى، يتم تحديث عدد الشقق المتاحة عندما تتغير المعايير. لقد قمت بإنشاء وظيفتين لجافا سكريبت: تعد وظيفة ApartmentDAO.countApartments() هي الجزء الأكثر إثارة للاهتمام، وهي المعلمة الأولى، وهي وظيفة LoadTotal()، التي تحدد طريقة JavaScript سيتم استدعاء DWR عند تلقي استجابة من الخادم، ثم يتم استدعاء LoadTotal لعرض النتائج في <div> لصفحة HTML المستخدمة في السيناريوهات التفاعلية:

function updateTotal() {.
 $("resultTable").style.display = 'none';
 فار غرف النوم = document.getElementById("bedrooms").value;
 فار الحمامات = document.getElementById("الحمامات").value;
 فار السعر = document.getElementById("price").value;
 ApartmentDAO.countApartments(loadTotal, غرف النوم, الحمامات, السعر);
 }

 دالة تحميل إجمالي (بيانات) {
 document.getElementById("totalRecords").innerHTML = data;
 }

من الواضح أن المستخدم يريد رؤية قوائم الشقق التي تتوافق مع معايير البحث الخاصة به. بعد ذلك، عندما يكون المستخدم راضيًا عن معايير البحث الخاصة به وتكون الإجماليات صحيحة، يقوم بالضغط على الزر الذي يعرض النتائج، والذي يستدعي طريقة JavaScript UpdateResults():
 نتائج تحديث الوظيفة () {

 DWRUtil.removeAllRows("apartmentsbody");
 فار غرف النوم = document.getElementById("bedrooms").value;
 فار الحمامات = document.getElementById("الحمامات").value;
 فار السعر = document.getElementById("price").value;
 ApartmentDAO.findApartments(fillTable, غرف النوم, الحمامات, السعر);
 $("resultTable").style.display = '';
 }

 وظيفة ملء الجدول (شقة) {
 DWRUtil.addRows("apartmentsbody", Apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 تقوم طريقة updateResults() بمسح حقل الجدول الذي يخزن نتائج البحث المرتجعة، وتحصل على المعلمات المطلوبة من واجهة المستخدم، وتمرير هذه المعلمات إلى كائن ApartmentDAO الذي تم إنشاؤه بواسطة DWR. بعد ذلك سيتم تنفيذ استعلام قاعدة البيانات وسيتم استدعاء fillTable()، الذي يوزع الكائن الذي تم إرجاعه بواسطة DWR (الشقق) ويعرضه في الصفحة (apartmentsbody).

 عوامل الأمان <BR>لإبقاء المثال مختصرًا، يتم الاحتفاظ بفئة ApartmentDAO بسيطة قدر الإمكان، ولكن عادةً ما تحتوي هذه الفئة على مجموعة من الأساليب المحددة لمعالجة البيانات، مثل Insert() وupdate() وdelete(). يعرض DWR كافة الأساليب العامة التي سيتم استدعاؤها بواسطة كافة صفحات HTML. لأسباب أمنية، ليس من الحكمة الكشف عن طبقة الوصول إلى البيانات الخاصة بك مثل هذا. يمكن للمطورين إنشاء واجهة تعمل على مركزية الاتصال بين جميع وظائف JavaScript ومكونات الأعمال الأساسية، وبالتالي الحد من التعرض المفرط للوظائف.

 الاستنتاج <BR>هذه المقالة هي مجرد بداية لاستخدام جافا سكريبت الذي يدعم DWR :void(0);">AJAX في مشاريعك. يتيح لك DWR التركيز على كيفية تحسين نموذج التفاعل لتطبيقك. ، والقضاء على عبء كتابة وتصحيح كود جافا سكريبت التحدي الأكثر إثارة للاهتمام مع جافا سكريبت :void(0);">AJAX هو تحديد مكان وكيفية تحسين سهولة الاستخدام. DWR مسؤول عن تشغيل الاتصال بين صفحة الويب وكائنات Java الخاصة بك، مما يساعدك على التركيز بشكل كامل على كيفية جعل واجهة مستخدم التطبيق الخاص بك أكثر سهولة.
 أود أن أشكر ميرسيا أوانسيا وماركوس بيريرا، اللذين قرأا هذا المقال وقدموا تعليقات قيمة للغاية.

 الموارد ·javaworld.com:javaworld.com
 · مجتمع مطوري Matrix-Java: http://www.matrix.org.cn/
 ·onjava.com:onjava.com
 · قم بتنزيل كافة التعليمات البرمجية المصدرية للبرنامج النموذجي: http://www.javaworld.com/javaworld/jw-06-2005/dwr/jw-0620-dwr.war
 ·DWR: http://www.getahead.ltd.uk/dwr/index.html
 · HSQL: http://hsqldb.sourceforge.net/
 ·javascript :void(0);">تعريف AJAX: http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · "javascript :void(0);">AJAX: مسار جديد لتطبيقات الويب": جيسي جيمس جاريت (المسار التكيفي، 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385.php
 · "واجهة ويب ديناميكية للغاية" درو ماكليلان (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest & javascript :void(0);">مثال عمل AJAX: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · "ممارسات XMLHttpRequest القابلة للاستخدام" توماس بايكدال (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 ·"إرشادات استخدام XMLHttpRequest" توماس بايكدال (Baekdal.com, 2005.2): http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/