高效钉钉小程序开发丨Hello,dingtalk
刚开始学习编程,都是从Hello,world!开始,此次我们依旧不能避俗,还是以Hello,开始我们的第一个项目,但不再是world了,是dingtalk。记得当初学习Java编程的时候,看到大佬使用记事本编写代码的教程时,热血沸腾,感觉这样操作逼格很高。如今做了多年的开发后,才发现实用才是王道。而一款得心应手的工具,能够使我们事倍功半。
钉钉小程序开发官方有自己的开发工具,初次安装后也许你会感到迷茫,为何上面有很多的选项,在钉钉一栏中也有很多选项,我该选择哪个进行创建项目呢?无论是开发钉钉小程序,还是微信小程序,说白了,我们是在做二次开发。如果你对阿里的产品有一定的了解的话,你就会发现上面大多数是阿里旗下的产品,可以使用开发者工具来进行二次开发。对于钉钉小程序而言,其有三种类型,企业内部应用、第三方企业应用、第三方个人应用。而本专辑将以开发企业内部应用来学习钉钉小程序开发。
创建第一个小程序
在正式开始学习之前,我们先创建一个小的项目来体验体验,打开小程序开发者工具,选择钉钉--->企业内部应用--->右侧窗体的+号开始创建项目。
开发者工具界面划分
小程序开发者工具与其他的开发者工具基本一样,顶部为常用的菜单导航,中间分为四大板块(侧边导航、资源目录、工作区、模拟器),底部为页面路径以及页面的行列等信息。
修改标题栏内容
我们可以从上图中看到,我们第一次创建项目后,它自动编译完成并在模拟器上显示了。现在我们打开app.json页面,将标题栏改为Hello,dingtalk!
修改页面内容
我们的模拟器上面,标题栏已经发生了变化。接着我们来修改内容页面,将页面内容改为“Hello,dingtalk!”,并将字体颜色变为红色,字体为20px。打开pages--->index--->index.axml(页面视图)--->index.acss(标签样式)进行修改。
本节仅仅是对钉钉小程序有一个简单的认知,我们可以发现其和web页面写法没有很大的差别,我们还是通过css来控制标签样式,还是通过标签来控制页面的数据渲染。下一节我们将对Hello,dingtalk!进行详细的说明。