Book Overview & Buying
Table Of Contents
Feedback & Rating

Building Applications with Spring 5 and Vue.js 2

By : J. Ye

Buy this Book

Building Applications with Spring 5 and Vue.js 2

By: J. Ye

Buy this Book

Overview of this book

Building Applications with Spring 5 and Vue.js 2, with its practical approach, helps you become a full-stack web developer. As well as knowing how to write frontend and backend code, a developer has to tackle all problems encountered in the application development life cycle – starting from the simple idea of an application, to the UI and technical designs, and all the way to implementation, testing, production deployment, and monitoring. With the help of this book, you'll get to grips with Spring 5 and Vue.js 2 as you learn how to develop a web application. From the initial structuring to full deployment, you’ll be guided at every step of developing a web application from scratch with Vue.js 2 and Spring 5. You’ll learn how to create different components of your application as you progress through each chapter, followed by exploring different tools in these frameworks to expedite your development cycle. By the end of this book, you’ll have gained a complete understanding of the key design patterns and best practices that underpin professional full-stack web development.

Preface

Who this book is for

What this book covers

Get in touch

Free Chapter

Modern Web Application Development - This Is a New Era

Introduction

JavaScript from a Java developer's viewpoint

ES6 basics

Summary

Vue.js 2 - It Works in the Way You Expected

Fundamental concepts

Behind the scene

Summary

Spring 5 - The Right Stack for the Job at Hand

Spring IoC and dependency injection

Spring MVC

Spring JDBC and JPA

Spring AOP

Spring transaction management

Spring Boot

Put it together

Summary

TaskAgile - A Trello-like Task Management Tool

Managing requirements in an Agile way

Writing effective user stories

Creating wireframes

Understanding Agile

Full-stack developer skillsets

Summary

Data Modeling - Designing the Foundation of the Application

Introduction to data modeling

Goals of data modeling

Conceptual data modeling with ER diagrams

Logical data modeling

Physical data modeling for RDBMS

Physical data modeling for MongoDB

Summary

Code Design - Designing for Stability and Extensibility

Agile code design

Design principles and design patterns

TaskAgile code design

Summary

RESTful API Design - Building Language Between Frontend and Backend

RESTful API characteristics

RESTful API design procedure

RESTful API implementation in Spring MVC

RESTful API consuming

RESTful API testing

Summary

Creating the Application Scaffold - Taking off Like a Rocket

Setting up the development environment

Creating the backend scaffold with Spring Initializr

Creating the frontend scaffold

Putting two ends together

Introducing vue-router

Fixes at the end

Summary

Forms and Validation - Starting with the Register Page

Building a UI with Bootstrap 4

Build registration forms with Vue.js

Validation on the frontend

Validation on the backend

Implement registration in domain model

Fixes at the end

Summary

Spring Security - Making Our Application Secure

How to secure a web application

Introducing Spring Security

Spring Security deep dive

Building the login page

Sending emails using JavaMail

Performing end-to-end integration tests

Fixes at the end

Summary

State Management and i18n - Building a Home Page

State management with Vuex

Building home page frontend

Building the home page backend

Adding i18n support with Vue-i18n

Logging SQL queries and performance tuning

Fixes at the end

Summary

Flexbox Layout and Real-Time Updates with WebSocket - Creating Boards

Building the frontend of the board page

Building the backend of the board page

Implementing real-time updates with WebSocket

Fixes at the end

Summary

File Processing and Scalability - Playing with Cards

Building the frontend of the card modal

Building the backend of the card modal

Tracking activity asynchronously with AMQP

Fixes at the end

Summary

Health Checking, System Monitoring - Getting Ready for Production

Installing as a service

Spring Profile

Spring Boot Actuator

Monitoring with Icinga 2

Fixes at the end

Summary

Deploying to the Cloud with Jenkins - Ship It Continuously

Continuous delivery

Last fix before rolling out

Let's ship it

Summary

Fixes at the end

There are two types of fixes. Let's discuss them here as follows:

Fix—add mapping for card URL: This is an oversight. Without adding the card URL to @GetMapping in MainController, refreshing the page will show an HTTP 404 error page. The following is the commit record:

Figure 13.10: Fix—add mapping for card URL commit

Fix—unsubscribe from board channel when opening a card: The vue-router will trigger the beforeRouteLeave navigation guard when the URL is switched from the board URL to the card URL. The fix involves simply adding a condition guard to the unsubscribe method. The following is the commit history: