0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

大佬教程:低代码如何体系化的学习

发表时间:2023-11-05 16:32:31

文章来源:炫佑科技

浏览次数:217

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

大佬教程:低代码如何体系化的学习

@@

目录

上周大佬教程:低代码如何体系化的学习,我在交流群中与一家低代码厂商的技术总监进行了交流。 他认为低代码作为开发工具产品,需要从0到1的系统教程,更需要老师的辅助。 否则,学习低代码很难,入门也很困难。

@@

对于技术负责人的意见我也深有体会。 因为大家习惯了用代码编程,突然过渡到可视化编程,思维上有一个变化。 当我们使用代码编程时,前端写标签,后端写if/else和for循环来进行逻辑处理。 @@

那么如何系统地学习低代码呢? 这里我们按照代码的方式来学习和比较。 @@ 1 构建开发工具

一般我们如果使用微信开发工具,就需要安装工具开发小程序。 低代码工具不需要安装并且在线编程。 但和开发工具一样,低代码也需要与小程序绑定。 我们一般需要在开发工具中配置自己小程序的appid。 如果我们使用云开发,我们还需要启用云开发。 @@

当我们使用低代码开发我们需要在小程序认证区绑定自己的小程序。

@@ 我的一个绑定成功,另一个失败。 失败的原因是小程序和我们的低码账号不是同一实体,也就是说必须用自己的微信账号申请,不能绑定别人的小程序。 @@ 2 创建项目

我们使用微信开发工具,当我们打开该工具时,会要求我们创建一个项目。 创建项目就是在本地新建一个文件夹,然后根据小程序项目的要求生成对应的目录结构。 比如有js、json、wxml、wxss等@@

当我们谈论以低代码创建项目时,我们指的是创建应用程序。 一个应用程序相当于一个项目。 与小程序不同,低代码的覆盖范围更广,既可以创建PC端项目,也可以创建移动端项目。 对于移动项目,不仅可以创建小程序,还可以创建H5。 @@

而比小程序更方便的是微信小程序低代码开发,可以基于模板创建低代码项目。 所谓模板,是指提前开发好的一个项目,就像我们从上面克隆过来的一样。 克隆后,整个项目的源代码将被下载到本地。 低代码基于模板创建新项目就是将完成的项目安装到自己的空间中。 这样你就拥有了一套成熟的模板,可以在其上进行修改。 这无疑大大提高了开发效率。 @@

@@

@@@@ 3 功能开发

微信小程序创造了一套独特的语法,即wxjs、wxml和wxss。 如果我们想要开发必然会增加很多难度,因为我们要学习一套单独的语法。 对于低代码,组件使用react,它在低代码编辑器中使用。 后台方法用的是云函数,学一下就行了。 一般来说,只要学会JS开发低代码应用程序就没有问题。 @@

低代码也有页面的概念,但它是可视化创建的。

@@开发页面时,完全是可视化拖拽,不需要学习任何语法知识。

@@如果需要给组件设置事件,可以使用平台方法或者自定义方法。

@@自定义方法按照Js语法编程@@

