Wednesday, June 25, 2014

Spring MVC - Thymeleaf - Bootstrap - Twitter Flight

Source Code

With the following 3 entries we want to show:

I. How to make a simple web application using Spring MVC, Thymeleaf and Bootstrap; this application will be responsive and will use only one ajax call. See Blog Entry | See Application

II. How to change the previous application in order to be a SPA (single page application). For this part we will use Twitter Flight because it provides us a way to mantain our code nicely separated and easy to make changes to the different components. We will make this possible by using two ways:

  • II.1 The response of the ajax request will return html fragments, and the javascript code only will replace the html content of the different zones.See Blog Entry | See Application
  • II.2 The response of the ajax request will return json objects, and the javascript code will make the following See Blog Entry | See Application:

    • Use the json object to populate the Mustache templates
    • Generate the html fragments using Mustache
    • Replace the html content of the different zones

Application description

The application will be simple and contain the following characteristics:

  • Show products and its price history
  • Show different brands
  • Allow filtering by brands and names
  • Allow pagination

You can see the application here

Notes

  • The application uses gradle so you can execute it with the command: gradle jettyRun
  • Version of the main components
    • Spring = 4.1.0.BUILD-SNAPSHOT
    • Thymeleaf = 2.1.3.RELEASE
    • Jackson = 2.4.1
    • Bootstrap = 3.1.1

18 comments:

Rajapriya R said...

after reading this blog i got more useful information.. explanations are step by step so easy to understand..

Java training | best java training | Java training and placement | java training in chennai

lotus said...

Thank you very much for sharing this very useful information, I am very happy to have found this information that I have been looking for
Summer Course Training in Chennai | Summer Course Training in Madipakkam

Nikitha Raja said...

Really very great information for that post, am amazed and then more new information are get after refer that post. I like that post.
Java Training in Chennai | Java Training Institute in Chennai

sumathi s said...

I accept there are numerous more pleasurable open doors ahead for people that took a gander at your site.industrial safety course in chennai

Swetha Gauri said...

It's interesting that many of the bloggers to helped clarify a few things for me as well as giving. Most of ideas can be nice content. The people to give them a good shake to get your point and across the command.
industrial safety course in chennai

Praylin S said...

Wonderful post! This is really informative. Do share more such posts. Keep us updated.

Embedded System Course Chennai
Embedded systems Training in Chennai
Spark Training in Chennai
Spark Training Academy Chennai
Unix Training in Chennai
Unix Shell Scripting Training in Chennai
Embedded Training in Anna Nagar
Embedded Training in T Nagar

ajay prakash said...

Very good information provided, Thanks a lot for sharing such useful information.
Aviation Academy in Chennai
Air hostess training in Chennai
Airport management courses in Chennai
Ground staff training in Chennai
best aviation academy in Chennai
air hostess academy in Chennai
Airline Courses in Chennai
airport ground staff training in Chennai

Android iPhone Indonesian Service said...

Distributor Kuota
Indonesian Course
Service Center HP Indonesian
Service Center iPhone Indonesian
Service Center Acer Indonesian
PT Lampung Service

pavithra dass said...

Good job! Fruitful article. I like this very much. It is very useful for my research. It shows your interest in this topic very well. I hope you will post some more information about the software. Please keep sharing!!
Blue Prism Training in Chennai
Blue Prism Training Chennai
Blue Prism Training in TNagar
Blue Prism Training in Annanagar
Blue Prism Training in Porur
Blue Prism Training in Adyar

Anbarasan14 said...

This was really one of the best blog i have read recently. Thanks for sharing this post with us.

IELTS Classes in Mumbai
IELTS Coaching in Mumbai
IELTS Mumbai
Best IELTS Coaching in Mumbai
IELTS Center in Mumbai
IELTS Coaching in Chennai
IELTS Coaching Centre in Chennai
IELTS Training in Chennai
IELTS Chennai
Best IELTS Coaching in Chennai

sultana said...

Nice blog!! I hope you will share more info like this. I will use this for my studies and research.
Angularjs Training in Chennai
Angularjs Course in Chennai
CCNA Training in Chennai
Salesforce Training in Chennai
Angularjs Training
ui ux design course in chennai
Angularjs Training Institute in Chennai
Angular2 Training in Chennai
Angularjs Training in Chennai
Angularjs Course in Chennai

kiruthika said...

This is really a valuable post... The info shared is helpful and valuable. Thank you for sharing.
aviation training in Chennai
air hostess academy in Chennai
Airline Courses in Chennai
Ground staff training in Chennai
Aviation Academy in Chennai
air hostess training in Chennai
airport management courses in Chennai
ground staff training in Chennai

mohit aggarwal said...

redbox tv apk

pavithra dass said...

Its a wonderful post and very helpful, thanks for all this information. You are including better information regarding this topic in an effective way. T hank you so much.
IELTS Coaching in Coimbatore
IELTS Classes in Coimbatore
German Language course in Coimbatore
best IELTS Coaching in Coimbatore
Best Spoken English Classes in Coimbatore
Digital Marketing classes in coimbatore
Embedded course in Coimbatore
Java course in coimbatore
IELTS Coaching in Coimbatore

Lucky Patcher said...

movies123

whatsapp plus apk said...

jobs whatsapp groups

luckys said...

gta 5 apk

luckys said...

og youtube

Post a Comment