Click the following link to get the source code resources:
https://download.csdn.net/download/qq_64505944/87971437?spm=1001.2014.3001.5503 " 51 Mall
" program instructions
Introduce the use of these two parts respectively.
1. Website front desk
After starting the program in the virtual environment, use a browser to access "http://127.0.0.1:5000" to enter the website front desk home page. As shown in Figure 1.
Figure 1 Home Page
Click the "Register" button in the upper left corner of the home page to enter the registration page, as shown in Figure 2. After the registration is complete, enter the login page, as shown in Figure 3.
Figure 2 Registration page Figure 3 Login page
After successful login, you can select products on the home page, or select products by category through the top navigation bar. When selecting a product, you can hover the mouse over the product picture, and a shopping cart button will be displayed in the lower right corner of the picture, as shown in Figure 4. Click the shopping cart button to add the product to the shopping cart, as shown in Figure 6.
Figure 4 Adding to the shopping cart
In addition, there is another method of adding products to the shopping cart, that is, you can click the product picture to enter the product details page, as shown in Figure 5.
Figure 5 Product details page
On the product details page, you can change the quantity of the product (the default is 1), and then click the "Add to cart" button to enter the shopping cart page, as shown in Figure 6.
Figure 6 Shopping cart page
On the shopping page, you need to fill in the logistics information, and you can also empty the shopping cart. Click the "Checkout" button to enter the Alipay scanning code payment page, as shown in Figure 7.
Figure 7 Alipay scan code page
This project is a local project and does not include online payment function. Click the "Pay" button, and the default user has paid successfully. Click "My Orders" at the top right of the website to view user orders, as shown in Figure 8.
Figure 8 Order page
In addition, users can search for products fuzzily based on product names in the top search bar, as shown in Figure 9. The search results are shown in Figure 10.
Figure 9 Search for products
Figure 10 Product search results
2. Website background
Background management account: mr
background administrator password: mrsoft
Enter the URL "http://127.0.0.1:5000/admin/login/" in the browser to access the website background login page. As shown in Figure 11.
Figure 11 Background login page
After successful login, enter the background home page, and the operation effect is shown in Figure 12.
Figure 12 Backstage home page
Click "Major Category Management" and "Small Category Management" on the top menu to manage large categories and small categories. For example, in "Books—>Management" and "Books—>Fiction", books are the big category, and management and novels are both small categories under the big category. Figure 13 and Figure 14 are the large category management and small category management pages respectively.
Figure 13 Large category management
Figure 14 Small category management
Before adding products, you need to select the corresponding large category and small category. In addition, when adding an image file, you need to add the image path of the product. Now copy the picture to the "app\static\images\goods" path, as shown in Figure 15.
Figure 15 Copy the picture to the specified directory
Then, fill in the name of the picture in the "picture file" of the add product form, as shown in Figure 16.
Figure 16 Adding Products
When you click on the right menu bar, the corresponding page will be displayed, as shown in Figure 17.
Figure 17 background menu