Changes for page Your First Stateful Project

Last modified by Bastian Triller on 2021/08/07 03:59

From 10.1 to 11.1 From 14.1 to 15.1

From version 11.1

edited by Pascal Robert
on 2012/08/09 04:05

Change comment: There is no comment for this version

To version 14.1

edited by Pascal Robert
on 2012/12/12 07:57

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -1,7 +5,3 @@
--{{info}}
--Work in progress
--{{/info}}
--
  So far, we have seen two of the technologies, D2W and ERRest, that Project Wonder offers for viewing and managing the data. In this tutorial, we will show how to do it with the "stateful" way of doing things. Stateful have been around since the beginning of WebObjects in 1996, so it's the oldest way of presenting data and constructing pages.
  Stateful means that you don't have to worry about creating sessions and keeping track of data coming from HTML input fields and controls. In fact, D2W is also stateful.
@@ -138,8 +138,17 @@
  {{/code}}
--Save the file. Next: we need to add a component to present the login form to the user. Right-click on the **Components** folder in the project, and select **New** > **WOComponent**. Change the name of the component to be **AdminMainPage** and change the superclass to **er.extensions.components.ERXComponent**.
++Save the file. Now open Author.java and add the following method:
++{{code}}
++public static Author validateLogin(EOEditingContext editingContext, String _emailAddress) {
++	// TODO Auto-generated method stub
++	return null;
++}
++{{/code}}
++
++Next: we need to add a component to present the login form to the user. Right-click on the **Components** folder in the project, and select **New** > **WOComponent**. Change the name of the component to be **AdminMainPage** and change the superclass to **er.extensions.components.ERXComponent**.
++
  After the component have been created, open **AdminMainPage.java** and override the content of the class with the following code:
  {{code}}
@@ -160,7 +160,7 @@
  import er.extensions.eof.ERXEC;
  public class AdminMainPage extends ERXComponent {
--
++
    private ERXBatchingDisplayGroup<BlogEntry> _dg;
    public AdminMainPage(WOContext context) {
@@ -171,42 +171,42 @@
      _dg.setDataSource(dataSource);
      _dg.setObjectArray(BlogEntry.fetchBlogEntries(editingContext(), BlogEntry.AUTHOR.eq(session().loggedAuthor()), BlogEntry.LAST_MODIFIED.descs()));
    }
--
++
    public ERXBatchingDisplayGroup<BlogEntry> displayGroup() {
      return this._dg;
    }
--
++
    private String _emailAddress;
--
++
    public String emailAddress() {
      return this._emailAddress;
    }
--
++
    public void setEmailAddress(String emailAddress) {
      this._emailAddress = emailAddress;
    }
--
++
    private BlogEntry _blogEntryItem;
    public void setBlogEntryItem(BlogEntry blogEntryItem) {
      this._blogEntryItem = blogEntryItem;
    }
--
++
    public BlogEntry blogEntryItem() {
      return this._blogEntryItem;
    }
--
++
    @Override
    public Session session() {
      return ((Session)super.session());
    }
--
++
    public boolean isLogged() {
      return ((session()).loggedAuthor() == null) ? false: true;
    }
--
++
    private EOEditingContext _ec;
--
++
    public EOEditingContext editingContext() {
      if (_ec == null) {
        _ec = ERXEC.newEditingContext();
@@ -213,13 +213,13 @@
      }
      return _ec;
    }
--
++
    private String _errorMessage = null;
--
++
    public String errorMessage() {
      return this._errorMessage;
    }
--
++
    public WOActionResults login() {
      Author loggedAuthor = Author.validateLogin(editingContext(), _emailAddress);
      if (loggedAuthor != null) {
@@ -228,7 +228,7 @@
        _errorMessage = "Invalid email address";
      }
      return null;
--  }
++  }
  }
  {{/code}}
@@ -239,30 +239,37 @@
  {{code}}
--
--    <wo:AjaxUpdateContainer id="main">
++<wo:AjaxUpdateContainer id="main">
        <wo:if condition="$isLogged">
          <wo:if condition="$displayGroup.hasMultipleBatches">
            <div>
              <wo:link action="$displayGroup.displayPreviousBatch">Previous</wo:link>
--            | Batch
++            | Batch
              <wo:str value="$displayGroup.currentBatchIndex" />
--            of
++            of
              <wo:str value="$displayGroup.batchCount" />
--            |
++            |
              <wo:link action="$displayGroup.displayNextBatch">Next</wo:link>
            </div>
          </wo:if>
--        <wo:loop list="$displayGroup.displayedObjects" item="$blogEntryItem">
--          <p><wo:str value="$blogEntryItem.title" /></p>
--          <p><wo:str value="$blogEntryItem.content" escapeHTML="false" /></p>
--          <p>Created by
--            <wo:str value="$blogEntryItem.author.fullName" />
--            on
--            <wo:str value="$blogEntryItem.creationDate" />
--          </p>
--          <hr />
--        </wo:loop>
++        <table>
++          <tr>
++            <th><wo:WOSortOrder displayGroup="$displayGroup" key="title" /> Title</th>
++            <th>Author</th>
++            <th><wo:WOSortOrder displayGroup="$displayGroup" key="creationDate" /> Created on</th>
++            <th><wo:WOSortOrder displayGroup="$displayGroup" key="lastModified" /> Last modified</th>
++          </tr>
++          <wo:loop list="$displayGroup.displayedObjects" item="$blogEntryItem">
++            <tr>
++              <td>
++                <wo:str value="$blogEntryItem.title" />
++              </td>
++              <td> <wo:str value="$blogEntryItem.author.fullName" /> </td>
++              <td> <wo:str value="$blogEntryItem.creationDate" dateformat="%Y/%m/%d" /> </td>
++              <td> <wo:str value="$blogEntryItem.lastModified" dateformat="%Y/%m/%d" /> </td>
++            </tr>
++          </wo:loop>
++        </table>
        </wo:if>
        <wo:else>
          <wo:if condition="$errorMessage">
