The school needs to collect the basic information of the students when the new students enroll. Low-code tools can be used to respond to such needs. We first need to analyze what information the new students collect.
- Name: used for student status management and identity verification.
- ID number: used for identity verification and student status management.
- Date of birth: used for student status management and age verification.
- Nationality/Region: Used for student status management and international student management.
- Home Address: For contacts and emergency contacts.
- Contact Number: For contact and emergency contact.
- Emergency Contact Information: For emergency contact.
- Academic certificates, transcripts and other supporting materials: used for academic certification and admission review.
- Photo: used for student status management and identity verification.
- Personal strengths, hobbies and other information: used for student management and tutoring.
To implement such a small program, we need to create a data source first
1 Create a data source
Enter our fields in turn
2 Create a custom application
After the data source is recorded, we need to create a custom application to store our applet
3 build function
First add a common container and put a picture component in it. Set the width of the normal container to 100%
Set the width of the picture to 100% and the height to 145px
The current height of the picture has not changed, you need to set the picture to crop and fill the
picture address We select a picture from the material and
place two under the picture component Text component, change the content to
Registration of student start information
Please follow the prompts to enter the corresponding information
Let's set the outer margin of the text.
Add a form container under the text. Select the data source we just created as the data source.
Set the field as a required item.
Set the verification rules for the ID number.
Regular expressions can also be used for verification. for
/^\d{17}[\d|x]|\d{15}$/
Where ^ means the beginning of the string, \d means a number, {17} means a number appears 17 times in a row, [\d|x] means a number or letter x, | means or, \d{15} means a number appears 15 times in a row , $ indicates the end of the string.
This expression can match 18-digit or 15-digit ID number. Among them, the last digit of the 18-digit ID number may be a number or letter x, and the 15-digit ID number does not have a check code for the last digit.
For personal strengths and hobbies, we change it to multi-line input.
After submission, we jump to the submission success page and create a new submission success page. The
page is placed in a normal container, and a picture and text component are added inside.
Set the width and height of the picture to 64px and
modify the text content to The submission is successful, and the picture is selected from the material.
Set the layout of the ordinary container to vertical arrangement, center alignment, and set the outer margin.
Return to the home page, select the form container, and change the event of returning to the previous page to open the page
4 Generating model applications
After the applet is developed, we need to create a model application for teachers to use.
Select our data source and automatically generate a page.
Click the navigation menu to automatically generate a menu.
Then click Publish to publish it to the enterprise workbench.
You can view it in the enterprise workbench. The data entered into our small program
5 Assign permissions
In order to provide it to the teacher, we also need to create a role, create a new teacher role and
assign corresponding permissions as needed
Add the corresponding user to the role in the user module and assign it to the role
Summarize
In this article, we set up a small program and management background with everyone based on the scene of freshmen entering school. It is very convenient to develop applications with low-code tools. The whole process is visual drag and drop without coding, which is very friendly for novices. To learn low-code development, start with the most basic requirements.