Difference between revisions of "EDT:Tutorial: RUI With DataBase Lesson 2"

From Eclipsepedia

Jump to: navigation, search
m
Line 44: Line 44:
 
To create the shared parts project:  
 
To create the shared parts project:  
  
#If you have been working with EGL in the current workspace, click '''File &gt; New''' '''&gt; EGL Project'''. If you have not been working with EGL, you might need to click '''File &gt; New''' '''&gt; Other''' and then expend '''EGL''' and click '''EGL Project'''. <br>
+
#If you have been working with EGL in the current workspace, click '''File &gt; New''' '''&gt; EGL Project'''. If you have not been working with EGL, you might need to click '''File &gt; New''' '''&gt; Other''' and then expend '''EGL''' and click '''EGL Project'''. <br>  
 
#On the '''EGL Project''' window, enter project name '''PaymentShared''', click template '''Basic''', and click '''Next'''.<br>[[Image:EDT Tutorial edt richui sql02 create shared project.jpg|Create PaymentShared EGL project]]  
 
#On the '''EGL Project''' window, enter project name '''PaymentShared''', click template '''Basic''', and click '''Next'''.<br>[[Image:EDT Tutorial edt richui sql02 create shared project.jpg|Create PaymentShared EGL project]]  
 
#On the '''EGL Settings''' window, accept the default values and click '''Finish'''.<br>[[Image:EDT Tutorial edt richui sql02 shared project settings.jpg|PaymentShared project EGL settings]]
 
#On the '''EGL Settings''' window, accept the default values and click '''Finish'''.<br>[[Image:EDT Tutorial edt richui sql02 shared project settings.jpg|PaymentShared project EGL settings]]
  
EGL creates a project named '''PaymentShared'''. Note the folders inside the directory: [[Image:EDT Tutorial edt richui sql03 service explore.jpg|The Project Explorer view shows the new project and folders.]]  
+
EGL creates a project named '''PaymentShared'''. Note the folders inside the directory:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [[Image:EDT Tutorial edt richui sql03 service explore.jpg|The Project Explorer view shows the new project and folders.]]  
  
 
;EGLSource  
 
;EGLSource  

Revision as of 16:19, 17 January 2012

Access a database with EGL Rich UI

< Previous | Next >

Contents

Lesson 2: Set up the projects

An EGL application is organized in one or more projects, each of which is a physical folder in the workspace. A project contains an EGL source folder that is provided for you, and that folder contains one or more packages, which in turn contain EGL source files. This hierarchy is basic to your work in EGL: a project, then an EGL source folder, then a package with EGL source files.

The EGL source files include EGL parts, which are type definitions that you create. For example, a Service part contains logic, and a Record part can be the basis of a variable that you declare in your Service part.

Packages are important because they separate parts into different contexts, or namespaces:

  • A part name might be duplicated in two different packages, and any EGL source code can reference each part precisely. The main benefit of namespaces is that different teams can develop different EGL parts without causing name collisions.
  • Each part name in a given package is unique within that package:
    • A part in one package can easily reference another part in the same package by specifying the part name. For example, here is a declaration of a record that is based on the Record part MyRecordPart: myRecord MyRecordPart{};
    • A part in one package can also reference a part in a second package by giving the package name and part name, or by a shortcut that involves importing the part.

One project can reference the parts in a second project, but only if the EGL build path of the referencing project identifies the referenced project. Again, this tutorial gives examples. However, in all cases, avoid using the same package name in different projects, as that usage can cause problems in name resolution.

Your next task in this tutorial is to create the following projects:


PaymentService
Holds an EGL Service part and related definitions
PaymentClient
Holds the Rich UI handlers and related definitions
PaymentShared
Holds parts used both on the Web client (the browser) by the handlers and on the Web application server by the EGL services.




You can include all your code in a single project, but the separation shown here lets you easily deploy the two kinds of code in different ways.

Parts in one project can use parts in a different project. EGL uses a build path to search for unresolved references. Later in this lesson, you will add the service project to the build path for the client project and the shared project to the build path for both the service and client projects.

Create the PaymentShared project

To create the shared parts project:

  1. If you have been working with EGL in the current workspace, click File > New > EGL Project. If you have not been working with EGL, you might need to click File > New > Other and then expend EGL and click EGL Project.
  2. On the EGL Project window, enter project name PaymentShared, click template Basic, and click Next.
    Create PaymentShared EGL project
  3. On the EGL Settings window, accept the default values and click Finish.
    PaymentShared project EGL settings

EGL creates a project named PaymentShared. Note the folders inside the directory:
            The Project Explorer view shows the new project and folders.

EGLSource
Put your packages and source files here.
src
Put any custom Java source files here. These files are not overwritten during the generation process.
JRE System Library
EGL uses this folder for JAR files that support the Java Runtime Environment.

Once you add your first EGL program, the following additional directories will be added automatically

generatedJava
EGL places the Java files it generates here.
EDT Java runtime
EGL uses this folder for JAR files that support the EDT Java Runtime Environment.


Create the PaymentService project

To create an EGL service project:

  1. Click File > New > EGL Project.
  2. On the EGL Project window, enter project name PaymentService, click template Basic, and click Next.
  3. On the EGL Settings window, check Override Generation Settings, uncheck JavaScript Generator, and click Next.
    PaymentService project EGL settings
  4. On the EGL BuildPath window, check PaymentShared (the service project uses parts in the shared project) and click Finish.PaymentService project EGL build path

Create the PaymentClient project

An EGL Rich UI project includes many shortcuts to speed the development of a user interface for the web.

To create an EGL Rich UI project:

  1. Click File > New > EGL Project.
  2. On the EGL Project window, enter project name PaymentClient, click template Web 2.0 client application,
    and click Next.
    Create PaymentClient EGL project
  3. On the Web 2.0 Client Application Settings window, accept the default values and click Next.PaymentClient project Web settings
  4. On the EGL BuildPath window, check PaymentShared and PaymentService (the client project uses parts in the shared and service projects) and left click on Finish.PaymentClient project EGL build path

EGL creates a project named PaymentClient. When you first add a Rich UI project to your workspace, two other projects are added automatically:

  • org.eclipse.edt.rui.dojo_0.7.0
  • org.eclipse.edt.rui.widgets_0.7.0

These two projects contain widgets and other support files that you use in creating a Rich UI application.

In addition to the directories that EGL created for the basic project, a Web 2.0 project includes the following directory:


WebContent
Contains support files, such as cascading style sheets (CSS) and images.

The Project Explorer view shows the new project and folders.


Lesson checkpoint

In this lesson, you completed the following tasks:

  • Created an EGL project for developing parts used in both in the service and the RichUI application
  • Created an EGL project for the services used in the application
  • Created an EGL project for Web 2.0 Rich UI pages to be used in the application

In the next lesson, you will

  • Set up the database connection
  • Create the database table
  • Create a Record part, retrieving most information from a database.
< Previous | Next >