当前位置:网站首页>微搭低代码零基础入门课(第三课)
微搭低代码零基础入门课(第三课)
2022-04-23 18:46:00 【低代码布道师】
开通了微搭低代码账号之后,我们就一只脚踏入了软件开发这个领域。不管你是安装官方模板进行二次开发也好,还是创建自定义应用从零开始也罢。既然开发就要具备排错的能力,专业术语叫debug,也叫断点调试。
因为咱们这个是线上的集成开发环境,就不能和传统开发在IDE里那么方便。所以并不是像传统开发一样可以打断点,当程序运行到断点处自动停下来,我们可以从堆栈中查看变量的情况。微搭低代码的开发语言是javascript,那么就需要掌握javascript如何进行程序调试。
在微搭中一共有四种调试方法
1 在控制台输出
应用编辑器中提供了控制台,控制台我们可以观察变量的方法和值

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

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

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

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

控制台中红色的就是具体的错误,有时候会打印出错的详细信息,从报错信息具体进行排查。排错的能力是程序员必备的能力,有时候需要自己思考,大部分我们先百度一下看看是否有人解决过类似的问题。
为什么你可以百度呢,因为许多人是有分享精神的,比如你现在看到的这篇文章就是博主根据自己的经验编制的,为了后来学习的人员有个参考。
3 在低代码中输出
一般控制台输出的错误大部分是语法错误,要么是你违反了语法的规则,要么是你调用了错误的方法。还有一类错误是逻辑错误,所谓的逻辑错误是没有得到预期的结果,比如你定义了个变量,本来预期是有值的,结果预览的时候发现啥也没有,这个时候就需要排错。
如何排错呢?我们就需要借助打桩的技术,所谓的打桩就是在低代码中通过,console.log()来进行输出,console.log()方法里边可以传多个参数,参数之间用逗号隔开。

上图中我标红的部分就是打桩,我是输出了变量的值和类型,看看程序究竟在哪里出错了。输出的信息还是在控制台里查看,既可以在应用编辑器的控制台里看,也可以在浏览器的开发者工具里查看。
要想编出正确的程序就需要不断的调试,最终将结果变得符合预期。
4 在小程序中输出
除了上述的调试方法外,如果我们调用了微信的api的,在浏览器里是没有效果的,这个时候就需要我们把程序发布到手机里进行查看。点击发布按钮,可以发布成预览版进行调试

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

这样就可以看到具体信息了。
总结
本节课讲解了低代码中调试的方法,掌握方法之后就好干活了。
版权声明
本文为[低代码布道师]所创,转载请带上原文链接,感谢
https://easycode.blog.csdn.net/article/details/124341505
边栏推荐
- Seata处理分布式事务
- 教你用简单几个步骤快速重命名文件夹名
- Druid SQL和Security在美团点评的实践
- ESP32 LVGL8. 1 - checkbox (checkbox 23)
- Daily network security certification test questions (April 15, 2022)
- 程序员如何快速开发高质量的代码?
- 使用 bitnami/postgresql-repmgr 镜像快速设置 PostgreSQL HA
- Function recursion and solving interesting problems
- On iptables
- Click the input box to pop up the keyboard layout and move up
猜你喜欢

Halo 开源项目学习(七):缓存机制

Excel intercept text

ESP32 LVGL8. 1 - arc (arc 19)

Kettle paoding jieniu Chapter 17 text file output

Use bitnami / PostgreSQL repmgr image to quickly set up PostgreSQL ha

How to virtualize the video frame and background is realized in a few simple steps

PyGame tank battle

Esp32 (UART receiving and sending) - receiving and sending communication of serial port (4)

Introduction to quantexa CDI syneo platform

【数学建模】—— 层次分析法(AHP)
随机推荐
CISSP certified daily knowledge points (April 14, 2022)
实战业务优化方案总结---主目录---持续更新
Resolution: cnpm: unable to load file \cnpm. PS1, because running scripts is prohibited on this system
Nacos作为服务配置中心实战
Screenshot using projectmediamanager
[mathematical modeling] - analytic hierarchy process (AHP)
ctfshow-web362(SSTI)
os_authent_prefix
Go language GUI framework Fyne Chinese garbled or not displayed
Sentinel服务熔断实战(sentinel整合ribbon+openFeign+fallback)
Setting up keil environment of GD single chip microcomputer
MySQL statement
Advanced transfer learning
K210串口通信
ctfshow-web362(SSTI)
关于unity文件读取的操作(一)
CISSP certified daily knowledge points (April 15, 2022)
ESP32 LVGL8. 1 - textarea text area (textarea 26)
解决:cnpm : 无法加载文件 ...\cnpm.ps1,因为在此系统上禁止运行脚本
QT curve / oscilloscope customplot control