This time, JAVA was selected for the graduation design and development of the online shopping mall system team, including: WEB website system + WeChat applet system.

Project function - module diagram

Development overview

Development operating system: windows10 + 8G memory + 500G

WEB development environment: JDK1.8 + Tomcat8

WEB development language: Java

WEB development framework: springboot

WEB template engine: Thymeleaf

Conventional WEB technology: html + css +javascript

WEB development tools: Idea

Database: mysql8

Database management tool: navicat

WeChat Mini Program Development: WeChat Developer Tools

WeChat applet technology: wxss, wxhtml, js

Team Project - Group Division

Project Features - Feature List

Background management system (module 1-member 1 development)

Advertisement management: set up carousel ads and links on the homepage of the Mini Program

Message list: a list of all user message information, support for deletion

Member list: View all registered member information, support deletion

Information classification: input, modify, view, delete information classification

Input information: input information title, content and other information

Information management: view the list of information that has been entered, support deletion and modification

Information comment list: a list of all user comment information

Information comment management: support review and deletion of comment information; users can only see the information after review

Commodity classification setting: set commodity classification, support modification and deletion

Entering goods: select categories, enter product names, prices, attributes, pictures, introductions, etc.

Product management: View all products that have been entered, support modification and deletion

Popular keywords: set popular product keywords

Order list: View the order list information of all orders placed by users

Order processing: Shipment processing for orders that have already been placed

Password modification: modify the registered password.

Log out: Clear the login cookie and return to the home page.

User PC-WEB website system (module 2-member 2 development)

User registration: Fill in the mobile phone account and password to register a new user

Login function: Register an ordinary account to log in; after logging in, you can modify the basic information of the user, or log out.

About us: about us, contact us, join us, legal notice

Carousel ads: Set the home page carousel ads in the background, which can be connected to the advertisement page.

Message Feedback: The user fills in Li Kuiyan's subject, contact person, phone number, email address, and message content; background management can view the message list and delete messages.

Information reading: Both tourists and users can read information.

Information collection: After reading the information you are interested in, registered and logged-in users can perform collection operations.

News comments: When reading news, logged-in users can post comments; it will be displayed after background review.

Commodity library: Enter the relevant information of the commodity in the background, and you can click to view the detailed information of the commodity one by one in the website commodity list; support to find the desired commodity through query.

Product information: Click to the product details page, you can view the product introduction, product introduction, pictures, details, product reviews of users who have purchased.

Collection operation: In the product information details, click "Favorite" below to collect

Add to shopping cart: In the product details, click "Add to shopping cart", and you can view it in my shopping cart.

Buy Now: In the product details, click "Buy Now" to jump to the shopping cart immediately.

My Shopping Cart: Displays a list of all products added to the shopping cart to be purchased.

Commodity selection: In the shopping cart, we can increase and decrease the quantity of commodities, and we can check the items to be settled.

Place an order: Click "Go to Settlement", select or fill in the delivery address, confirm the product and quantity to be ordered; if there are matters such as taste, fill in the remarks. Click "Place order settlement", and then jump to the order list

Cancel an order: In the "My Orders" list, click "Cancel Application" to delete the order

Go to Payment:: In the "My Orders" list, click "Go to Payment" to simulate payment

Commodity reviews: In the "My Orders" list, for orders that have been paid, you can click "Evaluate" for each product to score and fill in product reviews.

My Favorites: A list of products that the user has favorited.

Delivery address management: input delivery address, modify delivery address, delete

News browsing: record all the news information that users have browsed

Information Collection: You can directly click to read the interested information articles in your favorites, and support deletion.

News comments: list articles participating in comments, comment content, review status.

User information: name, contact information, email, avatar, profile, introduction, etc., which can be modified at any time; the information registered by the user is visible to the background administrator; the background administrator can delete it.

Password modification: modify the registered password.

Log out: Clear the login cookie and return to the home page.

User mobile terminal-WeChat applet system (module 3-member 3 development)

User registration and login: Register a common account, and then use the registered account to log in

WeChat authorization login: directly use WeChat as an account, and log in after authorization

Information function: users can browse the information list and detailed information arbitrarily

Message: Users can leave messages to the management platform in the Mini Program.

Commodity library: Enter the relevant information of the commodity in the background, and you can click to view the detailed information of the commodity one by one in the product list of the applet; it supports searching for the desired commodity through query.

Commodity information: Click to go to the product details page, you can view the introduction of the product, view the product introduction, pictures, details, etc.

Collection operation: In the product information details, click "Favorite" below to collect

Product selection: In the ordering column, directly click the "+" of each product to add products; you can also click "Add to shopping cart" on the product details page to add products.

Commodity list: the products that already have a quantity in the shopping cart column, or the items in the "shopping cart" column

Cancel an order: In the "My Orders" list, click "Cancel Application" to delete the order

Go to Payment:: In the "My Orders" list, click "Go to Payment" to simulate payment

My Favorites: A list of products that the user has favorited.

Delivery address management: input delivery address, modify delivery address, delete

User information: fill in the name, qq, email, remarks and other information

Exit the system: clear the cache and return to the home page of the Mini Program

how to learn and develop

For the basic knowledge involved in the project, there are free video lessons, which can be developed by yourself after learning.

web- based

WEB website development must learn HTML/CSS/JAVASCRIPT.

Learning JAVA and small program development, WEB basics must be learned, and they will be used.

JAVA development learning

Step 1: Database We need to learn the installation and use of Mysql database; the installation and use of the database management tool Navicat;

Step 2: You need to learn the construction of JDK and Tomcat environment, JAVA basic grammar, JAVA and mysql database operation, JDBC database operation; JAVA popular Spring, SpringMVC, Springboot framework.

Free course download address:

Wechat applet development and learning

Learn the grammar, components, and api of WeChat applets; learn to use wxss, wxml, and js in the development of WeChat applets.