First, the technical route:
Development language: Java
Front-end technologies: JavaScript, VUE.js (2.X), css3
Database: MySQL 5.7
Database management tools: Navicat or sqlyog
Development tools: IDEA or Ecplise
II. Project Introduction:
Video loading...
3. Operation screenshot:
Chapter 4: Detailed design of the campus errand running system of the mini program
4.1 User WeChat terminal function module
To log in to the WeChat Mini Program, users need to register. In the Mini Program campus errands, users can log in, and users register: personal account, password, name, gender, email, mobile phone number to register, as shown in Figure 4-1.
Figure 4-1 User registration interface diagram
User login: The user enters the account number and password on the login page to log in, as shown in Figure 4-2.
Figure 4-2 User login interface diagram
The user logs in to the home page of the Mini Program campus errand running and views the corresponding operations of the home page, errand orders, order information, opinion corner, me, and other functional modules, as shown in Figure 4-3.
Figure 4-3 System home page interface diagram
My: On My Page, view user information, order information, evaluation information, activity information, user application, I want to post, My post and other functions to perform corresponding operations, as shown in Figure 4-4.
Figure 4-4 My interface diagram
User information: Click user information to enter the personal details page to modify personal account, name, gender, email, mobile phone number, photo and other content, click Save to update user information, or click to log out and log out of the system, as shown in Figure 4-5.
Figure 4-5 User information interface diagram
Activity information: Users can view the activity number, activity time, release date, activity introduction, activity content, etc. on the event information page, and if necessary, click Apply, enter the application page to fill in the remarks and submit, as shown in Figure 4-6 4-7.
Figure 4-6 Activity information interface diagram
Figure 4-7 Application interface diagram
Errand order, the user on the errand order page, by editing and filling in the order number, order name, location type, place of departure, destination, related pictures, errand running fee, status, personal account, name, mobile phone number, release date, click Submit for release, as shown in Figure 4-8.
Figure 4-8 Errand order interface diagram
I want to post: Users fill in the post title, content through the I want to post page, and view special post comments, as shown in Figure 4-9.
Figure 4-9 I want to post interface diagram
4.2 Errand runner WeChat terminal function module
To log in to the WeChat mini program, errand runners need to register. In the Mini Program campus errands, errands runners can log in and fill in: errand running account, errand suit name, gender, email address, and contact mobile phone to register, as shown in Figure 4-10.
Figure 4-10 User registration interface diagram
Errand runner: The errand runner enters the errand account and password through the login page to log in, as shown in Figure 4-11.
Figure 4-11 Errand runner login interface diagram
Log in to the homepage of the Mini Program campus errand runner, and the errand runner can see the corresponding operations of the home page, errand running order, order information, opinion corner, me and other functional modules, as shown in Figure 4-12.
Figure 4-12 System home page interface diagram
My: On my page, you can perform corresponding operations on errand runner information, errand orders, order information, evaluation information, activity information, errand runner participation, I want to post, my post and other functions, as shown in Figure 4-13.
Figure 4-13 My interface diagram
Errand runner: Click errand runner information, you can modify the errand running account, errand suit name, gender, email, contact mobile phone, photo and other content, click Save to update the errand runner information, or click Logout to log out and log out of the system, as shown in Figure 4-14.
Figure 4-14 Errand runner interface diagram
Errand orders: On the errand order page, view the order number, order name, location type, place of departure, destination, related pictures, errand running fees, status, personal account, name, mobile phone number, release date and other content, if there is a need to receive orders to review the user, complete the review click the order receiving system will jump to the order receiving page, as shown in Figure 4-15 4-16.
Figure 4-15 Errand order interface diagram
Figure 4-16 Review interface diagram
On the event information page, errand runners can check the activity number, activity time, release date, and activity introduction of the event
If necessary, click the Participate button to enter the participation page and fill in the remarks to submit, as shown in Figure 4-17.
Figure 4-17 Activity interface diagram
Figure 4-17 participation interface diagram
4.3 Administrator server function module
The administrator logs in by entering the user name, password, role, etc., logs in to the system background, and performs the corresponding operation, as shown in Figure 4-18 below.
Figure 4-18 Administrator login boundary surface
The administrator logs in to enter the background of WeChat mini program campus errands, and the administrator views the home page, personal center, user management, errand runner management, errand order management, order information management, evaluation information management, activity information management, user application management, errand runner participation management, opinion corner, system management, etc. for corresponding operations, as shown in Figure 4-19 below:
Figure 4-19 Admin Functional Boundary Surface
User management: On the User Management page, administrators can perform details, modifications, deletions, and additions to user information such as user accounts, user names, genders, avatars, and phone numbers, as shown in Figure 4-20 below.
Figure 4-20 User management interface diagram
Errand runner management: The administrator can view the errand running account, errand suit name, gender, email address, contact mobile phone, photo and other content through the errand runner page, and can perform operations such as adding, viewing, modifying, and deleting details, as shown in Figure 4-21 below.
Figure 4-21 Item type management interface diagram
Errand order management: The administrator can view, modify, delete and review the errand order number, order name, location type, place of departure, destination, related pictures, errand running fees, status, personal account, name, mobile phone number, release date and other content of the errand order, as shown in Figure 4-22 below.
Figure 4-22 Errand order management interface diagram
Order information management: The administrator can view the order number, order name, location type, place of departure, destination, related pictures, personal account, name, mobile phone number, order status, errand account number, errand name, contact mobile phone, operation time, as well as view payment details, review and reply through the order information page, as shown in Figure 4-23 below.
Figure 4-23 Order information management interface diagram
Event information management: The administrator can edit the event number, event name, event picture, event time, release date, and event content through the event information page, as shown in Figure 4-24 below.
Figure 4-24 Activity information management interface diagram
Errand runner participation management: The administrator checks the participation of errands, reviews the errand runner's participation in activities, and replies to the errand runner, as shown in Figure 4-25 below.
Figure 4-25 Errand runner participation management interface diagram
system administration; The administrator can upload the carousel image on this page, and add a new image to the carousel image through the new operation, modify the uploaded picture, and delete the picture, as shown in Figure 4-26 below.
Figure 4-26 Rotating map management interface diagram