mall system

Mall system (with background management)

about

A mall system based on Vue2 + ElementUI with three modes: customer, merchant and administrator.

Here is the front-end part, back-end and database files: https://github.com/Hacker-C/mall-system-backend

Online address

User modules:

Administrator backend module:

Merchant module:

(back to top)

technology stack

• Frontend: Vue2 ElementUI Vue Router Axios
• Backend: SpringBoot MySQL

(back to top)

development environment

• Vue: v2.1.6
• vue/cli: v4.5.15
• vue-router: v3.2.0
• Node.js: v16.13.0
• Echarts: v5.2.2
• ElementUI: v2.4.5

Run locally

1. git clone

    git clone [email protected]:Hacker-C/mall-system.git
   

2. npm install

    npm install
   

3. start

    npm run dev
   

4. build

    npm run build
   

Function realization

Customer module

• Login website
• Browse website content
• Register as a member of this website
  • Edit your basic information
  • Change password
  • Reset account amount
• Add selected items to shopping cart
  • Manage shopping cart
    • Delete items from shopping cart
    • Purchase shopping cart items together
• Purchase items (manage orders)
  • Submit order
  • Pay for an order
  • Delete order
  • Cancel order
• Evaluate products after purchase
  • Rate product
  • Delete your own comment
• Favorites
  • Add items to collection
  • Delete content from favorites

(back to top)

Merchant module

• Register and apply to open a store
• Manage your own store
  • Upload product images
  • Introduce the product
  • Edit basic information such as product price, remaining quantity, discounts, etc.
• Statistics on in-store product sales
  • View overall income
  • Check the sales volume and total revenue of various products
• Manage orders
  • View order information
    • Check the total amount of the order and the order time
    • Ship the items in the order
  • Edit order status
    • Cancel order
    • Ship the order

(back to top)

Administrator module

• Manage merchants
  • View and delete all products under this merchant
  • Edit business and store related information
• Maintain and manage the system
• Manage all users
  • Manage basic information of customers and merchants
  • Reset customer and merchant login passwords
  • Block customers and merchants (cannot log in after being blocked)
  • Manage user identity roles, such as changing a customer's identity to a merchant or upgrading him or her to an administrator.
  • View all user components (admins, customers, merchants)
• management system
  • Manage limited-time discount countdown time on homepage
  • Manage product classification function on home page
    • Edit product category name
    • Delete product category
    • Add new product category
  • Management system announcement
    • Edit announcement content