export default {
  async onAppLaunch(launchOpts) {
    //console.log('---------> LifeCycle onAppLaunch', launchOpts)
    const { OPENID, FROM_OPENID } = await app.utils.getWXContext()
    let userId = FROM_OPENID || OPENID
    if (!userId) {
      const { wedaId } = await app.cloud.getUserInfo()
      userId = wedaId
    }
    app.dataset.state.openid = userId
    console.log(app.dataset.state.openid)
    const result = await app.cloud.callmodel({
      name: 'user_h4la7ee',
      @H_290_207@methodName: 'wedaGetRecords',
      params: {
        "where": [
          {
            "key": @H_433_211@"openid",
            "rel": "eq",
            "val": app.dataset.state.openid
          }
        ]
      }, // 方法入参
    });
    console.log(result.@R_618_10586@l)
    if(result.@R_618_10586@l ===1){
      app.dataset.state.islogin = true
      app.dataset.state.imageUrl = result.records[0].imageUrl
      app.dataset.state.nickName = result.records[0].nickName
    }
    console.log(app.dataset.state.islogin,app.dataset.state.imageUrl,app.dataset.state.nickName)
    const adminresult = await app.cloud.callmodel({
      name: 'admin_qohkmr5',
      @H_290_207@methodName: 'wedaGetRecords',
      params: {
        "where": [
          {
            "key": @H_433_211@"openid",
            "rel": "eq",
            "val": app.dataset.state.openid
          }
        ]
      }, // 方法入参
    });
    console.log(app.dataset.state.openid)
    console.log(adminresult)
    if(adminresult.@R_618_10586@l===1){
      app.dataset.state.isadmin = true
    }
    console.log("isadmin",app.dataset.state.isadmin)
  },
  onAppShow(appShowOpts) {
    //console.log('---------> LifeCycle onAppShow', appShowOpts)
  },
  onAppHide() {
    //console.log('---------> LifeCycle onAppHide')
  },
  onAppError(options) {
    //console.log('---------> LifeCycle onAppError', options)
  },
  onAppPageNotFound(options) {
    //console.log('---------> LifeCycle onAppPageNotFound', options)
  },
  onAppUnhandledRejection(options) {
    //console.log('---------> LifeCycle onAppUnhandledRejection', options)
  }
}

4 后端实现

小程序一般只能解决前端交互功能。 后端功能必须自己开发,安装到服务器上时需要暴露接口。 但一般我们的后端服务需要身份验证,不能像网站一样公开使用。 低代码提供后端云功能,可以直接使用。如果官方的不满足要求,也可以自己写代码

@@

@@@@

/**
* 使用 npm 包 request 发送http请求, 详细使用文档可以参
*  https://github.com/request/request#readme
*/
const cloud = require('wx-server-sdk')
cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV,
})
module.exports =async function (params, context) {
  // params 即为入参定义的结构, 可以在 request 的请求配置中使用 params
  try {
    console.log("cloud",params.templatEID)
    const result = await cloud.openapi.subscribemessage.send({
        "touser": params.openid,
        "page": 'my',
        "lang": 'zh_CN',
        "data": {
          "thing2": {
            "value": params.thing2
          },
          "date3": {
            "value": params.date3
          }
        },
        "templatEID": params.templatEID,
        "miniprogramState": 'trial'
      })
    console.log("result",result)
    return result
  } catch (err) {
    return err
  }
};

5 老年人想开始编程,年龄是问题吗?

有些人可能随着年龄的增长想学习一门技能,也可能看到IT行业相对较高的薪资后也想学习编程。 年龄是学习编程的限制因素吗? 如果你只是感兴趣,我还是建议你学习低代码,因为工具解决了编程门槛问题,可以快速开发应用程序。 如果你想找工作,低代码实际上是一个很好的入门方式。 毕竟老板只是提出需求,你只要给他们提供一套可用的软件就可以了。 至于你是用拖拽式开发还是手写代码,老板并不太关心。 将来,当你在某个行业积累了足够的经验时,养活自己就不是什么大问题了。 @@总结一下

今天我们花了一定的篇幅简单介绍了如何使用低代码从0到1构建应用程序。 当然,正如我一开始所说的,想要熟练地开发应用程序,就必须找到一套系统的教程和老师的帮助。 想要跨行业、进入软件开发领域的人不妨尝试一下低代码的解决方案,希望能给你带来不一样的体验。 @@

老板总结

以上就是大教程为您收集的从0到1使用低代码开发小程序的全部内容。 希望文章能够帮助大家解决从0到1使用低代码开发小程序遇到的程序开发问题。。

如果您觉得大哥教程网站的内容不错,欢迎您将大哥教程推荐给您的程序员朋友。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多