Packt+ | Advance your knowledge in tech

You're reading from Building Applications with Spring 5 and Vue.js 2

Product type Book

Published in Oct 2018

Publisher Packt

ISBN-13 9781788836968

Pages 590 pages

Edition 1st Edition

Languages

Java

Concepts

Full Stack Web Development

Author (1):

James J. Ye

Table of Contents (23) Chapters

Title Page

Dedication

About Packt

Contributors

Preface

1. Modern Web Application Development - This Is a New Era

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

3. Spring 5 - The Right Stack for the Job at Hand

4. TaskAgile - A Trello-like Task Management Tool

5. Data Modeling - Designing the Foundation of the Application

6. Code Design - Designing for Stability and Extensibility

7. RESTful API Design - Building Language Between Frontend and Backend

8. Creating the Application Scaffold - Taking off Like a Rocket

9. Forms and Validation - Starting with the Register Page

10. Spring Security - Making Our Application Secure

11. State Management and i18n - Building a Home Page

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

13. File Processing and Scalability - Playing with Cards

14. Health Checking, System Monitoring - Getting Ready for Production

15. Deploying to the Cloud with Jenkins - Ship It Continuously

1. Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Put it together

Now, let's put the frontend and the backend of the Messages App together. We will populate the messages list in the UI by querying messages from the database and save new messages to the database after clicking the Add button in the UI.

The following are the things we need to do to make the integration work:

Place the frontend and backend code in the same project
Add APIs to the backend for getting messages and saving new messages
Add the ability to communicate with the backend to the frontend

Place code together

In Chapter 2, Vue.js 2 - It Works in the Way You Expected, we created the frontend and usedhttp-serverto serve theindex.htmlfile and the static .js assets. When the integration is done, the embedded Tomcat server will serve these files. Now, let's move the frontend code to the backend.

Note

Besides putting the frontend and the backend together in a single project and deploying it as a whole, you can also keep them separated and deploy them separately so that the team can...