Skip to content

Files

Failed to load latest commit information.

Latest commit

 Cannot retrieve latest commit at this time.

History

History

kendoangular-java-integration

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
ClientApp
ClientApp
 
 
backend
backend
 
 
README.md
README.md
 
 

README.md

Kendo UI for Angular with Java Spring Boot Integration

This sample project demonstrates how to utilize Kendo UI for Angular's Grid and Upload components with a Java Spring Boot Maven backend.

For more detailed information, refer to the Java integration article.

Project Structure

The project consists of two main parts:

  • Frontend: Contains the Angular application, located in the frontend directory.
  • Backend: Contains the Java Spring Boot application, located in the backend directory.

Prerequisites

Ensure you have the following tools installed on your machine:

  • Angular CLI (18.0.0 or later): A command-line interface for Angular. Download Angular CLI.

  • Java Development Kit (JDK 23): Essential for running Java applications. Download JDK.

    • Note: For macOS, ensure you download the correct installer for your architecture:
      • arm64: For Apple Silicon (M1, M2, etc.) Macs.
      • x64: For Intel-based Macs.

  • Apache Maven: A build automation tool for Java projects. Install using Homebrew on macOS, or download manually.

  • Clone the Repository: Clone the repository to your local machine to get the project files.

    git clone https://github.com/telerik/kendo-angular/

Setup and Run the Java Spring Boot Application

  1. Navigate to the Backend Directory:

    cd kendo-angular/examples-standalone/kendoangular-java-integration/backend

  2. Run the Java Spring Boot Application:

    mvn spring-boot:run

  3. Access the Java Spring Boot Application:

Setup and Run the Angular Application

  1. Navigate to the Frontend Directory:

    cd kendo-angular/examples-standalone/kendoangular-java-integration/ClientApp

  2. Install Project Dependencies:

    npm install

  3. Run the Angular Application:

    ng serve

  4. Open Your Browser:

Functionality

The application demonstrates the following features:

  • Grid Component:

    • Displays a list of products.
    • Supports client-side sorting, filtering, grouping, and paging using the process helper.
    • Performs Create, Read, Update, and Delete (CRUD) operations on the server.

  • Upload Component:

    • Allows users to upload files to the server.

See Also