HibernateRelationshipsUI

This is version 22. 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}'/>].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 src/web/**/webapp/action):

In addition, you can add convertLists(user) to UserAction.edit():

This will allow you to get rid of the <fmt:formatDate> tag around the dateCreated property.

<input type="hidden" name="weblogs[<c:out value='${index.index}'/>].dateCreated" value="<c:out value='${blog.dateCreated}'/>"/>

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

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

1. Change Weblog.users to List from Set
2. Make WeblogDAO Transactional by moving bean definition to -service.xml and wrapping it with a txProxy
3. Add logic to WeblogAction to update User's Roles
4. Insert record into database to show 2 users: insert into weblog_user values ('mraible', 1);
5. add class="tallCell" to pretty up view of users

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

1. Add block of code to show entries
2. Uncomment entries block in Weblog.java
3. Modify struts_form.xdt so collections ending with "ies" will get their POJO's names ending with "y" (i.e. entries -> Entry).
4. TODO: Figure out how to get DateConverter and TimestampConverter to play nicely with each other (maybe combine them)
5. Style up the "posted at" text

1. Add AVAILABLE_CATEGORIES to Constants.java
2. Grab Categories in StartupListener and expose them, discuss why not do it in edit() method
3. Add "extends Manager" to LookupManager interface so getObjects() can be used in StartupListener
4. LookupManager.getObjects results in NPE, change signature of setLookupDAO() method to call super.dao = dao:

1. Add html:select tag to weblogForm.jsp, include prettying up - show screenshot
2. POSSIBLITY: Add "title" to Entry.java

Add the ability to delete an entry

1. Wrap nested:iterate with div id

1. This will delete, but only the first one - might need some more JavaScript magic to shuffle the numbers
2. Delete only works if last entry is deleted
3. Add only works if there's already an existing one to replicate.

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