Book Image

Enterprise Application Development with Ext JS and Spring

By : Gerald Gierer
Book Image

Enterprise Application Development with Ext JS and Spring

By: Gerald Gierer

Overview of this book

Spring and Ext JS are cutting edge frameworks that allow us to build high performance web applications for modern devices, that are now consuming data at a faster rate than ever before. It is the appropriate time for you to understand how to best leverage these technologies when architecting, designing, and developing large scale web development projects. This practical guide condenses an approach to web development that was gained from real world projects, and outlines a simple, practical approach to developing high performance, and enterprise grade web applications. Starting with configuring Java, NetBeans, and MySQL to prepare your development environment, you will then learn how to connect your NetBeans IDE to the MySQL database server. We will then explore the Task Time Tracker (3T) project database structure and populate these tables with test data. Following on from this, we will examine core JPA concepts after reverse engineering the domain layer with NetBeans. Leveraging the Data Access Object design pattern, you will learn how to build the Java DAO implementation layer assisted by generics in base classes, followed by a Data Transfer Object enabled service layer to encapsulate the business logic of your 3T application. The final chapters that focus on Java explore how to implement the request handling layer using Spring annotated controllers, and deploy the 3T application to the GlassFish server. We will then configure the Ext JS 4 development environment and introduce key Ext JS 4 concepts, including MVC and practical design conventions. Covering a variety of important Ext JS 4 strategies and concepts, you will be fully-equipped to implement a variety of different user interfaces using the Ext JS MVC design pattern. Your journey ends by exploring the production build and deployment process using Maven, Sencha Cmd and GlassFish.

Related Content you might be interested in

Current Title:

Small book image
Enterprise Application Development with Ext JS and Spring
Gerald Gierer
Dec, 2013 | 446 pages
No titles found
Table of Contents (22 chapters)
Enterprise Application Development with Ext JS and Spring
Enterprise Application Development with Ext JS and Spring
Credits
Credits
About the Author
About the Author
Acknowledgments
Acknowledgments
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Preparing Your Development Environment
Preparing Your Development Environment
Installing MySQL
Installing the Java SE Development Kit (JDK)
Installing the NetBeans IDE
Introducing Maven
Creating the Maven Web Application project
Starting the GlassFish 4 server
Running the Task Time Tracker project
Summary
2
The Task Time Tracker Database
The Task Time Tracker Database
Connecting NetBeans with MySQL
The 3T database
Enterprise options for the 3T database
Summary
3
Reverse Engineering the Domain Layer with JPA
Reverse Engineering the Domain Layer with JPA
Understanding the reasons for using JPA
Understanding JPA implementations
Reverse engineering with NetBeans
Introducing the persistence.xml file
Refactoring the Java classes
Introducing the Java Persistence Query Language
Refactoring Java equals() and hashCode()
Summary
4
Data Access Made Easy
Data Access Made Easy
Defining the DAO interfaces
Defining the generic DAO implementation
Defining the DAO implementations
A better domain layer
Exercise – a simple change request
Summary
5
Testing the DAO Layer with Spring and JUnit
Testing the DAO Layer with Spring and JUnit
Unit testing overview
Configuring the test environment
Introducing the Spring IoC container
Defining a test case superclass
Defining the CompanyDao test case
Running the JUnit test cases with Maven
JPA traps for the unwary
Exercises
Summary
6
Back to Business – The Service Layer
Back to Business – The Service Layer
Service layer considerations
Building the service layer
The service layer interfaces
Implementing the service layer
Testing the service layer
Automating the service layer tests
Exercises
Summary
7
The Web Request Handling Layer
The Web Request Handling Layer
A brief history of Web MVC
Request handling for enterprise web applications
Building the request handling layer
Creating the request handlers
The Spring HandlerInterceptor interface
The Spring MVC configuration
Defining the TaskLogHandler class
More on Spring MVC
Exercises
Summary
8
Running 3T on GlassFish
Running 3T on GlassFish
Configuring the 3T web application
Configuring the Maven pom.xml file
Adding eclipselink.target-server to the persistence.xml file
Adding the logback.xml file to your resources directory
Configuring the GlassFish server
Running 3T
Managing GlassFish without NetBeans
Summary
9
Getting Started with Ext JS 4
Getting Started with Ext JS 4
The importance of application design
Ext JS 4 MVC concepts
Ext JS 4 design conventions and concepts
Practical conventions
The Ext JS 4 development environment
Generating the 3T Ext JS 4 application skeleton
Creating components using Sencha Cmd
Summary
10
Logging On and Maintaining Users
Logging On and Maintaining Users
Layouts, screens, and workflows
Building our views
Models and persistence
Controlling the Logon and Viewport actions
Controlling our user views
Let's log on!
Let's maintain users
Summary
11
Building the Task Log User Interface
Building the Task Log User Interface
Task log workflows and layouts
Building our task log views
Defining our models
Defining our stores
Controlling the TaskLog actions
Testing the task log interface
Summary
12
3T Administration Made Easy
3T Administration Made Easy
Administration workflows and layouts
Building the 3T administration interface
Generating a JSON tree in the CompanyHandler class
Controlling the 3T administration
Testing the 3T administration interface
Dynamically loading tree nodes
Displaying multiple tree columns
Drag-and-drop made easy
Summary
13
Moving Your Application to Production
Moving Your Application to Production
Compiling with Sencha Cmd
Ext JS 4 theming
Compiling for production use
Integrating Sencha Cmd compiling with Maven
Adding the build version and timestamp
Building a slimmer WAR file
Deploying the WAR file to GlassFish
GlassFish performance tuning and optimization
Summary
Introducing Spring Data JPA
Introducing Spring Data JPA
Index
Index

Installing the NetBeans IDE

NetBeans can be downloaded from https://netbeans.org/downloads/. The distribution requires a valid JDK to be already installed on your platform. At the time of this writing, I used JDK 7 Update 45, but any JDK 7 (or higher) version would be fine. There are several distribution bundles; you will need to select the Java EE bundle.

The latest version at the time of this writing was NetBeans 7.4, which introduced significant new features, including extended HTML5 and JavaScript support. For the first time, NetBeans also included editing and code completion support for the Ext JS framework.

To install the software, simply download and follow the detailed instructions available from the NetBeans website. This will take you through a sequence of setup screens as follows:

  1. The GlassFish 4 server is automatically selected. You do not need to install Tomcat.

  2. Accept the terms in the license agreement.

  3. Accept the terms of the JUnit license agreement. JUnit is used for testing in Chapter 5, Testing the DAO Layer with Spring and JUnit.

  4. Note the installation path of the NetBeans IDE for future reference. Select the appropriate JDK that was installed previously (if there is more than one JDK on your system).

  5. Note the installation path for the GlassFish 4 server for future reference.

  6. The final screen summarizes the installation. Ensure to Check for Updates before clicking on Install to start the process.

The process may take several minutes depending on your platform and hardware.

When the installation is complete, you can run NetBeans for the first time. If you had a previous version of NetBeans installed, you may be prompted to Import Settings. The default opening screen will then be displayed as follows:

The most useful panels can now be opened from the menu:

  • Projects: This panel is the main entry point to your project sources. It shows a logical view of important project content, grouped into appropriate contexts.

  • Files: This panel shows the actual file structure of the project node as it exists on your filesystem.

  • Services: This panel displays your runtime resources. It shows a logical view of important runtime resources such as the servers and databases that are registered with the IDE.

At this stage, the first two panels will be empty but the Services panel will have several entries. Opening the Servers panel will display the installed GlassFish 4 Server as seen in the following screenshot:

Previous Section
End of Section 4
Next Section