![\"\"](\"http:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2013\/02\/search.jpg\")
<\/a><\/p>\n2. Create a new product with different category.<\/p>\n
3. Edit selected product details<\/p>\n 4. Delete selected product from the enquiry screen.<\/p>\n JSF is used as presentation layer technology in this sample application. PrimeFaces is a one of lightweight component for enhancing the JSF UI. Frontend interaction is controlled by JSF backing bean in this layer.<\/p>\n Spring managed singleton service object is used. Business service and application logic are written in this layer<\/p>\n Spring data MongoDB component is used. It provides integration with the MongoDB document-oriented database. It provides MongoTemplate so that MongoDB operation could be performed easily. Moreover, Spring repository style data access layer could be easily written with spring data MongoDB.<\/p>\n MongoDB is a open-source scalable, high-performance NoSQL database. It is a document-oriented Storage. It can store JSON-style documents with dynamic schemas. In this application, each product is stored as JSON-style document in MongoDB.<\/p>\n Each product in the catalog contains general product information (e.g. sku, title, and product type), price details (e.g. retail and list price) and product sub-details (e.g. tracks of audio CDs \/ chapters of books). In this application, MongoDB is used. The schema design will be focus more on the data usage. It is different from traditional RDBMS schema design. The schema design in MongoDB should be:<\/p>\n MyFaces is used as the JSF implementation in this application. The following details should be added in web.xml<\/p>\n As said before, PrimeFaces library is used to enhance the UI. There is nearly no configuration required for this library. PrimeFaces provides many pre-designed theme for your web application. In our case, we use \u201cblue-sky\u201d theme. We just add the following setting in web.xml<\/p>\n To integrate JSF with Spring, you have to specify the SpringBeanFacesELResolver in Faces-config.xml<\/p>\n Faces-config.xml<\/b><\/p>\n Full web.xml<\/b><\/p>\n MongoDB connection Details<\/b><\/p>\n In to order connect to MongoDB, you have to register a MongoDbFactory instance in XML. The connection details is specified in spring-application-context.xml<\/p>\n Spring Data repository abstraction reduces the boilerplate code to write the data access layer of the application. Automatic implementation of Repository interfaces provides simple operation on mongoDB. It helps our product save and delete function make MongoTemplate offers convenience operations to create, update, delete and query for MongoDB documents and provides a mapping between your domain objects and MongoDB documents. In our application, since the spring data repository cannot fulfill the requirement of searching function, we use MongoTemplate to archive the searching capability.<\/p>\n Since the searching of product cannot be easily implement with Spring data repository abstraction, we would like to implements the multi-criteira product search with MongoDBTemplate. To enrich Spring data repository with MongoTemplate, we can do the following to customize the repository:<\/p>\n In the last part of this tutorial, we will add create, edit and delete function to the MongoShop Product Catalog application. The search page is modified. A modal confirm dialogue box is added before the product is physically deleted<\/p>\n A product detail page is added to view the produc details. Creation and edition of product is done in the product detail page.<\/p>\n 1. Spring Data Mongo DB provides MongoTemplate which allow you to perform MongoDB operation easily.<\/p>\n 2. MongoDB JSON-style document could mapped to POJO easily with the help of Spring Data MongoDB<\/p>\n 3. Repository abstraction of spring data reduces the boilerplate code write for accessing MongoDB.<\/p>\n 4. You add custom behaviour to spring data repository.<\/p>\n <\/p>\n Reference:<\/i><\/b>\u00a0Introduction to sample application (MongoShop Product Catalog)<\/a>, MongoDB schema design and data preparation<\/a>,\u00a0JSF (PrimeFaces) and Spring data MongoDB Integration<\/a>,\u00a0Enquriy data with spring data repository and mongotemplate<\/a>, Create, Edit and delete data<\/a>, from our JCG partner<\/a> Boris Lam at the Programming Peacefully<\/a> blog.<\/p>\n","protected":false},"excerpt":{"rendered":" Introduction to sample application (MongoShop Product Catalog) After this tutorial, a sample application (MongoShop Product Catalog) with the following functional requirement will be built: 1. Searching product with different criteria (e.g. sku, product type, title, stc) 2. Create a new product with different category. 3. Edit selected product …<\/p>\n","protected":false},"author":275,"featured_media":238,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[293,112,30,321],"class_list":["post-9115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-enterprise-java","tag-jsf","tag-mongodb","tag-spring","tag-spring-data"],"yoast_head":"\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nPresentation Layer:<\/h4>\n
Service Layer:<\/h4>\n
Data Layer:<\/h4>\n
MongoDB schema design and data preparation<\/h2>\n
MongoDB Introduction<\/h2>\n
Schema Design in MongoDB<\/h4>\n
<\/a><\/p>\nSample Data:<\/h4>\n
x= {\r\n sku: '1000001',\r\n type: 'Audio Album',\r\n title: 'A Love Supreme',\r\n description: 'by John Coltrane',\r\n publisher: 'Sony Music',\r\n pricing: {\r\n list: 1200,\r\n retail: 1100\r\n },\r\n\r\n details: {\r\n title: 'A Love Supreme [Original Recording Reissued]',\r\n artist: 'John Coltrane',\r\n genre: 'Jazz' ,\r\n tracks: [\r\n 'A Love Supreme Part I: Acknowledgement',\r\n 'A Love Supreme Part II - Resolution',\r\n 'A Love Supreme, Part III: Pursuance',\r\n 'A Love Supreme, Part IV-Psalm'\r\n ],\r\n }\r\n}\r\n\r\ny= {\r\n sku: '1000002',\r\n type: 'Audio Album',\r\n title: 'Love Song',\r\n description: 'by Khali Fong',\r\n publisher: 'Sony Music',\r\n pricing: {\r\n list: 1000,\r\n retail: 1200\r\n },\r\n\r\n details: {\r\n title: 'Long Song [Original Recording Reissued]',\r\n artist: 'Khali Fong',\r\n genre: 'R&B',\r\n tracks: [\r\n 'Love Song',\r\n 'Spring Wind Blow',\r\n 'Red Bean',\r\n 'SingAlongSong'\r\n ],\r\n }\r\n}\r\n\r\nz= {\r\n sku: '1000003',\r\n type: 'Book',\r\n title: 'Node.js for PHP Developers',\r\n description: 'by Owen Peter',\r\n publisher: 'OReilly Media',\r\n\r\n pricing: {\r\n list: 2500,\r\n retail: 2100\r\n },\r\n\r\n details: {\r\n title: 'Node.js for PHP Developers',\r\n author: 'Mark Owen',\r\n genre: 'Technology',\r\n chapters: [\r\n 'Introduction to Node',\r\n 'Server-side JS',\r\n 'PHP API',\r\n 'Example'\r\n ],\r\n }\r\n}<\/pre>\nSample query to add the data:<\/h4>\n
db.product.save(x);\r\ndb.product.save(y);\r\ndb.product.save(z);<\/pre>\n
Sample query to test the sample data:<\/h4>\n
db.product.find({'sku':'1000004'});\r\ndb.product.find({'type':'Audio Album'});\r\ndb.product.find({'type':'Audio Album', 'details.genre': 'Jazz'});<\/pre>\nJSF (PrimeFaces) and Spring data MongoDB Integration<\/h2>\n
pom.xml of the project<\/h4>\n
<project xmlns='http:\/\/maven.apache.org\/POM\/4.0.0' xmlns:xsi='http:\/\/www.w3.org\/2001\/XMLSchema-instance'\r\n xsi:schemaLocation='http:\/\/maven.apache.org\/POM\/4.0.0 http:\/\/maven.apache.org\/maven-v4_0_0.xsd'>\r\n <modelversion>4.0.0<\/modelVersion>\r\n <groupid>com.borislam<\/groupId>\r\n <artifactid>mongoShop<\/artifactId>\r\n <packaging>war<\/packaging>\r\n <version>1.0-SNAPSHOT<\/version>\r\n <name>MongoShop Webapp<\/name>\r\n <url>http:\/\/maven.apache.org<\/url>\r\n <dependencies>\r\n <dependency>\r\n <groupid>org.jboss.el<\/groupId>\r\n <artifactid>com.springsource.org.jboss.el<\/artifactId>\r\n <version>2.0.0.GA<\/version>\r\n <\/dependency>\r\n <dependency> \r\n <groupid>org.primefaces.themes<\/groupId> \r\n <artifactid>all-themes<\/artifactId> \r\n <version>1.0.9<\/version> \r\n <\/dependency>\r\n <dependency> \r\n <groupid>org.primefaces<\/groupId> \r\n <artifactid>primefaces<\/artifactId> \r\n <version>3.4.2<\/version> \r\n <\/dependency>\r\n <dependency>\r\n <groupid>commons-beanutils<\/groupId>\r\n <artifactid>commons-beanutils<\/artifactId>\r\n <version>1.8.3<\/version>\r\n <\/dependency> \r\n\r\n <dependency>\r\n <groupid>commons-codec<\/groupId>\r\n <artifactid>commons-codec<\/artifactId>\r\n <version>1.3<\/version>\r\n <\/dependency> \r\n\r\n <dependency>\r\n <groupid>org.apache.directory.studio<\/groupId>\r\n <artifactid>org.apache.commons.lang<\/artifactId>\r\n <version>2.6<\/version>\r\n <\/dependency>\r\n\r\n <dependency>\r\n <groupid>commons-digester<\/groupId>\r\n <artifactid>commons-digester<\/artifactId>\r\n <version>1.8<\/version>\r\n <\/dependency>\r\n\r\n <dependency>\r\n <groupid>commons-collections<\/groupId>\r\n <artifactid>commons-collections<\/artifactId>\r\n <version>3.2<\/version>\r\n <\/dependency>\r\n\r\n <dependency>\r\n <groupid>org.apache.myfaces.core<\/groupId>\r\n <artifactid>myfaces-api<\/artifactId>\r\n <version>2.1.9<\/version>\r\n <\/dependency>\r\n\r\n <dependency>\r\n <groupid>org.apache.myfaces.core<\/groupId>\r\n <artifactid>myfaces-impl<\/artifactId>\r\n <version>2.1.9<\/version>\r\n <\/dependency>\r\n\r\n <dependency>\r\n <groupid>org.mongodb<\/groupId>\r\n <artifactid>mongo-java-driver<\/artifactId>\r\n <version>2.10.1<\/version>\r\n <\/dependency>\r\n <dependency>\r\n <groupid>junit<\/groupId>\r\n <artifactid>junit<\/artifactId>\r\n <version>3.8.1<\/version>\r\n <scope>test<\/scope>\r\n <\/dependency>\r\n <dependency>\r\n <groupid>org.springframework.data<\/groupId>\r\n <artifactid>spring-data-mongodb<\/artifactId>\r\n <version>1.0.3.RELEASE<\/version>\r\n <\/dependency> \r\n <dependency>\r\n <groupid>org.springframework<\/groupId>\r\n <artifactid>spring-context<\/artifactId>\r\n <version>3.2.0.RELEASE<\/version>\r\n <\/dependency> \r\n <dependency>\r\n <groupid>org.springframework<\/groupId>\r\n <artifactid>spring-web<\/artifactId>\r\n <version>3.2.0.RELEASE<\/version>\r\n <\/dependency>\r\n <\/dependencies>\r\n <repositories>\r\n <repository>\r\n <id>java.net<\/id>\r\n <url>https:\/\/maven.java.net\/content\/repositories\/public\/<\/url>\r\n <\/repository>\r\n <repository> \r\n <id>prime-repo<\/id> \r\n <name>PrimeFaces Maven Repository<\/name> \r\n <url>http:\/\/repository.primefaces.org<\/url> \r\n <layout>default<\/layout> \r\n <\/repository>\r\n\r\n <repository>\r\n <id>com.springsource.repository.bundles.release<\/id>\r\n <name>SpringSource Enterprise Bundle Repository - SpringSource Releases<\/name>\r\n <url>http:\/\/repository.springsource.com\/maven\/bundles\/release<\/url>\r\n <\/repository>\r\n\r\n <repository>\r\n <id>com.springsource.repository.bundles.external<\/id>\r\n <name>SpringSource Enterprise Bundle Repository - External Releases<\/name>\r\n <url>http:\/\/repository.springsource.com\/maven\/bundles\/external<\/url>\r\n <\/repository>\r\n <repository>\r\n <releases>\r\n <enabled>false<\/enabled>\r\n <\/releases>\r\n <snapshots>\r\n <enabled>true<\/enabled>\r\n <\/snapshots>\r\n <id>apache.snapshots<\/id>\r\n <name>Apache Snapshot Repository<\/name>\r\n <url>https:\/\/repository.apache.org\/content\/repositories\/snapshots<\/url>\r\n <\/repository> \r\n <repository>\r\n <id>jboss-deprecated-repository<\/id>\r\n <name>JBoss Deprecated Maven Repository<\/name>\r\n <url>https:\/\/repository.jboss.org\/nexus\/content\/repositories\/deprecated\/<\/url>\r\n <layout>default<\/layout>\r\n <releases>\r\n <enabled>true<\/enabled>\r\n <updatepolicy>never<\/updatePolicy>\r\n <\/releases>\r\n <snapshots>\r\n <enabled>false<\/enabled>\r\n <updatepolicy>never<\/updatePolicy>\r\n <\/snapshots>\r\n <\/repository>\r\n <\/repositories>\r\n <build>\r\n <finalname>mongoShop<\/finalName>\r\n <\/build>\r\n<\/project><\/pre>\n
MyFaces<\/h4>\n
PrimeFaces Theme<\/h4>\n
<context-param>\r\n <param-name>primefaces.THEME<\/param-name><param-value>glass-x<\/param-value><\/context-param><\/pre>\n
JSF and Spring Integration:<\/h4>\n
<?xml version='1.0' encoding='UTF-8'?>\r\n<faces-config version='2.0' xmlns='http:\/\/java.sun.com\/xml\/ns\/javaee'\r\n xmlns:xi='http:\/\/www.w3.org\/2001\/XInclude'\r\n xmlns:xsi='http:\/\/www.w3.org\/2001\/XMLSchema-instance' \r\n xsi:schemaLocation='http:\/\/java.sun.com\/xml\/ns\/javaee http:\/\/java.sun.com\/xml\/ns\/javaee\/web-facesconfig_2_0.xsd'>\r\n <application>\r\n <el-resolver>org.springframework.web.jsf.el.SpringBeanFacesELResolver<\/el-resolver>\r\n <\/application>\r\n <factory>\r\n <partial-view-context-factory>org.primefaces.context.PrimePartialViewContextFactory<\/partial-view-context-factory>\r\n <\/factory> \r\n<\/faces-config><\/pre>\n
<?xml version='1.0' encoding='UTF-8'?>\r\n<web-app id='WebApp_ID' version='3.0'\r\n xmlns='http:\/\/java.sun.com\/xml\/ns\/javaee'\r\n xmlns:xsi='http:\/\/www.w3.org\/2001\/XMLSchema-instance' \r\n xsi:schemaLocation='http:\/\/java.sun.com\/xml\/ns\/javaee http:\/\/java.sun.com\/xml\/ns\/javaee\/web-app_3_0.xsd'>\r\n <context-param>\r\n <param-name>contextConfigLocation<\/param-name><param-value>WEB-INF\/spring-application-context.xml<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>errorPageUrl<\/param-name><param-value>\/pages\/systemError.do<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>facelets.DEVELOPMENT<\/param-name><param-value>false<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>facelets.REFRESH_PERIOD<\/param-name><param-value>2<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>javax.faces.STATE_SAVING_METHOD<\/param-name><param-value>client<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>javax.servlet.jsp.jstl.fmt.localizationContext<\/param-name><param-value>resources.application<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>org.apache.myfaces.ALLOW_JAVASCRIPT<\/param-name><param-value>true<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>org.apache.myfaces.AUTO_SCROLL<\/param-name><param-value>false<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>org.apache.myfaces.DETECT_JAVASCRIPT<\/param-name><param-value>false<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>org.apache.myfaces.ERROR_HANDLING<\/param-name><param-value>false<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>org.apache.myfaces.EXPRESSION_FACTORY<\/param-name><param-value>org.jboss.el.ExpressionFactoryImpl<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>org.apache.myfaces.PRETTY_HTML<\/param-name><param-value>false<\/param-value><\/context-param>\r\n <context-param>\r\n <param-name>primefaces.THEME<\/param-name><param-value>glass-x<\/param-value><\/context-param> \r\n <servlet>\r\n <servlet-name>Faces Servlet<\/servlet-name>\r\n <servlet-class>org.apache.myfaces.webapp.MyFacesServlet<\/servlet-class>\r\n <load-on-startup>1<\/load-on-startup>\r\n <\/servlet>\r\n <servlet-mapping>\r\n <servlet-name>Faces Servlet<\/servlet-name>\r\n <url-pattern>*.jsf<\/url-pattern>\r\n <\/servlet-mapping>\r\n <listener>\r\n <listener-class>org.apache.myfaces.webapp.StartupServletContextListener<\/listener-class>\r\n <\/listener>\r\n <listener>\r\n <listener-class>org.springframework.web.context.ContextLoaderListener<\/listener-class>\r\n <\/listener>\r\n<\/web-app><\/pre>\n
spring-application-context.xml<\/h4>\n
<?xml version='1.0' encoding='UTF-8'?>\r\n<beans xmlns='http:\/\/www.springframework.org\/schema\/beans'\r\nxmlns:context='http:\/\/www.springframework.org\/schema\/context'\r\n xmlns:xsi='http:\/\/www.w3.org\/2001\/XMLSchema-instance'\r\n xmlns:util='http:\/\/www.springframework.org\/schema\/util'\r\n xmlns:mongo='http:\/\/www.springframework.org\/schema\/data\/mongo'\r\n xsi:schemaLocation='http:\/\/www.springframework.org\/schema\/beans \r\n http:\/\/www.springframework.org\/schema\/beans\/spring-beans-3.2.xsd\r\n http:\/\/www.springframework.org\/schema\/data\/mongo\r\n http:\/\/www.springframework.org\/schema\/data\/mongo\/spring-mongo.xsd \r\n http:\/\/www.springframework.org\/schema\/data\/repository\r\n http:\/\/www.springframework.org\/schema\/data\/repository\/spring-repository.xsd \r\n http:\/\/www.springframework.org\/schema\/context\r\n http:\/\/www.springframework.org\/schema\/context\/spring-context-3.2.xsd\r\n http:\/\/www.springframework.org\/schema\/util \r\n http:\/\/www.springframework.org\/schema\/util\/spring-util-3.2.xsd'>\r\n\r\n <context:annotation-config\/>\r\n <context:component-scan base-package='com.borislam'\/>\r\n\r\n <mongo:mongo host='localhost' port='27017'> \r\n <mongo:options\r\n connections-per-host='5' \r\n connect-timeout='30000'\r\n max-wait-time='10000' \r\n write-number='1'\r\n write-timeout='0'\r\n write-fsync='true'\/>\r\n <\/mongo:mongo>\r\n\r\n <mongo:db-factory dbname='test' mongo-ref='mongo'\/>\r\n\r\n <mongo:repositories base-package='com.borislam.repository' \/>\r\n\r\n <bean id='mongoTemplate' class='org.springframework.data.mongodb.core.MongoTemplate'>\r\n <constructor-arg ref='mongo'\/><constructor-arg name='databaseName' value='test'\/><\/bean>\r\n<\/beans><\/pre>\n
Enquriy data with spring data repository and mongotemplate<\/h2>\n
Spring Data Repository:<\/h4>\n
MongoTemplate:<\/h4>\n
Customizing Spring Data Repository:<\/h4>\n
ProductRepository.java<\/h4>\n
package com.borislam.repository;\r\n\r\nimport java.util.List;\r\nimport org.springframework.data.repository.PagingAndSortingRepository;\r\nimport com.borislam.domain.Product;\r\n\r\npublic interface ProductRepository extends PagingAndSortingRepository<Product, String> , ProductRepostitoryCustom{\r\n\r\n List<product> findByType(String type);\r\n List<product> findByTypeAndTitle(String type, String title); \r\n Product findBySku(String sku);\r\n}<\/pre>\nProductRepositoryCustom.java<\/h4>\n
package com.borislam.repository;\r\n\r\nimport java.util.List;\r\nimport com.borislam.domain.Product;\r\nimport com.borislam.view.ProductSearchCriteria;\r\n\r\npublic interface ProductRepostitoryCustom {\r\n public List<product> searchByCriteria(ProductSearchCriteria criteria);\r\n\r\n}<\/pre>\nProductRepositoryImpl.java<\/h4>\n
package com.borislam.repository.impl;\r\n\r\nimport java.util.List;\r\nimport org.springframework.beans.factory.annotation.Autowired;\r\nimport org.springframework.data.mongodb.core.MongoTemplate;\r\nimport org.springframework.data.mongodb.core.query.Criteria;\r\nimport org.springframework.data.mongodb.core.query.Query;\r\nimport org.springframework.util.StringUtils;\r\nimport com.borislam.domain.Product;\r\nimport com.borislam.repository.ProductRepostitoryCustom;\r\nimport com.borislam.view.ProductSearchCriteria;\r\n\r\npublic class ProductRepositoryImpl implements ProductRepostitoryCustom{\r\n\r\n @Autowired\r\n private MongoTemplate mongoTemplate;\r\n\r\n @Override\r\n public List<product> searchByCriteria(ProductSearchCriteria criteria) {\r\n Query query = new Query();\r\n if ( StringUtils.hasText(criteria.getSku())) \r\n { \r\n Criteria c = Criteria.where('sku').is(criteria.getSku());\r\n query.addCriteria(c);\r\n }\r\n if (StringUtils.hasText(criteria.getTitle())) {\r\n Criteria c = Criteria.where('title').regex('.*' + criteria.getTitle() + '.*', 'i');\r\n query.addCriteria(c);\r\n }\r\n if (StringUtils.hasText(criteria.getDescription())) {\r\n Criteria c = Criteria.where('description').regex('.*' + criteria.getDescription() + '.*', 'i');\r\n query.addCriteria(c);\r\n }\r\n if (StringUtils.hasText(criteria.getProductType())) {\r\n Criteria c = Criteria.where('type').is(criteria.getProductType());\r\n query.addCriteria(c);\r\n\r\n } \r\n if (StringUtils.hasText(criteria.getTrack())) {\r\n Criteria c = Criteria.where('details.tracks').regex('.*' + criteria.getTrack() + '.*', 'i');\r\n query.addCriteria(c);\r\n }\r\n if (StringUtils.hasText(criteria.getChapter())) {\r\n Criteria c = Criteria.where('details.chapters').regex('.*' + criteria.getChapter() + '.*', 'i');\r\n query.addCriteria(c);\r\n }\r\n return mongoTemplate.find(query, Product.class);\r\n }\r\n\r\n}<\/pre>\nData Model:Product.java<\/h4>\n
package com.borislam.domain;\r\n\r\npublic class Product {\r\n private String id;\r\n private String sku ;\r\n private String type;\r\n private String title;\r\n private String description;\r\n private String publisher;\r\n private Pricing pricing;\r\n private Detail details;\r\n public String getId() {\r\n return id;\r\n }\r\n public void setId(String id) {\r\n this.id = id;\r\n }\r\n public String getSku() {\r\n return sku;\r\n }\r\n public void setSku(String sku) {\r\n this.sku = sku;\r\n }\r\n public String getType() {\r\n return type;\r\n }\r\n public void setType(String type) {\r\n this.type = type;\r\n }\r\n public String getTitle() {\r\n return title;\r\n }\r\n public void setTitle(String title) {\r\n this.title = title;\r\n }\r\n public String getDescription() {\r\n return description;\r\n }\r\n public void setDescription(String description) {\r\n this.description = description;\r\n }\r\n public String getPublisher() {\r\n return publisher;\r\n }\r\n public void setPublisher(String publisher) {\r\n this.publisher = publisher;\r\n }\r\n public Pricing getPricing() {\r\n return pricing;\r\n }\r\n public void setPricing(Pricing pricing) {\r\n this.pricing = pricing;\r\n }\r\n public Detail getDetails() {\r\n return details;\r\n }\r\n public void setDetails(Detail details) {\r\n this.details = details;\r\n } \r\n}<\/pre>\nPricing.java<\/h4>\n
package com.borislam.domain;\r\n\r\npublic class Pricing {\r\n private String id;\r\n private double list;\r\n private double retail;\r\n public String getId() {\r\n return id;\r\n }\r\n public void setId(String id) {\r\n this.id = id;\r\n }\r\n public double getList() {\r\n return list;\r\n }\r\n public void setList(double list) {\r\n this.list = list;\r\n }\r\n public double getRetail() {\r\n return retail;\r\n }\r\n public void setRetail(double retail) {\r\n this.retail = retail;\r\n }\r\n public Pricing(double list, double retail) {\r\n super();\r\n this.list = list;\r\n this.retail = retail;\r\n }\r\n\r\n}<\/pre>\nDetail.java<\/h4>\n
package com.borislam.domain;\r\n\r\nimport java.util.List;\r\n\r\npublic class Detail {\r\n private String id;\r\n private String title;\r\n private String author;\r\n private String artist;\r\n private String genre;\r\n private List<string> pic;\r\n private List<string> chapters;\r\n private List<string> tracks;\r\n public String getTitle() {\r\n return title;\r\n }\r\n public void setTitle(String title) {\r\n this.title = title;\r\n }\r\n public String getAuthor() {\r\n return author;\r\n }\r\n public void setAuthor(String author) {\r\n this.author = author;\r\n }\r\n public String getGenre() {\r\n return genre;\r\n }\r\n public void setGenre(String genre) {\r\n this.genre = genre;\r\n }\r\n public List<string> getPic() {\r\n return pic;\r\n }\r\n public void setPic(List<string> pic) {\r\n this.pic = pic;\r\n }\r\n public List<string> getChapters() {\r\n return chapters;\r\n }\r\n public void setChapters(List<string> chapters) {\r\n this.chapters = chapters;\r\n }\r\n public String getId() {\r\n return id;\r\n }\r\n public void setId(String id) {\r\n this.id = id;\r\n }\r\n public String getArtist() {\r\n return artist;\r\n }\r\n public void setArtist(String artist) {\r\n this.artist = artist;\r\n }\r\n public List<string> getTracks() {\r\n return tracks;\r\n }\r\n public void setTracks(List<string> tracks) {\r\n this.tracks = tracks;\r\n }\r\n\r\n}<\/pre>\nJSF Part:common.xhtml<\/h4>\n
<html xmlns='http:\/\/www.w3.org\/1999\/xhtml'\r\n xmlns:h='http:\/\/java.sun.com\/jsf\/html'\r\n xmlns:f='http:\/\/java.sun.com\/jsf\/core'\r\n xmlns:ui='http:\/\/java.sun.com\/jsf\/facelets'\r\n xmlns:p='http:\/\/primefaces.org\/ui'>\r\n\r\n<f:view contentType='text\/html'>\r\n\r\n <h:head>\r\n\r\n <f:facet name='first'>\r\n <meta http-equiv='Content-Type' content='text\/html; charset=utf-8'\/>\r\n <title><ui:insert name='pageTitle'>Page Title<\/ui:insert><\/title>\r\n <ui:insert name='head' \/>\r\n <\/f:facet>\r\n\r\n <\/h:head>\r\n\r\n <h:body>\r\n <div style='margin:auto;width:1024px;'>\r\n<div id='header' class='ui-widget' >\r\n<div id='logo' style='border:1px solid #acbece; border-bottom: none; '>\r\n<p:graphicImage value='\/resources\/image\/mongoshopheader.jpg'\/><\/div>\r\n<div id='logo' style='border:1px solid #acbece;'>\r\n<p:menubar style='border:none'><p:menuitem value='Search' url='\/search.jsf' icon='ui-icon-search' \/><p:menuitem value='New Product' url='\/detail.jsf' icon='ui-icon-document' \/><\/p:menubar><\/div>\r\n<\/div>\r\n<div id='page' class='ui-widget' style='overflow:hidden;'>\r\n<div id='content' style='display:block'>\r\n<ui:insert name='content'>...<\/ui:insert> \r\n <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/h:body>\r\n\r\n<\/f:view>\r\n<\/html><\/pre>\n
Search.xhml<\/h4>\n
<html xmlns='http:\/\/www.w3.org\/1999\/xhtml'\r\n xmlns:ui='http:\/\/java.sun.com\/jsf\/facelets'\r\n xmlns:h='http:\/\/java.sun.com\/jsf\/html'\r\n xmlns:f='http:\/\/java.sun.com\/jsf\/core'\r\n xmlns:p='http:\/\/primefaces.org\/ui'>\r\n\r\n <ui:composition template='\/template\/common.xhtml'>\r\n\r\n <ui:define name='pageTitle'>\r\n <h:outputText value='Product Search' \/>\r\n <\/ui:define>\r\n\r\n <ui:define name='content'>\r\n <h:form id='searchForm'>\r\n <p:growl id='mainGrowl' sticky='true' \/><p:panelGrid style='width:1024px'><f:facet name='header'>\r\n <p:row><p:column colspan='4'>Product Search\r\n <\/p:column><\/p:row><\/f:facet> \r\n <p:row><p:column><h:outputLabel for='sku' value='sku: ' \/>\r\n <\/p:column><p:column><p:inputText id='sku' value='#{productSearchBean.criteria.sku}' \/><\/p:column><p:column><h:outputLabel for='productType' value='Product Type: ' \/>\r\n <\/p:column><p:column><p:selectOneMenu id='productType' label='Type' value='#{productSearchBean.criteria.productType}' ><f:selectItem itemLabel='Select One' itemValue='' \/> \r\n <f:selectItem itemLabel='Audio Album' itemValue='Audio Album' \/> \r\n <f:selectItem itemLabel='Book' itemValue='Book' \/> \r\n <\/p:selectOneMenu><\/p:column><\/p:row><p:row><p:column><h:outputLabel for='title' value='Title: ' \/>\r\n <\/p:column><p:column><p:inputText id='title' value='#{productSearchBean.criteria.title}' \/><\/p:column><p:column><h:outputLabel for='description' value='Description: ' \/>\r\n <\/p:column><p:column><p:inputText id='description' value='#{productSearchBean.criteria.description}' \/><\/p:column><\/p:row><p:row><p:column><h:outputLabel for='track' value='Track: ' \/>\r\n <\/p:column><p:column><p:inputText id='track' value='#{productSearchBean.criteria.track}' \/><\/p:column><p:column><h:outputLabel for='chapter' value='Chapter: ' \/>\r\n <\/p:column><p:column><p:inputText id='chapter' value='#{productSearchBean.criteria.chapter}' \/><\/p:column><\/p:row><\/p:panelGrid><p:commandButton value='search' icon='ui-icon-search' actionListener='#{productSearchBean.doSearch}' update='dataTable'\/><hr\/><p:dataTable id='dataTable' var='prod' value='#{productSearchBean.productList}' \r\n paginator='true' rows='10'><p:column><f:facet name='header'> \r\n <h:outputText value='Sku' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.sku}' \/> \r\n <\/p:column><p:column><f:facet name='header'> \r\n <h:outputText value='Type' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.type}' \/> \r\n <\/p:column><p:column><f:facet name='header'> \r\n <h:outputText value='Title' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.title}' \/> \r\n <\/p:column><p:column><f:facet name='header'> \r\n <h:outputText value='Publisher' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.publisher}' \/> \r\n <\/p:column><p:column><f:facet name='header'> \r\n <h:outputText value='Artist' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.details.artist}' \/> \r\n <\/p:column><p:column><f:facet name='header'> \r\n <h:outputText value='Author' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.details.author}' \/> \r\n <\/p:column><\/p:dataTable><\/h:form>\r\n <\/ui:define>\r\n <\/ui:composition>\r\n<\/html><\/pre>\nProductSearchCriteria.java<\/h4>\n
package com.borislam.view;\r\n\r\npublic class ProductSearchCriteria {\r\n private String sku;\r\n private String description;\r\n private String productType;\r\n private String track;\r\n private String chapter;\r\n private String title;\r\n public String getSku() {\r\n return sku;\r\n }\r\n public void setSku(String sku) {\r\n this.sku = sku;\r\n }\r\n public String getDescription() {\r\n return description;\r\n }\r\n public void setDescription(String description) {\r\n this.description = description;\r\n }\r\n public String getProductType() {\r\n return productType;\r\n }\r\n public void setProductType(String productType) {\r\n this.productType = productType;\r\n }\r\n public String getTrack() {\r\n return track;\r\n }\r\n public void setTrack(String track) {\r\n this.track = track;\r\n }\r\n public String getTitle() {\r\n return title;\r\n }\r\n public void setTitle(String title) {\r\n this.title = title;\r\n }\r\n public String getChapter() {\r\n return chapter;\r\n }\r\n public void setChapter(String chapter) {\r\n this.chapter = chapter;\r\n }\r\n\r\n}<\/pre>\nProductSearchBean.java<\/h4>\n
package com.borislam.view;\r\n\r\nimport java.util.List;\r\nimport javax.faces.application.FacesMessage;\r\nimport javax.faces.context.FacesContext;\r\nimport javax.faces.event.ActionEvent;\r\nimport org.springframework.beans.factory.annotation.Autowired;\r\nimport org.springframework.context.annotation.Scope;\r\nimport org.springframework.dao.DataAccessException;\r\nimport org.springframework.stereotype.Component;\r\nimport com.borislam.domain.Product;\r\nimport com.borislam.service.ProductService;\r\n\r\n@Component\r\n@Scope('session')\r\npublic class ProductSearchBean {\r\n\r\n private Product selectedProduct;\r\n\r\n private ProductSearchCriteria criteria = new ProductSearchCriteria();\r\n\r\n private List<product> productList;\r\n\r\n public Product getSelectedProduct() {\r\n return selectedProduct;\r\n }\r\n\r\n public void setSelectedProduct(Product selectedProduct) {\r\n this.selectedProduct = selectedProduct;\r\n }\r\n\r\n public List<product> getProductList() {\r\n return productList;\r\n }\r\n\r\n public void setProductList(List<product> productList) {\r\n this.productList = productList;\r\n }\r\n\r\n public ProductSearchCriteria getCriteria() {\r\n return criteria;\r\n }\r\n\r\n public void setCriteria(ProductSearchCriteria criteria) {\r\n this.criteria = criteria;\r\n }\r\n @Autowired\r\n private ProductService productService;\r\n\r\n public void doSearch(ActionEvent event){\r\n productList= productService.searchByCriteria(criteria);\r\n }\r\n}<\/pre>\nService Layer:ProductService.java<\/h4>\n
package com.borislam.service;\r\n\r\nimport java.util.List;\r\nimport org.springframework.beans.factory.annotation.Autowired;\r\nimport org.springframework.stereotype.Service;\r\nimport com.borislam.domain.Product;\r\nimport com.borislam.repository.ProductRepository;\r\nimport com.borislam.view.ProductSearchCriteria;\r\n\r\n@Service\r\npublic class ProductService {\r\n\r\n @Autowired\r\n private ProductRepository productRepository;\r\n\r\n public List<product> searchByCriteria(ProductSearchCriteria criteria){\r\n return productRepository.searchByCriteria(criteria);\r\n }\r\n\r\n public Product getProduct(String sku) {\r\n return productRepository.findBySku(sku);\r\n }\r\n}<\/pre>\nCreate, Edit and Delete data with Spring data repository<\/h2>\n
updated search.xhtml<\/h4>\n
<html xmlns='http:\/\/www.w3.org\/1999\/xhtml'\r\n xmlns:ui='http:\/\/java.sun.com\/jsf\/facelets'\r\n xmlns:h='http:\/\/java.sun.com\/jsf\/html'\r\n xmlns:f='http:\/\/java.sun.com\/jsf\/core'\r\n xmlns:p='http:\/\/primefaces.org\/ui'>\r\n\r\n <ui:composition template='\/template\/common.xhtml'>\r\n\r\n <ui:define name='pageTitle'>\r\n <h:outputText value='Product Search' \/>\r\n <\/ui:define>\r\n\r\n <ui:define name='content'>\r\n <h:form id='searchForm'>\r\n <p:growl id='mainGrowl' sticky='true' \/>\r\n <p:panelGrid style='width:1024px'> \r\n <f:facet name='header'>\r\n <p:row> \r\n <p:column colspan='4'> \r\n Product Search\r\n <\/p:column>\r\n <\/p:row>\r\n <\/f:facet> \r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='sku' value='sku: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='sku' value='#{productSearchBean.criteria.sku}' \/>\r\n <\/p:column> \r\n <p:column> \r\n <h:outputLabel for='productType' value='Product Type: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:selectOneMenu id='productType' label='Type' value='#{productSearchBean.criteria.productType}' > \r\n <f:selectItem itemLabel='Select One' itemValue='' \/> \r\n <f:selectItem itemLabel='Audio Album' itemValue='Audio Album' \/> \r\n <f:selectItem itemLabel='Book' itemValue='Book' \/> \r\n <\/p:selectOneMenu>\r\n <\/p:column>\r\n <\/p:row>\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='title' value='Title: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='title' value='#{productSearchBean.criteria.title}' \/>\r\n <\/p:column> \r\n <p:column> \r\n <h:outputLabel for='description' value='Description: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='description' value='#{productSearchBean.criteria.description}' \/>\r\n <\/p:column>\r\n <\/p:row> \r\n\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='track' value='Track: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='track' value='#{productSearchBean.criteria.track}' \/>\r\n <\/p:column> \r\n <p:column> \r\n <h:outputLabel for='chapter' value='Chapter: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='chapter' value='#{productSearchBean.criteria.chapter}' \/>\r\n <\/p:column>\r\n <\/p:row> \r\n\r\n <\/p:panelGrid>\r\n <p:commandButton value='search' icon='ui-icon-search' actionListener='#{productSearchBean.doSearch}' update='dataTable'\/>\r\n <hr\/>\r\n\r\n <p:dataTable id='dataTable' var='prod' value='#{productSearchBean.productList}' \r\n paginator='true' rows='10'> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Sku' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.sku}' \/> \r\n <\/p:column> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Type' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.type}' \/> \r\n <\/p:column> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Title' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.title}' \/> \r\n <\/p:column> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Publisher' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.publisher}' \/> \r\n <\/p:column> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Artist' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.details.artist}' \/> \r\n <\/p:column> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Author' \/> \r\n <\/f:facet> \r\n <h:outputText value='#{prod.details.author}' \/> \r\n <\/p:column> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Edit' \/> \r\n <\/f:facet> \r\n <p:commandButton value='Edit' action='#{productSearchBean.doEditDetail}' ajax='false'>\r\n <f:setPropertyActionListener target='#{productSearchBean.selectedProduct}' value='#{prod}' \/>\r\n <\/p:commandButton>\r\n <\/p:column> \r\n\r\n <p:column> \r\n <f:facet name='header'> \r\n <h:outputText value='Delete' \/> \r\n <\/f:facet>\r\n\r\n <p:commandButton id='showDialogButton' value='Delete' oncomplete='confirmation.show()' ajax='true' update=':searchForm:confirmDialog'> \r\n <f:setPropertyActionListener target='#{productSearchBean.selectedProduct}' value='#{prod}' \/>\r\n <\/p:commandButton>\r\n\r\n <\/p:column>\r\n\r\n <\/p:dataTable>\r\n\r\n <p:confirmDialog id='confirmDialog' message='Are you sure to delete this product (#{productSearchBean.selectedProduct.sku})?' \r\n header='Delete Product' severity='alert' widgetVar='confirmation'> \r\n\r\n <p:commandButton id='confirm' value='Yes' update='mainGrowl' oncomplete='confirmation.hide()' \r\n actionListener='#{productSearchBean.doDelete}' \/> \r\n <p:commandButton id='decline' value='No' onclick='confirmation.hide()' type='button' \/> \r\n\r\n <\/p:confirmDialog>\r\n\r\n <\/h:form>\r\n <\/ui:define>\r\n <\/ui:composition>\r\n<\/html><\/pre>\nupdated ProductSearchBean.java<\/h4>\n
package com.borislam.view;\r\n\r\nimport java.util.List;\r\n\r\nimport javax.faces.application.FacesMessage;\r\nimport javax.faces.context.FacesContext;\r\nimport javax.faces.event.ActionEvent;\r\nimport org.springframework.beans.factory.annotation.Autowired;\r\nimport org.springframework.context.annotation.Scope;\r\nimport org.springframework.dao.DataAccessException;\r\nimport org.springframework.stereotype.Component;\r\nimport com.borislam.domain.Product;\r\nimport com.borislam.service.ProductService;\r\n\r\n@Component\r\n@Scope('session')\r\npublic class ProductSearchBean {\r\n\r\n private Product selectedProduct;\r\n\r\n private ProductSearchCriteria criteria = new ProductSearchCriteria();\r\n\r\n private List<Product> productList;\r\n\r\n public Product getSelectedProduct() {\r\n return selectedProduct;\r\n }\r\n\r\n public void setSelectedProduct(Product selectedProduct) {\r\n this.selectedProduct = selectedProduct;\r\n }\r\n\r\n public List<Product> getProductList() {\r\n return productList;\r\n }\r\n\r\n public void setProductList(List<Product> productList) {\r\n this.productList = productList;\r\n }\r\n\r\n public ProductSearchCriteria getCriteria() {\r\n return criteria;\r\n }\r\n\r\n public void setCriteria(ProductSearchCriteria criteria) {\r\n this.criteria = criteria;\r\n }\r\n @Autowired\r\n private ProductService productService;\r\n\r\n public void doSearch(ActionEvent event){\r\n productList= productService.searchByCriteria(criteria);\r\n }\r\n\r\n public String doEditDetail() {\r\n (FacesContext.getCurrentInstance().getExternalContext().getFlash()).put('selected', selectedProduct);\r\n return 'detail.xhtml';\r\n }\r\n\r\n public void doDelete(ActionEvent event){\r\n try { \r\n productService.deleteProduct(selectedProduct);\r\n\r\n FacesContext context = FacesContext.getCurrentInstance(); \r\n context.addMessage(null, new FacesMessage('Delete Successfully!'));\r\n }\r\n catch (DataAccessException e ) {\r\n FacesContext context = FacesContext.getCurrentInstance(); \r\n context.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_ERROR,'Error when deleting product!',null));\r\n }\r\n\r\n }\r\n}<\/pre>\ndetail.xhtml<\/h4>\n
<html xmlns='http:\/\/www.w3.org\/1999\/xhtml'\r\n xmlns:ui='http:\/\/java.sun.com\/jsf\/facelets'\r\n xmlns:h='http:\/\/java.sun.com\/jsf\/html'\r\n xmlns:f='http:\/\/java.sun.com\/jsf\/core'\r\n xmlns:p='http:\/\/primefaces.org\/ui'>\r\n\r\n <ui:composition template='\/template\/common.xhtml'>\r\n\r\n <ui:define name='pageTitle'>\r\n <h:outputText value='Product Search' \/>\r\n <\/ui:define>\r\n\r\n <ui:define name='content'>\r\n <f:event listener='#{productDetailBean.initProduct}' type='preRenderView' \/>\r\n\r\n <h:form id='mainForm'> \r\n <p:growl id='mainGrowl' sticky='true' \/>\r\n <p:panelGrid style='width:1024px'> \r\n <f:facet name='header'>\r\n <p:row> \r\n <p:column colspan='2'> \r\n Product Details\r\n <\/p:column>\r\n <\/p:row>\r\n <\/f:facet> \r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='sku' value='sku: *' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='sku' required='true' value='#{productDetailBean.product.sku}' label='Sku' rendered='#{productDetailBean.newProduct}'\/>\r\n <h:outputText value='#{productDetailBean.product.sku}' label='Sku' rendered='#{not productDetailBean.newProduct}'\/>\r\n <\/p:column> \r\n <\/p:row>\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='type' value='Type *' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:selectOneMenu id='type' required='true' label='Type' valueChangeListener='#{productDetailBean.clearDetails}' value='#{productDetailBean.product.type}' > \r\n <f:selectItem itemLabel='Select One' itemValue='' \/> \r\n <f:selectItem itemLabel='Audio Album' itemValue='Audio Album' \/> \r\n <f:selectItem itemLabel='Book' itemValue='Book' \/> \r\n <f:ajax render='buttonPanel trackPanel chapterPanel'\/>\r\n <\/p:selectOneMenu>\r\n <\/p:column> \r\n <\/p:row> \r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='title' value='Title: *' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='title' required='true' value='#{productDetailBean.product.title}' label='Title' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='description' value='Description: *' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='description' required='true' value='#{productDetailBean.product.description}' label='Description' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='publisher' value='Publisher: *' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='publisher' required='true' value='#{productDetailBean.product.publisher}' label='Publisher' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='artist' value='Artist: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='artist' value='#{productDetailBean.product.details.artist}' label='Artist' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='listPrice' value='List Price: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='listPrice' required='true' value='#{productDetailBean.product.pricing.list}' label='List Price' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='retailPrice' value='Retail Price: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='retailPrice' required='true' value='#{productDetailBean.product.pricing.retail}' label='REtail Price' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='author' value='Author: ' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='author' value='#{productDetailBean.product.details.author}' label='Author' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n\r\n <p:row> \r\n <p:column>\r\n <h:outputLabel for='genre' value='Genre: *' \/>\r\n <\/p:column>\r\n <p:column> \r\n <p:inputText id='genre' required='true' value='#{productDetailBean.product.details.genre}' label='Genre' \/>\r\n <\/p:column> \r\n <\/p:row> \r\n\r\n <p:row> \r\n <p:column colspan='2' styleClass='ui-widget-header'> \r\n <p:outputPanel id='buttonPanel'> \r\n <p:commandButton value='Add Tracks' onclick='addTrackDlg.show();' type='button' rendered='#{productDetailBean.product.type == 'Audio Album'}'\/> \r\n <p:commandButton value='Add Chapters' onclick='addChapterDlg.show();' type='button' rendered='#{productDetailBean.product.type == 'Book'}'\/>\r\n <\/p:outputPanel>\r\n <\/p:column> \r\n <\/p:row>\r\n\r\n <p:row> \r\n <p:column colspan='2' > \r\n <p:outputPanel id='trackPanel' >\r\n <p:dataList value='#{productDetailBean.product.details.tracks}' var='track' type='ordered' rendered='#{productDetailBean.product.details.tracks.size() > 0}'> \r\n #{track} \r\n <\/p:dataList> \r\n <\/p:outputPanel>\r\n <p:outputPanel id='chapterPanel' >\r\n <p:dataList value='#{productDetailBean.product.details.chapters}' var='chapter' type='ordered' rendered='#{productDetailBean.product.details.chapters.size() > 0}'> \r\n #{chapter} \r\n <\/p:dataList> \r\n <\/p:outputPanel> \r\n\r\n <\/p:column> \r\n <\/p:row> \r\n\r\n <f:facet name='footer'> \r\n <p:row>\r\n <p:column colspan='2'> \r\n <p:commandButton value='Save' icon='ui-icon-disk' actionListener='#{productDetailBean.doSave}' update='mainGrowl' \/>\r\n <p:button value='Back to Search' icon='ui-icon-back' outcome='search.xhtml' \/>\r\n <\/p:column>\r\n <\/p:row> \r\n <\/f:facet> \r\n <\/p:panelGrid> \r\n\r\n <\/h:form>\r\n\r\n <h:form> \r\n <p:growl id='trackGrowl' sticky='true' \/>\r\n <p:dialog id='addTrackDlg' header='Adding Tracks for the product' widgetVar='addTrackDlg' modal='true' height='100' width='450' resizable='false'> \r\n <h:outputLabel for='track' value='Track: ' \/> \r\n <p:inputText id='track' required='true' value='#{productDetailBean.newTrack}' label='Track' \/> \r\n <p:commandButton value='Add' actionListener='#{productDetailBean.doAddTracks}' icon='ui-icon-check' update='trackGrowl, :mainForm:trackPanel' oncomplete='addTrackDlg.hide()'\/>\r\n <\/p:dialog> \r\n <\/h:form> \r\n\r\n <h:form>\r\n <p:growl id='chapterGrowl' sticky='true' \/> \r\n <p:dialog id='addChapterDlg' header='Adding Chapters for the product' widgetVar='addChapterDlg' modal='true' height='100' width='450' resizable='false'> \r\n <h:outputLabel for='chapter' value='Chapter: ' \/> \r\n <p:inputText id='chapter' required='true' value='#{productDetailBean.newChapter}' label='Chapter' \/> \r\n <p:commandButton value='Add' actionListener='#{productDetailBean.doAddChapters}' icon='ui-icon-check' update='chapterGrowl, :mainForm:chapterPanel' oncomplete='addChapterDlg.hide()'\/>\r\n\r\n <\/p:dialog> \r\n <\/h:form> \r\n <\/ui:define>\r\n <\/ui:composition>\r\n<\/html><\/pre>\nProductDetailsBean.java<\/h4>\n
package com.borislam.view;\r\n\r\nimport java.util.ArrayList;\r\nimport java.util.List;\r\n\r\nimport javax.faces.application.FacesMessage;\r\nimport javax.faces.context.FacesContext;\r\nimport javax.faces.event.ActionEvent;\r\nimport javax.faces.event.ValueChangeEvent;\r\n\r\nimport org.springframework.beans.factory.annotation.Autowired;\r\nimport org.springframework.context.annotation.Scope;\r\nimport org.springframework.stereotype.Component;\r\nimport org.springframework.util.CollectionUtils;\r\nimport org.springframework.dao.DataAccessException;\r\n\r\nimport com.borislam.domain.Detail;\r\nimport com.borislam.domain.Pricing;\r\nimport com.borislam.domain.Product;\r\nimport com.borislam.service.ProductService;\r\n\r\n@Component\r\n@Scope('session')\r\npublic class ProductDetailBean {\r\n\r\n @Autowired\r\n private ProductService productService;\r\n private boolean newProduct;\r\n private Product product;\r\n private String newTrack;\r\n private String newChapter;\r\n\r\n public boolean isNewProduct() {\r\n return newProduct;\r\n }\r\n\r\n public void setNewProduct(boolean newProduct) {\r\n this.newProduct = newProduct;\r\n }\r\n\r\n public Product getProduct() {\r\n return product;\r\n }\r\n\r\n public void setProduct(Product product) {\r\n this.product = product;\r\n }\r\n\r\n public String getNewTrack() {\r\n return newTrack;\r\n }\r\n\r\n public void setNewTrack(String newTrack) {\r\n this.newTrack = newTrack;\r\n }\r\n\r\n public String getNewChapter() {\r\n return newChapter;\r\n }\r\n\r\n public void setNewChapter(String newChapter) {\r\n this.newChapter = newChapter;\r\n }\r\n\r\n public void initProduct(){\r\n Object selectedProduct = (FacesContext.getCurrentInstance().getExternalContext().getFlash()).get('selected');\r\n\r\n if (selectedProduct==null && !FacesContext.getCurrentInstance().isPostback()) {\r\n product = new Product();\r\n product.setDetails(new Detail());\r\n product.setPricing(new Pricing(0,0));\r\n setNewProduct(true);\r\n }\r\n if (selectedProduct!=null) {\r\n product = (Product)selectedProduct;\r\n setNewProduct(false);\r\n }\r\n\r\n }\r\n\r\n public void doSave(ActionEvent event) {\r\n\r\n try {\r\n productService.saveProduct(product);\r\n\r\n FacesContext context = FacesContext.getCurrentInstance(); \r\n context.addMessage(null, new FacesMessage('Save Successfully!'));\r\n }\r\n catch (DataAccessException e)\r\n { \r\n e.printStackTrace();\r\n\r\n FacesContext context = FacesContext.getCurrentInstance(); \r\n context.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_ERROR,'Error when saving product!',null));\r\n\r\n }\r\n\r\n }\r\n\r\n public void doAddTracks(ActionEvent event) {\r\n List<String> tracks = product.getDetails().getTracks();\r\n if (CollectionUtils.isEmpty(tracks)) {\r\n product.getDetails().setTracks(new ArrayList<String>());\r\n }\r\n product.getDetails().getTracks().add(this.newTrack);\r\n\r\n }\r\n\r\n public void doAddChapters(ActionEvent event) {\r\n List<String> tracks = product.getDetails().getChapters();\r\n if (CollectionUtils.isEmpty(tracks)) {\r\n product.getDetails().setChapters(new ArrayList<String>() );\r\n }\r\n product.getDetails().getChapters().add(this.newChapter);\r\n\r\n }\r\n\r\n public void clearDetails(ValueChangeEvent event) {\r\n\r\n if ('Audio Album'.equalsIgnoreCase(event.getNewValue().toString()) ) {\r\n product.getDetails().setChapters(null);\r\n }\r\n if ('Book'.equalsIgnoreCase( event.getNewValue().toString())) {\r\n product.getDetails().setTracks(null);\r\n }\r\n }\r\n}<\/pre>\nupdated ProductService.java<\/h4>\n
package com.borislam.service;\r\n\r\nimport java.util.List;\r\n\r\nimport org.springframework.beans.factory.annotation.Autowired;\r\nimport org.springframework.stereotype.Service;\r\n\r\nimport com.borislam.domain.Product;\r\nimport com.borislam.repository.ProductRepository;\r\nimport com.borislam.view.ProductSearchCriteria;\r\n\r\n@Service\r\npublic class ProductService {\r\n\r\n @Autowired\r\n private ProductRepository productRepository;\r\n\r\n public List<Product> searchByCriteria(ProductSearchCriteria criteria){\r\n return productRepository.searchByCriteria(criteria);\r\n }\r\n\r\n public Product getProduct(String sku) {\r\n return productRepository.findBySku(sku);\r\n }\r\n\r\n public void saveProduct(Product p){ \r\n productRepository.save(p);\r\n }\r\n\r\n public void deleteProduct(Product p){ \r\n productRepository.delete(p);\r\n }\r\n\r\n}<\/pre>\nConclusion:<\/h2>\n
\n