Blogger introduction: ✌Programmer brother Xu, 7 years of experience as a programmer in a big factory. 30W+ fans on the whole network, csdn blog expert, high-quality author on Nuggets/Huawei Cloud/Ali Cloud/InfoQ and other platforms, focusing on Java technology field and graduation project practice✌
1 Introduction
Video demonstration address:
An intelligent garbage sorting and recycling system based on the WeChat applet can be used as a graduation project
The mini program page and functions are designed as follows:
1. User registration and login.
-
Garbage search function, you can search the corresponding garbage information, and then display the graphic recycling display of garbage under the corresponding information, as well as the corresponding recycling type, harmful, harmless, recyclable and other information, as well as some garbage recycling instructions.
-
Users of the mini program can make appointments for door-to-door collection of garbage.
-
Garbage recycling classification information management, correspondingly, different garbage recycling classification information (including pictures, garbage introduction, recycling instructions) can be added, added, deleted, modified and checked.
-
News management function, release of some promotional information corresponding to garbage classification, graphic display, and display on the homepage of the mini program
-
User management, the administrator can manage the registered Mini Program users, and the administrator can edit them.
-
Background management appointment recycling record confirmation door-to-door recycling.
2 technology stack
| illustrate | technology stack | Remark |
|---|---|---|
| Backstage | Java | |
| front end | Applets | |
| database | MYSql | |
| Architecture | B/S structure |
3 Introduction to mini program functions
The WeChat mini program was launched a little over a year ago. It is considered a new thing, but the technologies used are all existing technologies. If you do a little investigation, you will find that not only WeChat applets, but also many similar applications use a similar architecture:
Use JSON technology to represent application configuration information. Contains the basic information of the application, page configuration and routing, overall information of the application, etc.
Use customized CSS+XML technology to implement the description of the view layer. Screen elements, such as lists, buttons, text boxes, selection boxes, etc. are described by XML language, follow the XML syntax, and use CSS to define the common style of the page.
Use the JavaScript language to realize the logic layer structure. Including the processing of user operations, system API calls, etc. [5].
The architecture provides data and event transfer capabilities between the view layer and the logic layer to minimize difficulty. Since similar applications are all light applications, the functions they provide are relatively simple.
4 things to note
WeChat applets are very popular now and are developed based on the WeChat ecosystem. Now many computer graduates will choose WeChat applets as graduation projects
Small programs usually display data for users to see. In most cases, these data are not hard-coded, but the front-end requests the server interface to obtain the data.
The backend can be implemented with many technologies, such as Java, PHP, Python, etc., and the backend interface ultimately accesses the data in the database, because there are a lot of data in many small programs that need to be stored in the database (MySQL, Oracle, MongoDB) and so on.
In addition to the small program end and background interface, the background management system is generally required after the completion of the small program. The background management system is generally a web page, which requires certain web technology knowledge to implement. If the small program needs to be online on the WeChat client, It is also necessary to deploy the backend on the server, and upload the code of the applet to the WeChat public platform, and also need to apply for a domain name, and a longer filing period is required. Just demonstrate it on WeChat developer tools.
2. How to avoid pitfalls?
As the saying goes, everything is difficult at the beginning, especially for the completion of small computer programs. Choosing the right topic will make your graduation season much easier
1. If you choose the topic yourself, don’t imagine it out of thin air. You must not choose the topic blindly. Setting the topic means that you must go all out to realize the function corresponding to the topic (within the controllable range) in the future, and combine your own reality Choose the difficulty that matches the current stage of your school. Some seemingly simple questions actually do not meet the current stage, and the cost will increase exponentially. If there is something you don’t understand about the topic selection/opening, you can communicate with me at any time, welcome to bother.
2. As specified by the teacher, try to avoid some scientific research topics, unless the teacher has done a good job for you to use, you must combine your own understanding level, and communicate directly with the teacher if the learning cost is too high. If the teacher can't help you completely, apply to change the topic.
3. You can search on the Internet or Github first to see if there is any relevant source code for reference, so that you know what to expect
5 specific functions
5.1 Registration and login functions
Users use the registration and login functions provided by the Mini Program to achieve the purpose of using other core functions. The application logic is for the user to click to enter the App, and select the login type as administrator or student, which correspond to administrator permissions and user permissions respectively. Select the student type, registered users enter the mobile phone number and password to log in; new users click the "Register" button to register, and log in through the user name and password after registration.
The registration module uses the mobile phone number as the user ID. The user fills in information such as mobile phone number, student number, name, major, grade and class, and edits the password and performs a second confirmation. If the user name is legal and the two passwords are the same, the registration is successful, and the user Registration information is written to the database for storage.
In the login module, after the user enters the phone number and password, the system calls the relevant information in the database and compares it with the information entered by the user. If the results are consistent, the user is identified as a legitimate user and the login is successful.
5.2 Garbage classification query
This function supports querying the classification methods and standards of the corresponding garbage through voice, text, etc., so that users can quickly and accurately complete the classification of domestic waste.
5.3 Garbage scheduled collection
Users can use the garbage reservation function to realize regular collection of household garbage, especially in scenarios where there is a lot of garbage and it is difficult to handle, which is convenient. The effect is as follows:
5.4 Garbage classification function
Users can use this function to view garbage classification examples and related key points, and the effect is as follows:
6.Backend module
An independent background module is designed for the administrator to review and view the contents of the applet and registered personnel, so as to facilitate subsequent management and maintenance.
5.5 Personal center function
The design of the personal center is relatively simple. Users can view, manage and modify personal information, my appointments, addresses and other information. The effect of personal center is shown in the figure below:
5.5 Backend functions
The backend is a backend management interface for administrators, which facilitates administrators to maintain and manage mini programs. The background uses the admin account to log in, and through the background, you can query, modify, delete and other operations on garbage classification information, appointment recycling information, and news information. The effect is shown in the figure below:
