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