PV230 - cvičení 3 - příklady + postup
PV230 - cvičení 3
Resource serving
Statický obsah (obrázky)
Do view.jsp přidat a upravit následující řádky
...
<portlet:resourceURL var="detailIconURL" id="<%=ICON_DETAIL %>" cacheability="cacheLevelFull" />
<%-- pridat --%>
<c:forEach var="product" items="${products}">
<c:out value="${product.name}"/> <img src="${detailIconURL}" alt="detail" > <br> <%-- upravit
--%>
</c:forEach>
...
Do CatalogConstants přidat
public static final String ICON_DETAIL = "/img/detail.png";
Dynamický obsah
Do view.jsp přidat
<portlet:resourceURL var="queryURL" id="<%= RESOURCE_QUERY %>"/>
<aui:script use="aui-autocomplete,datasource-io,datasource-function">
var dataSource = new A.DataSource.IO(
{
source: '<portlet:resourceURL id="<%= RESOURCE_QUERY %>"/>'
}
);
var autocomplete = new A.AutoComplete(
{
dataSource: dataSource,
matchKey: 'name',
schemaType:'json',
schema: {
resultFields: ['name']
},
delimChar: ',',
contentBox: '#<portlet:namespace />drop-down',
typeAhead: true,
input: '#<portlet:namespace />query'
}
);
autocomplete.generateRequest = function(query) {
return {
request: '&q=' + query
};
}
autocomplete.render();
</aui:script>
...
<input type="text" name="<%= PARAM_QUERY %>" id="${ns}query" autocomplete="off"> <%-- upravit --%>
V CatalogPorltet přidat
@Override
public void serveResource(ResourceRequest request, ResourceResponse response) throws
PortletException, IOException {
String resourceID = request.getResourceID();
if (RESOURCE_QUERY.equals(resourceID)) {
serveAutocompleteQuery(request, response);
} else {
super.serveResource(request, response);
}
}
private void serveAutocompleteQuery(ResourceRequest request, ResourceResponse response) throws
IOException {
String searchString = request.getParameter(PARAM_AUTOCOMPLETE_QUERY);
if (searchString == null) {
return;
}
PrintWriter out = null;
try {
response.setContentType("text/json");
out = response.getWriter();
out.print("[");
Iterator<ProductDTO> it =
ServiceProvider.getCatalog().findProducts(searchString).iterator();
while (it.hasNext()) {
ProductDTO p = it.next();
out.print("[\"" + p.getName() + "\"]");
if (it.hasNext()) {
out.print(",");
}
}
out.print("]");
} catch (IOException ex) {
// log error
} finally {
out.close();
}
}
Do CatalogConstants přidat
public static final String PARAM_AUTOCOMPLETE_QUERY = "q";
public static final String RESOURCE_QUERY = "query";
Meziportletová komunikace - veřejné parametry
Vytvoříme portlet Detail, který bude zobrazovat podrobné informace o produktu.
Vytvoříme package eu.ibacz.pv230.simpleshop.portlet.detail a v něm třídy DetailPortlet a DetailConstants.
DetailPortlet
@Override
protected void doView(RenderRequest request, RenderResponse response) throws PortletException,
IOException {
String productId = request.getParameter(PARAM_PRODUCT_ID);
if (productId != null) {
long id = Long.parseLong(productId);
request.setAttribute(ATTRIBUTE_PRODUCT,
ServiceProvider.getCatalog().getProductById(id));
}
PortletRequestDispatcher dispatcher =
getPortletContext().getRequestDispatcher(JSP_VIEW);
dispatcher.include(request, response);
}
DetailConstants
public class DetailConstants extends SimpleShopConstants {
public static final String JSP_VIEW = "/WEB-INF/jsp/detail/view.jsp";
}
Vytvoříme složku /WEB-INF/jsp/detail a v ní jsp stránku s následujícím obsahem
<%@include file="../init.jspf" %>
<f:setBundle basename="content.detail"/>
<%@page import="static eu.ibacz.pv230.simpleshop.portlet.detail.DetailConstants.*" %>
<div id="${ns}detailView">
<h1><f:message key="ss-msg-product-detail" /></h1>
<c:choose>
<c:when test="${product != null}">
<div>
<span class="label"><f:message key="ss-msg-name"/></span>
<span><c:out value="${product.name}"/></span>
</div>
<div>
<span class="label"><f:message key="ss-msg-description"/></span>
<span><c:out value="${product.description}"/></span>
</div>
<div>
<span class="label"><f:message key="ss-msg-price"/></span>
<span><c:out value="${product.price}"/></span>
</div>
</c:when>
<c:otherwise>
<f:message key="ss-msg-no-product-selected"/>
</c:otherwise>
</c:choose>
</div>
Vytvoříme properties soubor detail ve složce content s následujícími klíči
javax.portlet.title=Detail
ss-msg-product-detail=Product detail
ss-msg-name=Name
ss-msg-description=Description
ss-msg-price=Price
ss-msg-no-product-selected=No product selected.
V portlet.xml přidat Detail portlet a public render parametr
<portlet-app ... >
<portlet>
<portlet-name>Catalog</portlet-name>
<portlet-class>eu.ibacz.pv230.simpleshop.portlet.catalog.CatalogPortlet</portlet-class>
<supports>
<mime-type>text/html</mime-type>
<portlet-mode>view</portlet-mode>
</supports>
<supported-locale>en</supported-locale>
<supported-locale>cs</supported-locale>
<resource-bundle>content.catalog</resource-bundle>
<supported-public-render-parameter>productId</supported-public-render-parameter>
</portlet>
<portlet>
<portlet-name>Detail</portlet-name>
<portlet-class>eu.ibacz.pv230.simpleshop.portlet.detail.DetailPortlet</portlet-class>
<supports>
<mime-type>text/html</mime-type>
<portlet-mode>view</portlet-mode>
</supports>
<supported-locale>en</supported-locale>
<supported-locale>cs</supported-locale>
<resource-bundle>content.detail</resource-bundle>
<supported-public-render-parameter>productId</supported-public-render-parameter>
</portlet>
<default-namespace>http://pv230.ibacz.eu/cv3</default-namespace>
<public-render-parameter>
<identifier>productId</identifier>
<name>productId</name>
</public-render-parameter>
</portlet-app>
Do liferay-portlet.xml
<portlet>
<portlet-name>Detail</portlet-name>
<instanceable>true</instanceable>
</portlet>
Do liferay-display.xml
<portlet id="Detail" />
Do catalog/view.jsp přidat
<portlet:renderURL var="showDetailURL">
<portlet:param name="<%= PARAM_PRODUCT_ID %>" value="${product.id}"/>
</portlet:renderURL>
<a href="${showDetailURL}">
<c:out value="${product.name}"/> <img src="${detailIconURL}" alt="detail"> <br>
</a>