Alex Joh's Blog

title: Build Spring Boot and Angular Example(1) - Set up environment tags: AngularJS 4 Angular Angular CLI Spring Boot Bootstrap Typescript date: Sep 9, 2017 Build SpringBoot and Angular Application(1) - Set up environment Introduction Lots of article explained how to build AngularJS or Spring Boot separately, but I couldn't find any good article how I can package these two components together and running from one package. The best way to do this is to separate back-end and front-end using REST api and packaging as one. Spring Boot has built-in components, so both front-end and back-end will be running from the Spring Boot Web components. Reference Youtube Link Angular CLI NodeJS Bootstrap 4 Development Environment For the Spring Boot app(Back End), STS IDE will be used. For the AngualarJS 2(Front End), following technologies will be used; Typescript Bootstrap 4 AngularJS 4 AngularJS CLI NodeJS Visual Studio Code There is another way to develop UI us...

Developing SPA app with AngularJS, Spring, SpringBoot, REST, and MyBatis - 2. Unit Testing Introduction From the first posting, we just created simple application and run the application using maven and SpringBoot. From this tutorial, we will try to figure out how to do the unit testing with SpringBoot Recommend Syntax and UI for atom seti-ui seti-syntax or monaki theme To find out best theme downloads from atom, please visit Atom theme download site Folder structure root/pom.xml root/src/main/java/AngularSpring.java root/src/main/test/AngularSpringTest.java Setting up the Unit Testing When you add spring-boot-starter-test into the POM file, following 4 libraries will be added; Spring Test — integration test support for Spring applications. JUnit — The de-facto standard for unit testing Java applications. Hamcrest — A library of matcher objects (also known as constraints or predicates) allowing assertThat style JUnit assertions. Mockito — A Java mocking fram...

Developing SPA app with Atom, AngularJS, Spring, SpringBoot, REST, and MyBatis - 1. Setup Environment Introduction I believe the SPA(Single Page Application) will be the direction of future software development and this will be my first small project to develop SPA using following major components; AngularJS for the front-end, Spring REST for the back-end, Spring Boot for running environment, and MyBatis for the database persistence layer. I am a big fan of MyBatis because of flexibility, performance, and easy way to implement MVVM framework. One of main reason to develop this sample is to understand the structure of AngularJS and Spring framework. If you develop applications with STS or Eclipse, these IDEs will do everything for you, but sometimes it is hard to understand what happening behind scene. If you are not familiar with Spring Boot project, I strongly recommend to read Official SpringBoot Start Document Reference article Should You Use Spring Boot in Your Next Proje...