Skip to content

leonlucc/webapp-springboot-angularjs-seed

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

the seed for SpringBoot & AngularJS apps

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published