我们在第一课中制作了一个小例子，点击文本组件，弹出一个消息

本节我们继续介绍低代码中的相关知识。

API应用程序接口（Application Programming Interfaces），是低代码中常见的技术概念，在低代码中我们有很多的API可以使用。微搭低代码提供了两类API接口，分为前端API和后端API。

前端API包含界面交互接口、工具相关接口、路由相关接口、数据源相关接口、平台相关接口几类。

用代码调用的方式显示弹窗效果

比如我们在第一课介绍的例子里，调用了平台方法，showModal弹窗。

除了在行为里直接设置外，我们还可以通过代码的方式调用。可以写一个自定义方法。在左上角的功能菜单里找到低代码编辑器

然后在对应页面下的handler里点击旁边的+号，创建自定义方法

然后从官方文档的前端API里找到示例代码

粘贴到编辑器中

export default function ({ event, data }) {
    app.showModal({
        title: '提示',
        content: '这是一个模态弹窗',
        success(res) {
            if (res.confirm) {
                console.log('用户单击确定');
            } else if (res.cancel) {
                console.log('用户单击取消');
            }
        }
    });
}

自定义方法创建成功后我们就可以在行为那设置为自定义方法

除了低代码中可以调用api外，最常用的是在表达式调用api。比如格式化转换日期

小例子 格式化日期

如果在数据源中设置了日期类型的字段，在前端展示的时候显示的是时间戳，一串数字。为了正常显示我们需要对时间戳进行格式转换，变成我们希望的日期格式。

我们先创建一个数据源，里边有标题、发布日期两个字段，发布日期的类型是日期类型

然后在页面中添加一个数据列表组件，设置好数据源，将里边的内容绑定为对应的字段

如果你直接绑定字段显示的是时间戳，一串数字，我们如果希望格式化输出就可以在变量绑定时，通过表达式里调用API来实现

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

格式化绑定后，就可以看到日期已经可以正常显示了

服务端API是外部系统需要集成微搭接口的，可以调用。因为是入门课，咱们暂时不介绍这块，有需要的小伙伴可以自行研读官方文档：服务端API

总结

咱们这节课主要讲解了低码中调用前端api的两种方式，然后介绍了一个格式化日期的小例子。低码学习还需要扎扎实实，日拱一卒，积累的多了，日后做项目就手到擒来。