Skip to content

punkstarman/spring-petclinic-angular

Repository files navigation

AngularJS and Spring Boot version of the Spring PetClinic Sample Application Build Status

Understanding the Spring Petclinic application with a few diagrams

See the presentation here

Running petclinic locally

	git clone https://github.com/spring-petclinic/spring-petclinic-angularjs.git
	cd spring-petclinic
	./mvnw clean install
	cd spring-petclinic-server
	../mvnw spring-boot:run

You can then access petclinic here: http://localhost:8080/

spring-petclinic

In case you find a bug/suggested improvement for Spring Petclinic

Our issue tracker is available here: https://github.com/spring-petclinic/spring-petclinic-angularjs/issues

Database configuration

In its default configuration, Petclinic uses an in-memory database (HSQLDB) which gets populated at startup with data. A similar setup is provided for MySql in case a persistent database configuration is needed. Note that whenever the database type is changed, the data-access.properties file needs to be updated and the mysql-connector-java artifact from the pom.xml needs to be uncommented.

You may start a MySql database with docker:

docker run -e MYSQL_ROOT_PASSWORD=petclinic -e MYSQL_DATABASE=petclinic -p 3306:3306 mysql:5.7.8

Working with Petclinic in Eclipse/STS

prerequisites

The following items should be installed in your system:

Note: when m2e is available, there is an m2 icon in Help -> About dialog. If m2e is not there, just follow the install process here: http://eclipse.org/m2e/download/

Steps:

  1. In the command line
git clone https://github.com/spring-projects/spring-petclinic.git
  1. Inside Eclipse
File -> Import -> Maven -> Existing Maven project

Active the dev Spring profile

In development mode, we recommand you yo use the dev Spring profile. Just add the following VM option:

-Dspring.profiles.active=dev

All static resources changes will be monitored by the embedded LiveReload server of Spring Boot Devtools. See application-dev.properties for details.

Client-side Architecture

Compared to the standard Petclinic based on JSP pages, this SpringBoot AngularJS Petclinic is splitted in 2 modules - a client module and a server module:

  • spring-petclinic-client : static resources (images, fonts, style, angular JS code) packaged as a webjar.
  • spring-petclinic-server : Spring MVC REST API and an index.html template

Looking for something in particular?

Spring Boot Configuration Files
The Main Class PetClinicApplication.java
Common properties file application.properties
Development properties file application-dev.properties
Production properties file application-prod.properties
Caching: Cache with EhCache CacheConfig.java
Homepage Map root context to the index.html template: WebConfig.java
Front-end module Files
Node and NPM The frontend-maven-plugin plugin downloads/installs Node and NPM locally then runs Bower and Gulp
Bower JavaScript libraries are defined by the manifest file bower.json
Gulp Tasks automated by Gulp: minify CSS and JS, generate CSS from LESS, copy other static resources
Angular JS app.js, controllers and templates

Contributing

The issue tracker is the preferred channel for bug reports, features requests and submitting pull requests.

For pull requests, editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at http://editorconfig.org.

Bug fixes

I fixed a few bugs. Youpee!