Grails tutorial for beginners

grails

Share Now

Grails tutorial for beginners

Grails tutorial presents a latest language Grails to develop web applications. Grails is an open source framework based language on Groovy and Java. It also supports MVC architecture for developing web application. This tutorial will describe more details about Grails and represent a simple web application with Grails.

1. Groovy

Groovy is a dynamic object-oriented programming language for the Java platform. It is compiled on Java Virtual Machine (JVM) byte code and integrates with all existing Java classes and libraries.

2. Grails MVC

Grails uses Spring MVC framework as the underlying web application framework to implement the web applications based on Model-View-Controller (MVC) design pattern. It includes three core framework components: Controller, Domain, and Grails Servlet Page. The diagram below shows how different part of Grails works together.

Grails MVC
Grails MVC

2.1. Controller

The GrailsDispatcherServlet uses SpringDispatcherServlet to bootstrap the Grails environment. There is a single Spring MVC controller called SimpleGrailsController which handles all Grails controller requests. The SimpleGrailsController delegates to a class called SimpleGrailsControllerHelper that actually handles the client request and look up a controller for the request. The Controller which is responsible for transferring the domain to view, also determines which gsp should render the view.

2.2. Domain

In Grails application Domain stores the data that can be used by controllers and views. Controllers might create a model or may be just process them.

2.3. Groovy server pages

Groovy server pages creates a view for the client response. GSP is responsible for how to display the model to user. It could use grails tags besides any other UI grails plugin.

3. Grails Simple Application

This example is implemented in Groovy/Grails Tool Suite and using Grails 2.4.4. Now, lets create a simple application with Grails.

First, create a Grails Project in GGTS. The GGTS includes Grails, so, if you wish to use a different version of Grails you need to install it and update the new Grails path in GGTS.

3.1. Controller

We have one controller here. The UserController is responsible to handle client requests and return proper result when they submit the form. There is a save method which defined with def. When we declare the return type as def, it means the method can return any type of object. Inside the method, an instance of User class is created and parameters are set in the domain object and transfered to the view.

UserController.groovy

package com.java.code.sample

class UserController {
    def index() {
    }
    def save() {
        def user = new User(params)
        user.save()
        render (view: "user", model: [user: user])
    }
}

3.2. Model

Creating a domain class is very simple in Grails as there is no need to define setter and getter methods. Grails will handles it for the application.

User.groovy

package com.java.code.sample
class User { 
  String firstName 
  String lastName 
}

3.3. View

The following gsp file represents a form to user which includes two items with the same name as model attributes.

index.gsp

<!DOCTYPE html>
<html>
	<head>
		<title>Welcome to Grails Tutorial</title>
		<style>
            .form, .text-field, .submit{
                margin: 20px;
            }
		</style>
	</head>
	<body>
		<g:form name="form" controller="user" id="form">
			<div class="text-field"><label>First Name: </label><g:textField name="firstName" value="${firstName}" /></div>
			<div class="text-field"><label>Last Name: </label><g:textField name="lastName" value="${lastName}" /></div>	
			<div class="submit"><g:actionSubmit value="Submit" action="save"/></div>
		</g:form>
	</body>
</html>

Grails uses ${ } to to get model attributes which is firstName and lastName here. When we use

user.gsp

<!DOCTYPE html>
<html>
	<head>
		<title>User page</title>
		<style>
            .user-panel{
                margin: 20px;
            }
		</style>
	</head>
	<body>
		<div class="user-panel">
			Welcome ${user.firstName} ${user.lastName}! 
		</div>		
	</body>
</html>

3.4. Run the web application

Now, it is time to run the web application. To run the web application, click on the Grails Command in the Toolbar and type run-app in the popup.

And here are the pages.

3.4.1. Index page
grails index page
Grails index page
3.4.2. User page
grails user page
Grails user page

2 thoughts on “Grails tutorial for beginners”

  1. I see you don’t monetize your website, don’t waste your
    traffic, you can earn additional bucks every month because you’ve
    got hi quality content. If you want to know what is the best adsense alternative, type
    in google: Mertiso’s tips

  2. I have noticed you don’t monetize your blog, don’t waste your traffic, you can earn extra bucks every month because you’ve got hi quality content.
    If you want to know how to make extra bucks, search for: Mertiso’s tips best
    adsense alternative

Leave a Reply

Your email address will not be published. Required fields are marked *