# vue_django

**Repository Path**: xu-kun-wuhan/vue_django

## Basic Information

- **Project Name**: vue_django
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-31
- **Last Updated**: 2024-11-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Python, JavaScript, Django

## README

# vue_django

#### Introduction
This project is an e-commerce platform built on Vue.js and Django framework. It provides a complete online shopping experience, including product display, shopping cart management, user authentication and order processing. The front-end is developed with Vue.js, and the back-end is built with Django framework.



Front-end technology stack：

- Language: JavaScript
- Framework: Vue.js
- Tools: Vue Router (route management), Vuex (state management)
- HTTP library: axios (for communicating with backend API)
- UI framework: Vant (mobile UI component library based on Vue.js), Element Plus (PC UI component library based on Vue.js)

Backend technology stack:：

- Language: Python
- Framework: Django
- Tool: Django REST Framework (for building RESTful APIs)
- Database: MySQL (for storing application data)
- Crawler: Custom Python crawler script (for fetching data from external websites)

#### Software Architecture
1. **Front-end part (Vue Shop)**:
    - Developed using the Vue.js framework, it has good front-end interactivity and user experience.
    - Vue Router and Vuex are used to manage routing and status, allowing the front-end page to respond to user operations flexibly and efficiently.
2. **Backend part (Django Shop)**:
    - Developed using the Django framework, it has perfect backend logic and data processing capabilities.
    - Django REST Framework is used to build RESTful API to achieve front-end and back-end data interaction and communication.
    - The application is split into multiple Django applications, indicating that a modular design is adopted to improve the maintainability and scalability of the code.
    - The database uses MySQL for data storage, providing reliable data persistence support.
3. **Crawler script**:
    - Use multi-threading technology for crawling to improve crawling efficiency and concurrency.
    - The crawler script may be designed as an independent module to provide additional data sources or supplements for the application by calling external interfaces or directly crawling data from web pages.


#### Installation Tutorial

```shell
git clone https://gitee.com/xu-kun-wuhan/vue_django.git
```

#### DEMO

<img src="./img/1.png" alt="1" style="zoom:25%;" />

<img src="./img/2.png" alt="2" style="zoom:25%;" />

<img src="./img/3.png" alt="5" style="zoom:25%;" />

<img src="./img/4.png" alt="5" style="zoom:25%;" />

<img src="./img/5.png" alt="5" style="zoom:25%;" />

<img src="./img/6.png" alt="6" style="zoom:25%;" />

<img src="./img/7.png" alt="7" style="zoom:25%;" />

<img src="./img/8.png" alt="8" style="zoom:25%;" />

<img src="./img/9.png" alt="9" style="zoom:25%;" />

<img src="./img/10.png" alt="10" style="zoom:25%;" />

<img src="./img/12.png" alt="12" style="zoom:25%;" />

<img src="./img/12.png" alt="12" style="zoom:25%;" />

<img src="./img/11.png" alt="11" style="zoom:25%;" />

<img src="./img/14.png" alt="14" style="zoom:25%;" />

<img src="./img/15.png" alt="15" style="zoom:25%;" />

<img src="./img/16.png" alt="16" style="zoom:25%;" />