微搭低代码零基础进阶课(第三课)

简介: 微搭低代码零基础进阶课(第三课)

低代码中除了分支、循环,还有一个比较重要的概念就是函数。在js中函数是用function关键字进行定义


function add(a,b){
  return a+b;
}
let sum = add(3,2)
console.log(sum)


一个函数的构成要素有几部分,add表示函数的名。a和b表示函数的入参,return表示返回值。函数调用的时候通过函数名调用,可以接收返回值并且输出。


微搭中函数的定义和javascript略有不同,函数的定义有几个地方。第一种是在common目录下创建公共函数,也叫模块。


export async function getopenid() {
  const { OPENID, FROM_OPENID } = await app.utils.getWXContext()
  let userId = FROM_OPENID || OPENID
  if(!userId) {
    const { wedaId } = await app.cloud.getUserInfo()
    userId = wedaId
  }
  console.log('userId:', userId)
  app.dataset.state.userInfo = {
    openId: userId
  }
  return userId
}

模块可以使用export进行导出,既可以导出变量,也可以导出方法。

如果其他模块要使用公共模块的需要使用import语句进行导入


import语句的话由三部分组成,第一部分是结构赋值语句,通过{}来进行结构赋值。第二部分是from语句。第三部分是导入模块的具体存放路径。

模块导入之后就可以通过函数名加()来访问了。


第二种是在handler里创建自定义方法

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

第三种就是在生命周期函数里实现具体的逻辑


import {getopenid} from '../common/getopenid'
export default {
  async onPageLoad(query) {
    //console.log('---------> LifeCycle onPageLoad', query)
    const { openid } = $app.dataset.state.userInfo
    let useOpenId = openid
    if(!useOpenId){
      useOpenId = await getopenid()
    }
    console.log('useOpenId', useOpenId)
    const {code, data} = await app.dataSources.yqfktg_d6c4wws.getOrders({
      "status": 1,
      "openId": useOpenId
    })
    console.log('data',data)
    if(code === 0){
      $page.dataset.state.inProgressOrder = data
    }
  },
  onPageShow() {
    //console.log('---------> LifeCycle onPageShow')
  },
  onPageReady() {
    //console.log('---------> LifeCycle onPageReady')
  },
  onPageHide() {
    //console.log('---------> LifeCycle onPageHide')
  },
  onPageUnload() {
    //console.log('---------> LifeCycle onPageUnload')
  },
}

熟练掌握方法的定义及使用也是进行低代码编程的基本功,好些初学者是因为没有基础概念,发现一旦做一些稍微复杂的应用就会无从下手,学习还是需要一点点的积累,略过基础直接进行实操有时候难免操之过急,走不少弯路。

相关文章
|
2月前
|
SQL 安全 API
课8-隐语SCQL的开发实践
SCQL 是一种用于安全联合数据分析的工具,开放API供用户集成。通过SCDBClient可体验其功能,支持开发封装产品或集成到业务。使用流程包括部署系统、项目设置和联合分析。SCQL部署涉及环境准备及SCDB和SCQLEngine启动。示例场景是金融机构Alice联合电商平台Bob进行用户画像分析。SCDB中,项目、身份认证、数据表管理和权限信息管理是关键概念。用户需创建数据库、用户、项目,并设置权限和CCL后,发起联合分析查询。SCQL架构包含SPU,支持P2P模式,可用于聚合查询等操作。SecretNote UI界面的部署和使用,用于演示SCQL的业务场景。
|
2月前
|
移动开发 小程序 UED
微搭低代码从入门到精通01应用介绍
微搭低代码从入门到精通01应用介绍
|
前端开发 JavaScript 小程序
微搭低代码零基础入门课
微搭低代码零基础入门课
微搭低代码零基础入门课
|
12月前
|
数据可视化 Oracle 搜索推荐
一文吃透什么是低代码开发?
一文吃透什么是低代码开发?
173 0
|
移动开发 小程序 JavaScript
微搭低代码入门教程04
微搭低代码入门教程04
微搭低代码入门教程04
《低代码开发师(初级)实战教程》电子版
本书基于“低代码开发师(初级)认证”的课程内容,对应课程中请假申请、招聘管理等场景,提供了详细的实践指导,让低代码的初学者快速掌握0代码搭建应用的技能。
84 0
《低代码开发师(初级)实战教程》电子版
微搭低代码零基础进阶课(第二课)
微搭低代码零基础进阶课(第二课)
微搭低代码零基础进阶课(第二课)
|
前端开发 JavaScript 小程序
微搭低代码零基础进阶课(第四课)
微搭低代码零基础进阶课(第四课)
微搭低代码零基础进阶课(第四课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
微搭低代码零基础进阶课(第一课)
|
小程序 JavaScript 前端开发
微搭低代码零基础入门课(第三课)
微搭低代码零基础入门课(第三课)
微搭低代码零基础入门课(第三课)