Skip to content
the seed for SpringBoot & AngularJS apps
Java HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
README.md
pom.xml

README.md

SpringBoot-AngularJs-Seed -- the seed for SpringBoot & AngularJS apps

This project is an application skeleton for a SpringBoot & AngularJS web app. You can use it to quickly bootstrap your web app projects or a java microservice.

Dependencies

Back-end Microservice

  • spring-boot-starter-web to create a stand-alone Spring applications
  • spring-boot-starter-data-jpa to access database with JPA
  • h2 the Java SQL database
  • spring-boot-starter-test to create a Spring Unit test

Front-end

  • angularjs the popular JavaScript-based front-end web application framework
  • ng-table simple table with sorting and filtering on AngularJS
  • restangular AngularJS service that simplifies common GET, POST, DELETE, and UPDATE requests
  • bootstrap the popular HTML, CSS, and JS framework for developing responsive, mobile first projects

Getting started

To get you started you can simply clone this repository and install the dependencies.

Prerequisites

  • JDK 1.8
  • Maven 3.0+
  • Eclipse or other IDE

Clone SpringBoot-AngularJs-Seed

git clone https://github.com/leonllll/webapp-springboot-angularjs-seed.git

Build the package

mvn clean package

Run the application

java -jar webapp-springboot-angularjs-seed.jar

then browse to the app at http://localhost:8080/index.html

Directory Layout

____pom.xml
|____src
| |____main
| | |____config
| | |____java
| | | |____com
| | | | |____leonlu
| | | | | |____code
| | | | | | |____sample
| | | | | | | |____webapp
| | | | | | | | |____ws
| | | | | | | | | |____App.java                      --> main class of SpringBoot
| | | | | | | | | |____controller
| | | | | | | | | | |____UserController.java         --> RESTful APIs of User Management
| | | | | | | | | |____domain
| | | | | | | | | | |____User.java                   --> user info
| | | | | | | | | |____exception
| | | | | | | | | | |____GlobalExceptionHandler.java --> self-defined exception handler
| | | | | | | | | | |____UserNotFoundException.java  --> self-defined exception
| | | | | | | | | |____repository
| | | | | | | | | | |____UserRepository.java         --> Spring JPA repository
| | | | | | | | | |____rest
| | | | | | | | | | |____RestResultResponse.java     --> response for status
| | | | | | | | | |____service
| | | | | | | | | | |____UserService.java            --> user service
| | |____resources
| | |____webapp
| | | |____css
| | | |____img
| | | |____index.html
| | | |____js
| | | | |____app.js                                  --> the angular application module
| | | |____vendor
| | | | |____angular                                 
| | | | | |____angular.js                            
| | | | |____bootstrap
| | | | | |____bootstrap.min.css
| | | | |____lodash
| | | | | |____lodash.js
| | | | | |____lodash.min.js
| | | | |____ng-table
| | | | | |____ng-table.js
| | | | | |____ng-table.min.css
| | | | |____restangular
| | | | | |____restangular.js
| | | | | |____restangular.min.js
| |____test
| | |____java
| | | |____com
| | | | |____leonlu
| | | | | |____code
| | | | | | |____sample
| | | | | | | |____webapp
| | | | | | | | |____ws
| | | | | | | | | |____controller
| | | | | | | | | | |____UserControllerTest.java   --> SpringBootTest

RESTful APIs

  • get info of all users GET /users
  • create a new user POST /users
  • get a user GET /users/{id}
  • update a user PUT /users/{id}
  • delete a user DELETE /users/{id}
  • Request Parameters
    • JSON format: {"name":"string","age":int}
  • Response Messages
    • Success
      • 200 OK
    • Failure
      • 400 Bad Request
      • 404 User Not Found or Not Found
      • 500 Internal Server Error
You can’t perform that action at this time.