HibernateRelationshipsUI

This is version 19. It is not the current version, and thus it cannot be edited.
[Back to current version]   [Restore this version]

About this Tutorial

• Edit a User and their Weblogs (many-to-many)
• CRUD a Weblog and its Users (many-to-many)
• CRUD a Weblog and its Entries (one-to-many)
• Add a Category drop-down for Entries (many-to-one)

Table of Contents

• [1] Modify userForm.jsp to allow creating/editing a weblog (many-to-many)
• [2] Modify the UserAction to support editing a user's weblogs
• [3] Create a WeblogAction to handle CRUD-ing Weblogs
• [4] Create JSPs to display a Weblog's information
• [5] Add the ability to edit users from the Weblog Detail Screen
• [6] Add the ability to edit entries from the Weblog Detail Screen

Modify userForm.jsp to allow creating/editing a weblog [#1]

A weblog record has 3 fields: weblogId, blogTitle and dateCreated. The blogTitle is the only field that users should be able to edit. The rest of them can be set programmatically. Open web/pages/userForm.jsp and add the following code to the bottom of the form (between </table> and </form>.

<fieldset style="position: absolute; top: 190px; left: 520px">
    <legend style="font-weight: bold">Weblogs</legend>
    <c:forEach var="blog" items="${userForm.weblogs}" varStatus="index">
        <input type="hidden" name="weblogs[<c:out value='${index.index}'/>].weblogId" value="<c:out value='${blog.weblogId}'/>"/>
        <input type="hidden" name="weblogs[<c:out value='${index.index}'/>].username" value="<c:out value='${blog.username}'/>"/>
        <input type="hidden" name="weblogs[<c:out value='${index.index}'/>].dateCreated" value="<fmt:formatDate value='${blog.dateCreated}' pattern="MM/dd/yyyy"/>"/>
        <input type="text" name="weblogs[<c:out value='${index.index}'/>].blogTitle" size="40" value="<c:out value='${blog.blogTitle}'/>"/><br/>
    </c:forEach>

</fieldset>

Run ant clean deploy, go to http://localhost:8080/appfuse/editProfile.html and login as "tomcat/tomcat". You should see a screenshot like the one below.

If you try to save at this point, you'll probably get the following error:

The process did not complete. Details should follow.
IllegalArgumentException occurred calling getter of org.appfuse.model.Weblog.weblogId
object is not an instance of declaring class

This happens because the "weblogs" property of User is populated with a bunch of WeblogForm objects, instead of Weblog objects.

Modify the UserAction to support editing a user's weblogs [#2]

To fix saving a User, add convertLists(user) to the save() method of UserAction.java:

In addition, you can add convertLists(user) to UserAction.edit() and get rid of the <fmt:formatDate> tag around the dateCreated property.

NOTE: The reason convertLists(Object) isn't called automatically by the convert(Object) method is because it invokes lazy-loaded collections. APF-81

Create a WeblogAction to handle CRUD-ing Weblogs [#3]

1. Add WEBLOG_LIST and WEBLOG_KEY to Constants.java
2. Create WeblogAction.java

Create JSPs to display a Weblog's information [#4]

1. Add keys to ApplicationResources.properties
2. Create weblogList.jsp
3. Create weblogForm.jsp
4. Add WeblogMenu to menu-config.xml and menu.jsp
5. Add @struts.validator type="required" to weblogForm.jsp to prevent Struts Exception
6. Change Weblog.users to List from Set
7. Make WeblogDAO Transactional by moving bean definition to -service.xml and wrapping it with a txProxy
8. Add logic to WeblogAction to update User's Roles
9. Insert record into database to show 2 users: insert into weblog_user values ('mraible', 1);
10. add class="tallCell" to pretty up view of users

Add the ability to edit users from the Weblog Detail Screen [#5]

Add the ability to edit entries from the Weblog Detail Screen [#6]

WeblogWithUsers.png		12462 bytes
WeblogAction.java		5803 bytes
weblogList.jsp		1483 bytes
WeblogWithEntry.png		14386 bytes
WeblogCRUD.png		38859 bytes
UserWithWeblog.png		10692 bytes
weblogForm.jsp		1782 bytes
WeblogWithCategory.png		15572 bytes