微搭低代码零基础入门课(第三课)

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

开通了微搭低代码账号之后,我们就一只脚踏入了软件开发这个领域。不管你是安装官方模板进行二次开发也好,还是创建自定义应用从零开始也罢。既然开发就要具备排错的能力,专业术语叫debug,也叫断点调试。

因为咱们这个是线上的集成开发环境,就不能和传统开发在IDE里那么方便。所以并不是像传统开发一样可以打断点,当程序运行到断点处自动停下来,我们可以从堆栈中查看变量的情况。微搭低代码的开发语言是javascript,那么就需要掌握javascript如何进行程序调试。

在微搭中一共有四种调试方法

1 在控制台输出


应用编辑器中提供了控制台,控制台我们可以观察变量的方法和值

可以直接在控制台输入变量名,比如$page,观察这个变量的属性和方法

展开对象可以看到变量的属性和方法名,方便我们在代码中调用

2 在浏览器中输出


有时候有些错误在控制台里查看不了,我们需要在浏览器中查看,点击预览按钮

浏览器中我们需要按F12打开开发者工具,在开发者工具中查看具体的报错信息

控制台中红色的就是具体的错误,有时候会打印出错的详细信息,从报错信息具体进行排查。排错的能力是程序员必备的能力,有时候需要自己思考,大部分我们先百度一下看看是否有人解决过类似的问题。

为什么你可以百度呢,因为许多人是有分享精神的,比如你现在看到的这篇文章就是博主根据自己的经验编制的,为了后来学习的人员有个参考。

3 在低代码中输出


一般控制台输出的错误大部分是语法错误,要么是你违反了语法的规则,要么是你调用了错误的方法。还有一类错误是逻辑错误,所谓的逻辑错误是没有得到预期的结果,比如你定义了个变量,本来预期是有值的,结果预览的时候发现啥也没有,这个时候就需要排错。

如何排错呢?我们就需要借助打桩的技术,所谓的打桩就是在低代码中通过,console.log()来进行输出,console.log()方法里边可以传多个参数,参数之间用逗号隔开。

上图中我标红的部分就是打桩,我是输出了变量的值和类型,看看程序究竟在哪里出错了。输出的信息还是在控制台里查看,既可以在应用编辑器的控制台里看,也可以在浏览器的开发者工具里查看。

要想编出正确的程序就需要不断的调试,最终将结果变得符合预期。

4 在小程序中输出


除了上述的调试方法外,如果我们调用了微信的api的,在浏览器里是没有效果的,这个时候就需要我们把程序发布到手机里进行查看。点击发布按钮,可以发布成预览版进行调试

有小伙伴不知道小程序怎么进行调试,点击小程序右上角的三个点,可以找到调试,就打开了调试界面,在里边查看是否有报错信息,或者查看输出的结果进行排错

这样就可以看到具体信息了。

总结


本节课讲解了低代码中调试的方法,掌握方法之后就好干活了。

相关文章
|
存储 SQL NoSQL
MongoDB 6.0 新特性概览
正如发布MongoDB 5.0时承诺的更快发布频率,年度大版本MongoDB 6.0也于2022年正式跟广大数据库爱好者们见面了。目前阿里云MongoDB已经完成了对6.0版本的适配工作,大家可以直接在官网控制台进行购买和尝鲜体验!
MongoDB 6.0 新特性概览
|
Java 应用服务中间件 网络安全
Tomcat配置ssl协议及遇到的问题https页面无法访问
Tomcat配置ssl协议及遇到的问题https页面无法访问
|
存储 自然语言处理 数据处理
PaddleNLP--UIE--小样本快速提升性能(含doccona标注
需求跨领域跨任务:领域之间知识迁移难度高,如通用领域知识很难迁移到垂类领域,垂类领域之间的知识很难相互迁移;存在实体、关系、事件等不同的信息抽取任务需求。 - 定制化程度高:针对实体、关系、事件等不同的信息抽取任务,需要开发不同的模型,开发成本和机器资源消耗都很大。 - 训练数据无或很少:部分领域数据稀缺,难以获取,且领域专业性使得数据标注门槛高。
PaddleNLP--UIE--小样本快速提升性能(含doccona标注
|
SQL 负载均衡 网络协议
高性能数据访问中间件 OBProxy(四):一文讲透连接管理
引言上篇内容我讲到 OBProxy 的问题排查,将你在使用 OBProxy 时可能遇到的问题一一分析,并给出经过实践验证的解决方案。从本篇开始,我将介绍 OBProxy 在OceanBase分布式架构中的作用和原理,帮助你更透彻地了解OBProxy,实现“好用”和“用好”。同时,OBProxy 在上百家企业的持续运行,我积累了大量的工程实践经验,也将遇到的问题作为案例,伴随 OBProxy 的原理
722 111
高性能数据访问中间件 OBProxy(四):一文讲透连接管理
|
存储 人工智能 编译器
最详细的【指针】详解---C语言从入门到精通
最详细的【指针】详解---C语言从入门到精通
1131 0
最详细的【指针】详解---C语言从入门到精通
|
开发框架 弹性计算 运维
阿里云无影研发负责人任晋奎:无影核心技术能力突破,打造云网端融合的全新体验
 8月11日,2022阿里云飞天技术峰会在深圳顺利召开,峰会以“聚焦核心技术,激活企业内生动力,持续释放技术红利”为主题,探讨企业如何在新一代云计算体系架构之上激活业务、技术、产品的内生动力。
885 1
|
机器学习/深度学习 算法 数据挖掘
全网最快入门———R语言机器学习实战篇7《logistic回归》
R 语言是为数学研究工作者设计的一种数学编程语言,主要用于统计分析、绘图、数据挖掘。 机器学习是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。
全网最快入门———R语言机器学习实战篇7《logistic回归》
|
存储 Java
(加强版)大数加减乘除,一文彻底搞定
大家好,我是bigsai!(上次发布的忘加原创并且今天的把内容扩充了一下)最近,大数加减频频登上笔试的舞台,小伙伴们在群里也分享自己遇到面试官碰到大数运算的题目,想着这么重要而简单的知识点我还没写过,那得好好和大家一起总结一下。
480 0
(加强版)大数加减乘除,一文彻底搞定
|
SQL 关系型数据库 MySQL
Mysql同环比计算详解
Mysql同环比计算详解
1677 0
Mysql同环比计算详解
【琐琐碎碎小知识】 Visual Studio 2019 查看类文件的类图
【琐琐碎碎小知识】 Visual Studio 2019 查看类文件的类图
639 0
【琐琐碎碎小知识】 Visual Studio 2019 查看类文件的类图