E-commerce shopping website – detailed design

Time:2022-4-28

1. Design and implementation of user registration module

Introduction to functional design of registration module

Function: This module is mainly used for new user registration. The user provides user name and password information through the form. The system performs specific operations on the user according to the registration information provided by the user.

Input operations: user name, password and confirm password.

Corresponding processing:

  1. Enter registration information: enter the user name and password information in the form provided on the page, and click the “registration” button to submit the form data information. Registered users can click the “login” button to enter the login page.

  2. User registration authentication: connect to the database and check whether the entered user name already exists by using the entered “user name” data as the query criteria. If the user name is not registered, you will be prompted that the registration is successful and go to the login page to log in. If the user is registered, you will be prompted that the user already exists and re register.

2. User registration interface sketch

Registration interface

The sketch of user registration interface is as follows:

E-commerce shopping website - detailed design

3. Design and implementation of user login module

Design and implementation of login module

Function: This module is mainly used to authenticate the user’s identity. The user provides user name and password information through the form, and the system queries and authenticates the user according to the login information provided by the user. If the identity is legal, the user can enter the product page.

Input operation: user name and password.

Corresponding processing:

  1. Enter the user’s login information: enter the user’s user name and password information in the form provided on the page, and click the “login” button to submit the form data information. You can also click the “register” button to register a new user.

  2. User authentication: connect to the database and openuserSet to verify user login information. Take the entered “user name” data as the query criteria to check whether the user exists. If so, continue to check whether the entered password is correct. If the password and user name are correct, enter the commodity display page; If the user name does not exist or the password is incorrect, the corresponding prompt will be given.

4. User login interface sketch

Login interface sketch

The sketch of user login interface is as follows:

E-commerce shopping website - detailed design

5. Product interface introduction and sketch

Product page introduction

On the product page, we mainly show the products. After successful login, the user will jump into the product page and can view all products. The content of each product information includes: product name, product picture and product price. The user can browse or add it to the shopping cart.

The page sketch is as follows:

E-commerce shopping website - detailed design

6. Shopping cart interface introduction and sketch

Product page introduction

The shopping cart page mainly displays the goods purchased by the user, including the information, price and quantity of the goods. Of course, the user can add, reduce and delete the goods. Finally, the user can choose to settle the goods. After selecting the settlement, the corresponding payment amount will be presented.

The page sketch is as follows:

E-commerce shopping website - detailed design

Recommended Today

Principle of optical motion capture system

Nokov measurement optical motion capture system is a motion capture system based on the principle of infrared optics. Compared with the positioning means such as inertial principle motion capture system and GPS positioning system, it has the characteristics of high precision, low delay, strong real-time performance and is mostly used in indoor scenes. The system […]