@@ -284,7 +284,7 @@
  {{code}}
--    <wo:link pageName="AdminMainPage">Admin</wo:link>
++<wo:link pageName="AdminMainPage">Admin</wo:link>
  {{/code}}
@@ -291,3 +291,128 @@
  Save everything, run the app and try to login. If login is not successful, you will get an error message. If login is valid, you will see the blog entries that you created.
  For the last part of this tutorial, we are going to add a link on each blog entry in the list that will bring us to a edit page where we can modify a blog entry. We are also going to add a link to create a new blog entry.
++
++Create a new component, and name it **EditBlogEntry**. Open **EditBlogEntry.java** and override the code with:
++
++{{code}}
++
++package your.app.components;
++
++import your.app.Session;
++import your.app.model.Author;
++import your.app.model.BlogEntry;
++
++import com.webobjects.appserver.WOActionResults;
++import com.webobjects.appserver.WOContext;
++import com.webobjects.eocontrol.EOEditingContext;
++
++import er.extensions.components.ERXComponent;
++import er.extensions.eof.ERXEC;
++import er.extensions.eof.ERXEOControlUtilities;
++
++public class EditBlogEntry extends ERXComponent {
++
++  public EditBlogEntry(WOContext context) {
++    super(context);
++  }
++
++  private BlogEntry _blogEntry;
++
++  public BlogEntry blogEntry() {
++    return this._blogEntry;
++  }
++
++  public void setBlogEntry(BlogEntry blogEntry) {
++    if (blogEntry == null) {
++      this._blogEntry = ERXEOControlUtilities.createAndInsertObject(editingContext(), BlogEntry.class);
++      Author localUser = ERXEOControlUtilities.localInstanceOfObject(editingContext(), session().loggedAuthor());
++      this._blogEntry.setAuthorRelationship(localUser);
++    } else {
++      this._blogEntry = ERXEOControlUtilities.localInstanceOfObject(editingContext(), blogEntry);
++    }
++  }
++
++  private EOEditingContext _ec;
++
++  public EOEditingContext editingContext() {
++    if (_ec == null) {
++      _ec = ERXEC.newEditingContext();
++    }
++    return _ec;
++  }
++
++  @Override
++  public Session session() {
++    return ((Session)super.session());
++  }
++
++  public WOActionResults save() {
++    editingContext().saveChanges();
++    return pageWithName(AdminMainPage.class);
++  }
++}
++
++{{/code}}
++
++Open **EditBlogEntry.wo** and between the <body> tag, add the following:
++
++{{code}}
++
++<wo:form>
++      <div>
++        <label>Title:</label>
++        <wo:textfield value="$blogEntry.title" />
++      </div>
++      <div>
++        <label>Content:</label>
++        <wo:text value="$blogEntry.content" rows="20" cols="80" />
++      </div>
++      <div>Author: <wo:str value="$session.loggedAuthor.fullName" /></div>
++      <div><wo:submitButton action="$save" value="Save changes" /></div>
++    </wo:form>
++
++{{/code}}
++
++We now have a form to edit or create a blog entry. Save the component and the Java class, and open **AdminMainPage.java** to add the following code:
++
++{{code}}
++
++public WOActionResults editBlogEntry() {
++    EditBlogEntry nextPage = pageWithName(EditBlogEntry.class);
++    nextPage.setBlogEntry(_blogEntryItem);
++    return nextPage;
++  }
++
++  public WOActionResults createBlogEntry() {
++    EditBlogEntry nextPage = pageWithName(EditBlogEntry.class);
++    nextPage.setBlogEntry(null);
++    return nextPage;
++  }
++
++{{/code}}
++
++Open **AdminMainPage.wo** and just after <wo:if condition="$isLogged">, add the following line:
++
++{{code}}
++
++<div><wo:link action="$createBlogEntry">Create a new blog entry</wo:link></div>
++
++{{/code}}
++
++Find this line:
++
++{{code}}
++
++<wo:str value="$blogEntryItem.title" />
++
++{{/code}}
++
++and replace it with:
++
++{{code}}
++
++<wo:link action="$editBlogEntry"><wo:str value="$blogEntryItem.title" /></wo:link>
++
++{{/code}}
++
++Save everything, run the app, click on the "admin" link, login and check if you can create or edit a blog entry. Everything should be working, and just created your first stateful Project Wonder application [[It's time to deploy an application>>Your First Deployment]].

Changes for page Your First Stateful Project

Summary

Details

Applications

Navigation

My Recent Modifications

Need help?