今天给各位分享钉钉小程序开发案例的知识,其中也会对钉钉小程序开发教程视频进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、如何制作钉钉答题小程序
- 2、钉钉小程序(E应用)开发踩坑
- 3、钉钉小程序图表库AntV – F2 使用总结
如何制作钉钉答题小程序
1、首先,打开vs编程软件,在左上角新建文件。
2、其次,在网络上找个代码模板,按照自己的需求进行修改。
3、最后,即可完成钉钉答题小程序的开发。
钉钉小程序(E应用)开发踩坑
a、在钉钉开发平台创建小程序,并将自己的钉钉账号设置为开发人员;
b、在IDE中登录,关联应用;
c、上传完成后,即可在钉钉开发平台将上传版本设置为体验版。
npm install lodash // 安装第三方包
import lodash from ‘lodash’ // 载入第三方 npm 模块
注: 可能报错 error:cannot read property ‘prototype’ of undefined;
建议: import get from ‘lodash/get’ 单独引入用到的工具类
编译失败查看日志,通常是超过5M,是将根目录下的debug.log一起编译到项目中了,所以直接删除这个debug.log就可以编译通过了
钉钉小程序E应用在发版时会有一个老版本的缓存,每次发版后直接打开E应用,其实访问的是上一个版本的缓存,这个缓存会在发版后10分钟左右自动更新成最新版本,如果想要直接看到最新版本,可以退出钉钉登录账户,并杀掉钉钉进程,这样再进去后就是直接访问的最新版本了.
钉钉小程序图表库AntV – F2 使用总结
对于图表这块的开发,使用一些流行的图表库可以大大提高我们的开发效率,目前较为流行的图表库大概有Echarts,Hcharts,AntV,他们都是大同小异,我印象比较深刻的是Hcharts是支持多坐标轴的,Echarts好像是不支持的,但是对于小程序的选择我们选择的是阿里的AntV-f2,因为他明确指出了适合小程序开发,而且AntV-f2除了不支持一些document,其他的大部分功能都是支持的,我们就没有再考虑其他的库,但是官方并没有太多关于小程序的具体使用文档,我们只能根据js的相关事例翻译成小程序的语法。
钉钉小程序开发工具:
AntV – F2:
效果看着有点丑对不对……那我们就来实现一下设计师的效果图吧!具体功能:1.默认展示一个tooltip, 2.tooltip改变时展示对应x轴的数据,3.自定义tooltip
我们自定义一个默认的tooltip:, 就叫做def_item吧,当图表渲染完成设置def_item = {key: 100, value: 200},这里有个注意点,就是def_item的内容不是随便定义的,这里我们先不做多说,后面会说明这个def_item的key值时如何设置的。
通过查找tooltip的Api我们会发现它有3个事件的回调,在钉钉小程序中我们只能通过props来传递tooltip的回调
优化后的效果
钉钉小程序开发案例的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于钉钉小程序开发教程视频、钉钉小程序开发案例的信息别忘了在本站进行查找喔。