Difference between revisions of "Scout/Tutorial/3.7/Minicrm Step-by-Step"

Revision as of 03:38, 8 October 2011

The Scout documentation has been moved to https://eclipsescout.github.io/. Mini CRM Tutorial

With this tutorial, you'll create a little example application with The Scout documentation has been moved to https://eclipsescout.github.io/., where you can enter and edit companies.

Requirements

This tutorial assumes that you have installed Scout SDK as described in The Scout documentation has been moved to https://eclipsescout.github.io/.

Create New Scout Project

Creating new scout projects is described The Scout documentation has been moved to https://eclipsescout.github.io/.. That page also shows how to launch the server and the client.

Get example Database

Follow the instructions on The Scout documentation has been moved to https://eclipsescout.github.io/. to get our small Apache Derby example database.

Set up SQL Service

Now we need to tell the application how to contact the database. How this works is described The Scout documentation has been moved to https://eclipsescout.github.io/..

Write the first Page

A standard Eclipse Scout application consists of pages in a tree structure. A page typically shows data in some sort of table. If you write an application, you need to start with a page. The Scout documentation has been moved to https://eclipsescout.github.io/.

You should have a tiny Eclipse Scout application running at the end of this step!

You will end up with the following tree structure for your application:

Standard Outline
 │
 └─Company Table Page

Very simple indeed!

Add a search form

Bug (no more)
With the SR1 (Service Release) of Eclipse Scout the known bug has been fixed.

We created a page with a table listing all the companies in the database. Add a search form that allows users to limit the number of rows returned. The Scout documentation has been moved to https://eclipsescout.github.io/.

Add a form to edit the data

In order to edit the data in our page, we need to create a context menu to call a form, create the form and the process service it needs to actually select, insert, update (and possibly delete) the data. The Scout documentation has been moved to https://eclipsescout.github.io/.

Write the second page

We wrote the company table page, now let's write a top-level person table page. Once we have that, we want to reuse the table page by also using it as a child page for a company. The Scout documentation has been moved to https://eclipsescout.github.io/.

You will end up with the following tree structure for your application:

Standard Outline
 │
 ├─Company Table Page
 │  │
 │  └─Person Table Page
 │
 └─Person Table Page

Reorganize the tree

We want to add an additional nodes (like informations given by a webservice in the next step) under the companies table page. This will require us to add a page with nodes and The Scout documentation has been moved to https://eclipsescout.github.io/..

When we're done, the result should look as follows:

Standard Outline
 │
 ├─Company Table Page
 │  │
 │  └─Company Details Node Page ← new
 │     │
 │     └─Person Table Page
 │
 └─Person Table Page

Add a webservice

We want to add a web service (in this case we're going to use Bing because it offers a standard interface where as Google no longer does). We'll add it under the companies details node page. The Scout documentation has been moved to https://eclipsescout.github.io/.

When we're done, the result should look as follows:

Standard Outline
 │
 ├─Company Table Page
 │  │
 │  └─Company Details Node Page
 │     │
 │     ├─Person Table Page
 │     │
 │     └─Bing Table Page ← new
 │
 └─Person Table Page

Code Types

Each Code Types provides a list of values in order to fill up elements like Smart Fields or List Boxes.

In a next step we want to divide the companies into two groups: suppliers and customers. When the company is type of customer, a Smart Field with ratings between A and D should appear. Let's create two Code Types and add some behaviour to the CompanyForm and ProcessServices. The Scout documentation has been moved to https://eclipsescout.github.io/.