Spring Boot & Vue Online mall
Contents
E-commerce website
Intro
A full-stack web application using Spring boot and Vue Cli.
This is an online shopping application with frontend and backend separated which is mainly developed for consumers, it also includes simple order & user management backend services. The frontend calls the backend API and performs data interaction through JSON.
Live Demo: https://tvmall-tablu.herokuapp.com/
Screenshot
Features
- REST API
- Full JSON interaction
- Redis-based shopping cart
- Order process
- Categories
- Pagination
Technology Stacks
Backend
- Java 8
- Spring Boot 2.1.7
- Mybatis
- MySQL
- Redis
- Spring Security
- Maven
Frontend
- Vue CLI 4.5.4
Database Schema
Rapid deployment & Run
Backend
- Install MySQL
- Create a local database like ‘mall’ using MySQL Workbench or Navicat
- Execute SQL statement to build table. (
cd backend/src/main/resources/sql
) - Prepare Redis
- Configure spring datasource & Redis in
application.yml
- The server is running on localhost:8080
Frontend
- Install Node.js and npm
cd frontend
- Run
npm install
- Run
npm run serve
- The client is running on localhost:8081
Note: it only works locally, some codes should be modified before production mode.