Wechat applet for second-hand book trading based on cloud development

1. Project introduction

Project introduction : The applet mainly provides users with three functions: selling books, buying books, and background management. It mainly includes five modules: home page, category page, book selling page, shopping cart, and personal center. Users can select books on the homepage and category pages to add to the purchase cart for purchase, and sell second-hand books by scanning codes or entering ISBN codes.
Technical points : This project is based on Vant UI components and WeChat applet cloud development technology, mainly using JavaScript, wxml, and wxss languages.
Data and cloud functions are stored on the cloud development that comes with the WeChat applet.
Main tools : WeChat developer tools

2. Project flow chart

insert image description here

3. Overall functional design diagram

This small program mainly has 5 main pages, home page, category, shopping cart, book selling, and personal center. Its main functions are shown in the figure below
insert image description here

4. Program function display

1.1 Book buying module

1.1.1 Home search book selection

(1) Open the mini program and enter the home page → click the search box to search for the corresponding book (you can also directly click the book displayed on the home page to purchase) (2) Enter the product details page → select the
insert image description here
specification and quantity you want to buy, and click Add to Cart
insert image description here(3 ) Enter the shopping cart and choose to buy books → click the submit order button to jump to the page and select the address to add notes
insert image description here
(4) After filling in the information, click to place an order → click to pay immediately
insert image description here
(5) After entering the password, the order is completed → the shopping cart is cleared
insert image description here

1.1.2 Buying books on category interface

In the classification interface, select the books used in this grade by selecting the college, grade, and class → click the book you want to buy, and select the specification and quantity... (the operation is the same as 1.1.1 after entering the product details page)
insert image description here

1.2 Book selling module

(1) Enter the book selling interface → view the book selling rules
insert image description here
(2) Scan the QR code to sell books/enter the ISBN code to sell books
insert image description here
(3) Add books to the book selling shopping cart by any of the above methods → click submit and enter the next page Single interface, fill in the information and click Submit
insert image description here

1.3 Personal page module

(1) Enter the "My" interface → click the corresponding icon in the row of book purchase orders to see the corresponding order information
insert image description here
(2) Click any order to see all the information of the order → click the Add Evaluation button to evaluate the product
insert image description here
(3 ) Click to confirm the evaluation and the evaluation is successful → return to the book order interface

insert image description here
(4) Click "Pending Shipment" to view the order → click the reminder delivery button to enter the customer service dialogue interface
insert image description here
(5) Return to the "My" interface → click the corresponding icon in the row of book sales orders to see the corresponding order information
insert image description here
(6 ) Click "Pending Pickup/Pending Review/Waiting to Receive" to see the corresponding order → click any order to see all the information of the order (
insert image description here
7) Return to the "My" interface → click "Address Management" to add, delete, check and modify Information
insert image description here
(8) Click the + sign in the upper right corner of the "Address Management" page to add address information → click Save
insert image description here

(9) Long press the address information to modify, delete, and copy functions
insert image description here
(10) Return to the "My" interface → click the "Contact Customer Service" button to enter the customer service interface
insert image description here
(11) Return to the "My" interface → click the "Feedback" button Enter the feedback interface
insert image description here

1.4 Merchant Management Module

(1) Enter the "My" interface → click "Merchant Management" and enter the login account password to enter the front end of the main page to modify the product and order information
insert image description here
(2) Enter the main page → click "Upload Product" to enter the upload product interface

insert image description here
(3) After entering the content, click OK to return to the main page → click the "Order Management" button

insert image description here
(4.1) To manage book purchase orders, click Book Order→Click Order to view the order details. Click Call in the order details to jump to the page and make a call directly. Click Order Shipped to change the order to pending delivery.
insert image description here
insert image description here
(4.2) If managing book sales orders, click the book sales order button → click any order to view the order details
insert image description here
(4.3) click the "order has been reviewed" button → the order status is changed to pending arrival
insert image description here
(5) click to return to the main page → click "Commodity Management" button
insert image description here
(6) Click the book to be modified to enter the modification page → submit after modification and return to the main interface of merchant management

insert image description here

1.5 Sign in module

insert image description here

5. Cloud development background database structure

insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here

6. Download link

CSDN download! ! !

Guess you like

Origin blog.csdn.net/m0_46695182/article/details/127976812