RichFaces এর একটি শক্তিশালী ফিচার হল Partial Page Rendering (PPR), যা ওয়েব অ্যাপ্লিকেশনগুলিতে অ্যাসিঙ্ক্রোনাস ভাবে অংশবিশেষ পেজ রেন্ডার করতে সাহায্য করে। PPR ব্যবহারের মাধ্যমে আপনি পুরো পেজ রিফ্রেশ না করে শুধু নির্দিষ্ট অংশকে আপডেট করতে পারেন, যার ফলে ইউজার এক্সপেরিয়েন্স অনেক উন্নত হয় এবং পেজ লোডিং টাইম কমে যায়।
Partial Page Rendering (PPR) কনফিগার করা:
PPR কাজ করার জন্য সাধারণত AJAX এবং RichFaces এর rich:ajax এবং rich:component ট্যাগ ব্যবহার করা হয়। এর মাধ্যমে আপনি JSF কম্পোনেন্টের কোনো নির্দিষ্ট অংশকে পেজ রিফ্রেশ না করেই আপডেট করতে পারেন। PPR কনফিগার করতে, আপনাকে web.xml এবং faces-config.xml ফাইলগুলির কিছু অংশ কনফিগার করতে হবে এবং অবশ্যই JSF পেজে AJAX এবং PPR নির্দিষ্ট কম্পোনেন্ট যোগ করতে হবে।
১. web.xml ফাইলে PPR কনফিগারেশন:
PPR ফিচার কাজ করার জন্য web.xml ফাইলে সাধারণত কোনো বিশেষ কনফিগারেশন প্রয়োজন হয় না। তবে, RichFaces এর filter এবং filter-mapping সঠিকভাবে কনফিগার করা উচিত যাতে AJAX ফিচার কাজ করতে পারে।
উদাহরণ:
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
version="3.0">
<!-- RichFaces Filter Configuration -->
<filter>
<filter-name>richfaces</filter-name>
<filter-class>org.richfaces.webapp.RichFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>richfaces</filter-name>
<url-pattern>/faces/*</url-pattern>
</filter-mapping>
</web-app>
২. faces-config.xml ফাইলে PPR কনফিগারেশন:
faces-config.xml ফাইলে সাধারণত PPR এর জন্য অতিরিক্ত কনফিগারেশন করা হয় না, তবে আপনি যদি RichFaces এর বিভিন্ন কম্পোনেন্ট ব্যবহারের জন্য managed-beans ব্যবহার করতে চান, তবে সেখানে সেই কম্পোনেন্ট বা বিঈনের কনফিগারেশন করা যেতে পারে।
উদাহরণ:
<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
version="2.0">
<!-- Example managed bean -->
<managed-bean>
<managed-bean-name>pprBean</managed-bean-name>
<managed-bean-class>com.example.PPRBean</managed-bean-class>
<managed-bean-scope>request</managed-bean-scope>
</managed-bean>
</faces-config>
এখানে pprBean একটি managed bean, যেটি request scope তে থাকবে এবং PPR ফিচারের সাথে সম্পর্কিত কোড লিখতে সহায়তা করবে।
৩. JSF পেজে PPR কনফিগারেশন:
এখন আসুন, JSF পেজে PPR কনফিগার করার ধাপগুলির দিকে নজর দিই। RichFaces এর rich:ajax এবং rich:component কম্পোনেন্ট ব্যবহার করে PPR কনফিগার করা হয়। এর মাধ্যমে, নির্দিষ্ট কম্পোনেন্ট বা অংশের জন্য AJAX রিকোয়েস্ট পাঠানো এবং পেজের অংশ আপডেট করা যায়।
উদাহরণ:
<h:form>
<h:outputText id="message" value="#{pprBean.message}" />
<!-- Button to trigger Partial Page Rendering (PPR) -->
<rich:commandButton value="Update Message"
action="#{pprBean.updateMessage}"
execute="@this"
render="message" />
<!-- AJAX response handling -->
<rich:ajax event="click" render="message" />
</h:form>
ব্যাখ্যা:
- rich:commandButton: এটি একটি বাটন যা ক্লিক হলে pprBean.updateMessage অ্যাকশন কল করবে এবং এতে নির্দিষ্ট পেজের অংশকে রেন্ডার করবে। এখানে render="message" প্যারামিটারটি বলে দেয় যে কেবল id="message" এলিমেন্টটিই আপডেট হবে।
- rich:ajax: এটি AJAX কনফিগারেশন, যা নির্দিষ্ট ইভেন্টের পরে render="message" এলিমেন্টের আপডেট করবে। এই কনফিগারেশনের মাধ্যমে আমরা পেজের পুরো অংশ না রিফ্রেশ করে শুধুমাত্র নির্দিষ্ট অংশটিই আপডেট করি।
- execute="@this": এটি শুধু ক্লিক করা বাটনটির উপাদানকেই এক্সিকিউট করবে, অর্থাৎ এক্সিকিউশনের সময় অন্য কোনো কম্পোনেন্ট প্রভাবিত হবে না।
৪. Managed Bean (Java) কোড:
package com.example;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class PPRBean {
private String message = "Initial message";
public String getMessage() {
return message;
}
public void setMessage(String message) {
this.message = message;
}
public void updateMessage() {
message = "Updated message via PPR!";
}
}
ব্যাখ্যা:
- Managed Bean: PPRBean হল একটি managed bean যা request scope তে থাকে। এতে একটি message প্রপার্টি এবং একটি updateMessage() মেথড আছে, যা বাটন ক্লিক করার পর message এর মান আপডেট করে।
- updateMessage(): যখন ব্যবহারকারী বাটনে ক্লিক করবে, এই মেথডটি কল হবে এবং message প্রপার্টি আপডেট হবে। এরপর PPR এর মাধ্যমে পেজের অংশটি রিফ্রেশ হবে এবং নতুন মেসেজ প্রদর্শিত হবে।
Partial Page Rendering (PPR) RichFaces এর একটি শক্তিশালী ফিচার যা AJAX ব্যবহারের মাধ্যমে পেজের অংশবিশেষ আপডেট করতে সাহায্য করে। PPR কনফিগার করতে আপনাকে web.xml এবং faces-config.xml ফাইলগুলিতে কিছু বেসিক কনফিগারেশন করতে হবে এবং তারপর rich:ajax, rich:commandButton, rich:component এর মতো কম্পোনেন্টগুলি ব্যবহার করে JSF পেজে PPR বাস্তবায়ন করতে হবে। এটি ওয়েব অ্যাপ্লিকেশনের পারফরম্যান্স এবং ইউজার এক্সপেরিয়েন্স উন্নত করে।
Read more
