Ruby Design - Function Demo

User Manual & Function Display

1 non-login state

In the non-login state, you can browse some webpages and functions, such as product catalogs

insert image description here

But for example, when an order needs to be paid, it will be automatically redirected to the login interface.

2 login

The login interface is shown in the figure

insert image description here

There are two options of login and registration. For users who already have an account, they can log in directly. The correct password can log in, and the wrong password will report an error, as shown below

insert image description here

You can log in with the correct password, and the user name and logout button will be displayed on the left panel after login

insert image description here

It can be seen that with the login function, the user's authority has increased (the navigation in the upper navigation bar has increased)

3 registration

You can choose to enter the user name, password, and confirm the password on the registration interface, and you need to enter your own identity at the same time.

insert image description here

4 shopping carts

When the user browses the product, he can add the product to the shopping cart, and the shopping cart panel will appear on the left side. At the same time, it will also display the discounted price and the total price of the shopping cart. The user can choose to empty the shopping cart or according to the content generation order for

insert image description here

5 orders

The user clicks the "settlement" button to enter the order information improvement interface and generate an order by filling in the information

insert image description here

On the management side, you can view order information:

Order overview

insert image description here

order details:

insert image description here

6 favorites

The user can click the "Add to Favorites" button on the store interface to bookmark the product, and in the "Favorites" navigation, you can see all the products that the user has favorited

insert image description here

Users can choose to add favorites to their shopping cart, and at the same time remove favorites from favorites.

7 Promotions

Each promotion will involve some products, and the products will have some discounts, which will be reflected in the actual consumption of customers. Customers can see the discounts of each product in the store interface:

insert image description here

At the same time, users can also directly browse the current activities to see the products and discounts involved

insert image description here

On the management side, you can create an event and select products to join the event

insert image description here

insert image description here

8 Commodity Management

Administrators can add, delete, modify and query products

insert image description here

9 User Management

Administrators can add, delete, modify and query users

insert image description here


Guess you like

Origin blog.csdn.net/living_frontier/article/details/129981218