Development and implementation of smart community management system under epidemic situation

Author's homepage: Programming Paper Crane

About the author: Java, front-end, and Python have been developed for many years, and have worked as engineers, project managers, and architects.

Main contents: Java project development, Python project development, university data and AI project development, microcontroller project design, interview technology compilation, latest technology sharing

Collect, like and don’t get lost. It’s good to follow the author.

Get the source code at the end of the article

Project number: BS-XX-195

1. Introduction to the environment

Locale: Java: jdk1.8

Database: Mysql: mysql5.7

Application server: Tomcat: tomcat8.5.31

Development tools: IDEA or eclipse

Development technology: springboot+vue

2. Project Introduction

This article mainly introduces the development and implementation of smart community management systems under the epidemic. After three years of living under the epidemic, many people, many companies, and many environments have been changed. Although the epidemic has come to an end for the time being, its impact on us is far from gone. I believe that everyone has a lot of feelings about community life during the epidemic, and the most vivid ones are nucleic acid testing and grabbing food. So if something like this happens again in the future, how should we respond? Traditional community management has become clumsy and inefficient without the application of the Internet. It cannot quickly collect the life demands of community residents, cannot effectively manage the reporting information of outsiders, and cannot provide convenient shopping methods for community residents. This article mainly studies the development and implementation of community smart management platform under the epidemic situation.

For the smart community management system designed this time, it mainly uses information technology as a carrier to realize a platform that serves community residents during the epidemic. The design adopts a general B/S structure, and users only need to open the browser to access the system address. In terms of user roles, they are mainly divided into business users and platform management users. After registering and logging in, owner users can purchase basic necessities for life on the platform, view community notification information, check news information, and register to enter the community online, etc. . The platform administrator mainly performs some corresponding management operations on the basic information of the entire smart community. The system can also set up corresponding accounts for property personnel to participate in the management and operation of the community platform.

The development and implementation of this topic mainly uses JAVA development technology. The front-end development of the smart community uses Html+Vue technology to design the front-end interface and human-computer interaction of the system. The backend uses the Springboot framework to integrate the Mybatis framework for development and implementation. The platform's business data storage uses the Mysql database, and the system's integrated development tools are developed and implemented using IDEA.

This topic is a smart community management system under the epidemic. After consulting a large number of references, referring to similar community management systems and epidemic management systems, and visiting grassroots organizations and residents in the community, a systematic functional demand analysis was conducted. After analysis, it was determined that users of the smart community management system during the epidemic are mainly divided into two categories: residents and community management users. The main functions of community residents include: online community shopping, community announcements, news information, online communication, shopping carts, order information, Online repair reporting, personal center and other functions. The specific system functional structure diagram is shown in Figure 2.1 below:

Figure 2.1 Residential user functions

The main functions of the backend management user of the smart community management system include: administrator management, user management, communication information management, personnel detection information, health reporting management, news resources, community announcements, product types, product information, order information, and repair management , news comments, forum management, personal information management, etc. The details are shown in Figure 2.2 below.

Figure 2.2 Community administrator user functions

3. System display

Show some screenshots of front-end and back-end functions

4.1.1 User registration and login

Front-end users can register online after entering the smart community platform. After filling in the account and password, they can choose their registered identity. The administrators here are mainly volunteers. Those who participate in community management can choose when registering. There will be some background and data Management permissions, you can also register as an ordinary user. The registered information is stored in the user information table user. The basic interface for user registration is shown below, as shown in Figure 4.1:

Figure 4.1 User registration

4.1.3 Front-end home page

The homepage design of the smart community system platform is simple and elegant, in line with ordinary people's aesthetics. It has a search box and navigation menu for full-text retrieval of sh ud information. The homepage displays some carousel pictures and community announcements. The details are shown in Figure 4.5 below.

Figure 4.5 Smart community home page display

4.1.4 Community Mall

The community mall mainly implements the information procurement of community products, allowing residents to browse and purchase products on this platform, and recommend hot-selling products based on product sales. The product browsing display is shown in Figure 4.6 below:

Figure 4.6 Product information display

4.1.4 Product ordering

When browsing product details, users can add products to the shopping cart and select the quantity of the product. When adding the product to the shopping cart, it will be judged whether it can be purchased based on the inventory of the product. In addition, users can also like the product on this page. , the accumulation of these data can make some preparations for future product recommendations. After adding the shopping cart, you can place an order on the shopping cart management page. The specific display is shown in Figures 4.7 and 4.8 below:

Figure 4.7 Product details information display

After adding the shopping cart, you can enter the shopping cart menu to view the items in the shopping cart and place an order:

Figure 4.8 Shopping cart information display

4.2.1 User login

If the backend users of the smart community website during the epidemic want to enter the backend to perform corresponding management operations, they must log in with the assigned administrator account before being authorized. The administrator user enters the account and password in the background and submits it to the server for authentication. After passing the authentication, he can enter the background management homepage to perform corresponding management operations, as shown in Figure 4.16 below:

Figure 4.16 Backend user login

4.2.2 User management

The user management module in the background is mainly designed for managing platform users. In this operation interface, user information can be queried based on the user name, using a fuzzy query matching method. User information can be added online, and user information can be modified and modified. Operations such as deletion and password reset are shown in Figure 4.17 below.

Figure 4.17 User management

4.2.3 Product information management

The product information list viewed by the front-end users of the smart community can be managed by the administrator in the background, which mainly includes operations such as adding products, viewing in pages, editing and deleting them. Click Preview to view detailed pictures of the products. The specific display is shown in Figure 4.18. shown.