https://github.com/secretsheppy/ajax-vs-thymeleaf

a comparison program between a pure thymeleaf multi page application and a hybrid thymeleaf ajax (jquery) application.
https://github.com/secretsheppy/ajax-vs-thymeleaf

ajax java javascript jquery spring-boot thymeleaf

Last synced: 7 days ago
JSON representation

a comparison program between a pure thymeleaf multi page application and a hybrid thymeleaf ajax (jquery) application.

• Host: GitHub
• URL: https://github.com/secretsheppy/ajax-vs-thymeleaf
• Owner: SecretSheppy
• Created: 2024-10-27T21:43:25.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-28T12:52:59.000Z (2 months ago)
• Last Synced: 2024-12-21T23:48:05.134Z (7 days ago)
• Topics: ajax, java, javascript, jquery, spring-boot, thymeleaf
• Language: Java
• Homepage:
• Size: 51.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ajax (JQuery) vs Pure Thymeleaf

A short program/demo that shows the differences in functionality and implementation between building

a pure thymeleaf multipage application and a hybrid Ajax (JQuery) and thymeleaf application.

This project uses the swing boot java framework, but should be a good illustration as to what the

differences would be in any compatible frameworks.

## Overview

Both versions produce identical pages, on which a list of products stored in the system (as a member

variable `products` of the `Products` class). Each page also allows you to attempt to add a new

product into the system.

## Demo Links

Pure Thymeleaf implementation:

 - code [Controller](src/main/java/com/secretsheppy/ajax_vs_thymleaf/controllers/ProductsController.java)

 - code [Template](src/main/resources/templates/thymeleaf.html)

 - demo [localhost](http://localhost/products/thymeleaf)

Ajax Implementation:

 - code [Controller](src/main/java/com/secretsheppy/ajax_vs_thymleaf/controllers/ProductsRestController.java)

 - code [Template](src/main/resources/templates/ajax.html)

 - code [loading products (javascript)](src/main/resources/static/js/load-products.js)

 - code [adding products (javascript)](src/main/resources/static/js/new-product.js)

 - demo [localhost](http://localhost/products/ajax)