We made a small example in the first lesson , Click on the text component , A message pops up

In this section, we continue to introduce the relevant knowledge in low code .

API Application program interface （Application Programming Interfaces）, Is a common technical concept in low code , In low code, we have a lot of API have access to . Micro build low code provides two types API Interface , Divided into front end API Back end API.

front end API Including interface interaction interface 、 Tool related interfaces 、 Routing related interface 、 Data source related interfaces 、 Several types of platform related interfaces .

Display the pop-up effect in the way of code call

For example, in the example we introduced in Lesson 1 , Platform method called ,showModal Popup .

In addition to setting directly in the behavior , We can also call through code . You can write a custom method . Find the low code editor in the function menu in the upper left corner

Then under the corresponding page handler Click next to the + Number , Create custom method

Then from the front end of the official document API Find sample code in

Paste into the editor

export default function ({
      event, data }) {
    
    app.showModal({
    
        title: ' Tips ',
        content: ' This is a modal pop-up window ',
        success(res) {
    
            if (res.confirm) {
    
                console.log(' The user clicks OK ');
            } else if (res.cancel) {
    
                console.log(' The user clicks cancel ');
            }
        }
    });
}

After the custom method is created successfully, we can set it as a custom method in the behavior

Except that it can be called in low code api Outside , The most common is in expression calls api. For example, format the conversion date

Small example Format date

If a date type field is set in the data source , The time stamp is displayed in the front-end display , A string of numbers . In order to display normally, we need to format the timestamp , Become the date format we want .

Let's create a data source first , There's a title inside 、 Release date two fields , The type of release date is date type

Then add a data list component to the page , Set up the data source , Bind the content inside to the corresponding field

If you bind directly, the field displays a timestamp , A string of numbers , If we want to format the output, we can do it when the variable is bound , Call... Through an expression API To achieve

app.utils.formatDate(new Date(forItems.id8.faburiqi), 'yyyy-mm-dd')

After formatting the binding , You can see that the date can be displayed normally

Server side API The external system needs to integrate micro interface , You can call . Because it's an introductory course , Let's not introduce this for the time being , Small partners in need can study the official documents by themselves ： Server side API

summary

Let's talk about the calling front end of the middle note in this code. api Two ways , Then it introduces a small example of formatting dates . Low code learning also needs to be solid , Daily arch , More accumulation , When you do a project in the future, you can catch it .