Wms Client

Overview

This project serves as an inventory management system customized to meet practical needs, particularly beneficial for friends involved in inventory oversight. Additionally, it's my first hands-on endeavor with Vue2, serving as an opportunity to refine my frontend development skills. The project is grounded in real-world requirements, complemented by a backend service built on Node's Express framework with a MySQL database.

The project leverages a full suite of Vue.js tools, including Vuex and Vue Router for state management and routing, respectively. The UI is developed using Element-UI, while Vue CLI acts as the primary build tool. For those who want to explore more advanced configurations, a webpack branch is available as well.

Features

• Comprehensive Technology Stack: Built using Vue, Vuex, Vue Router, and Element-UI ensuring a modern and efficient development environment.

• Remote Server Support: Offers a default remote backend server, catering to users who wish to focus purely on the frontend experience without backend setup hassles.

• Data Visualization: Implements ECharts for robust visual data representation, enabling users to analyze their inventory and sales data effectively.

• Axios Integration: Utilizes Axios for network requests with capabilities for response interception and unified request management, enhancing the overall API handling.

• User Access Control: Incorporates token-based permission management for secure access control to different parts of the application.

• Route Lazy Loading: Optimizes app performance by loading routes only when needed, reducing initial load times.

• Inventory Functions: Supports key inventory operations such as adding, querying, and managing outbound and inbound records along with comprehensive statistics on sales, costs, and profits.

• Client Management System: Allows users to add and edit customer information, streamlining client-related data handling.