GithubHelp home page GithubHelp logo

rahjesh / spring-petclinic-angularjs Goto Github PK

View Code? Open in Web Editor NEW

This project forked from spring-petclinic/spring-petclinic-angularjs

0.0 1.0 0.0 5.34 MB

AngularJS 1 and Spring Boot 2 version of the Spring Petclinic sample application

JavaScript 10.86% CSS 8.97% HTML 12.58% Dockerfile 0.42% Java 67.18%

spring-petclinic-angularjs's Introduction

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-angularjs
./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 setups is provided for MySql in case a persistent database configuration is needed. To run petclinic locally using MySQL database, it is needed to change profile defined in the application.properties` file.

For MySQL database, it is needed to switch profile. There is two ways:

  1. Update application properties: open the application.properties file, then change the value hsqldb to mysql
  2. Use a Spring Boot JVM parameter: simply start the JVM with the -Dspring.profiles.active=mysql.prod parameter.

Before do this, it would be good to change JDBC url properties defined in the application-mysql.properties file:

spring.datasource.url = jdbc:mysql://localhost:3306/petclinic?useUnicode=true
spring.datasource.username=root
spring.datasource.password=petclinic 

The localhost host should be set for a MySQL dabase instance started on your local machine. You may also start a MySql database with docker:

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

Docker

Run an image

To run a Docker image of Petclinic with its embedded HSQL database, you may

docker run -p 8080:8080 -t --name springboot-petclinic arey/springboot-petclinic

If you want to use MySQL, you first have to change the spring.datasource.url declared in the application-mysql.properties file. You have to rebuild the image (see next section). Then you could activated the mysql profile:

docker run -e "SPRING_PROFILES_ACTIVE=mysql,prod" -p 8080:8080 -t --name springboot-petclinic arey/springboot-petclinic

Use Docker Compose

The simplest way is to use docker-compose

docker-compose up

Build an image

To rebuild a Docker image on your device:

./mvnw clean install
cd spring-petclinic-server
mvn clean package docker:build

To publish a new image into Docker Hub:

mvn clean package docker:build -DpushImageTag

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

Interesting Spring Petclinic forks

The Spring Petclinic master branch in the main spring-projects GitHub org is the "canonical" implementation, currently based on Spring Boot and Thymeleaf.

This [spring-petclinic-angularjs][] project is one of the several forks hosted in a special GitHub org: spring-petclinic. If you have a special interest in a different technology stack that could be used to implement the Pet Clinic then please join the community there.

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.

spring-petclinic-angularjs's People

Contributors

arey avatar verydapeng avatar eninja avatar cyrille-leclerc avatar gordonad avatar tduchateau avatar mszarlinski avatar rstoyanchev avatar bram-atmire avatar cbeams avatar craigsdennis avatar tejasm avatar vladfau avatar boly38 avatar mklose avatar srenkens avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.