0 foundation a literature club low code development member management applet (5)

1 Chapter five ： Invoice management function development

1.1 Last article review

In the last article, we introduced the development of consumption function in detail , By adding a new consumption record field and adding a user-defined method to reduce the balance . And we also introduced the development of functions by cloning pages .

1.2 This paper introduces

This chapter explains the daily invoice management functions , As a member, if you can provide Invoicing Services , Undoubtedly, it can improve the use experience of members . The development process is the same as our low code approach , Include

New data sources

New page

Develop page functions

Preview release

1.3 New data sources

We add a new data source for invoice management in data source management , Establish the necessary information for invoice collection

Method, the platform generated can meet our needs

1.4 New page

We create a new page in page management , Invoice application

1.5 Development page

The logic of the application page is relatively simple , Members enter the necessary information for the invoice , Submit . In order to achieve the form submission function , We need to add a form container component first

Select the slot of the form container , Add the required fields in turn

First, add a form mobile component , Modify the form field name to be consistent with the data source field

Add the remaining fields in the same way , Add button components after adding fields

Then set the submit event on the form container , Select the data source as invoice management

We need to jump from the home page to the invoice application page , from iconfont Download required icons from

Select the image component on the home page to upload the resources , And modify the text to invoice application

Add a click event to the container component , Jump to the invoice application page

1.6 Preview release

Click preview to perform function test

1.7 The next trailer

We use a certain space to introduce the development of the member management system , It's almost over . In the next article, we will add a navigation bar to the bottom of the applet , You can switch between home page and member functions , In addition to querying basic information, the membership function , You can also query member history recharge records and consumption records . Okay , See you next time .