Realize H5 online ordering system based on Java+Spring boot+Mybatis Plus

foreword

The mall system is a fully functional online sales system, mainly including product release, online ordering, online payment, online customer service, order management and other functional modules. The daily management of the shopping mall system, such as adding and modifying products, order management, replying to customer messages, etc., are all online operations, which are easy to operate and can be operated by anyone who can surf the Internet. The shopping mall system has the advantages of low cost, saving development time, stable and mature performance, etc., so that novices can quickly learn and master the learning framework and business logic.


1. Main function module design

The mall system adopts B/S structure, java development language, and Spring boot + Mybatis Plus as the project framework, Mysql database, and Layui as the front-end framework. The system is mainly divided into two parts: administrators and users. Administrators: home page, personal center, user management, product management, order management, statistics, product classification management, and system management. Users; home page, personal center, product preview, product details page, my favorites, and my orders basically realize the information management process of the entire mall system. It is an efficient, dynamic and mutually friendly mall system

Effect picture: H5 mobile terminal

background management

insert image description here

insert image description here

2. Project realization

1. Create a maven project

First create a project named SpringBootDemo, select [New Project]
insert image description here

Then in the pop-up window below, select [New Project] on the left menu (Note: Unlike the idea version before 2022, there is no [Maven] option on the left here, do not select [Maven Archetype]!!!), enter Name (project name): SpringBootDemo, select [java] for language, select [maven] for build system, and then select jdk. I choose jdk18 here.

insert image description hereThen click【Create】
insert image description here

2. Create a module under the project

Right-click and select [new]-[Module...]
insert image description here
Select [Spring initializr] on the left, and quickly create a spring boot project through the Spring initializr tool integrated in the idea. On the right side of the window: name can be set according to your preference, group and artifact have the same rules as above, other options can keep the default value, [next]
insert image description here

Check [Spring Boot DevTools] for the Developer Tools module, and check [Spring Web] for the web module

insert image description here

At this point, a Springboot project has been built and subsequent functions can be developed

3. Write a user class, meal class, shopping cart, order class, etc., Mapper, service (three-tier architecture)

insert image description here
insert image description here
Since we use mybatis-plus, we don’t need to write simple additions, deletions, modifications, and queries. The framework comes with it. We only need to implement or inherit its Mapper and Service
insert image description hereinsert image description here

4. Create a specific Api interface

insert image description here

insert image description here

5. Front-end implementation

insert image description here
insert image description here

insert image description here

The function of the mobile ordering system is roughly realized here, and it can be uploaded to GIT after subsequent improvement

Guess you like

Origin blog.csdn.net/wml_JavaKill/article/details/126102997