玩转微信应用号,「小程序」开发实操指南第六弹

怎样将一个「服务号」改造成为「小程序」?全球首个微信应用号开发教程第六弹。

钛媒体注:钛媒体作者博卡君对于“应用号的最终形态”与“怎样将一个「服务号」改造成为「小程序」”的话题上,有着自己的独特的理解。他想要用第三方工具的实例,来演示开发过程。今天,他为我们带来《微信小程序分组开发与左滑功能实现》的内容。感兴趣的朋友,也不要错过此前钛媒体发布的第一弹第二弹第三弹第四弹第五弹中的精彩内容。第九章:微信小程序拍照收纳开发以及删除名片等

还是先来看看我们今天的主题——拍照收纳。

拍照收纳分为:上传图片/识别名片、手动填写名片信息两个路径,这里只说下拍照识别,手动填写和前面的编辑名片是同样的页面,大家可以翻翻之前的教程。

这个布局很快,wxml 没多少内容。

拍照收纳的原理是收纳名片功能,步骤是打开微信的拍照 API,同时支持选择本地图片 wx.chooseImage 接口。

取到图片路径需上传图片文件到后台服务器,这里参照文档打印三个回调。

但是我发现在开发者工具测试的时候,没有任何打印信息,后台同样也没有接到我上传过去的图片。

选择一张图片,点击打开后。控制台的 console 没有成功或者失败的回调。

由于尚处内测版本,暂时还不确定是开发者工具上的 bug 还是 API 接口问题,总之这里影响了小程序开发,我已经写邮件给微信做了反馈。

如果图片上传成功,后台取到图片会去调一个识别信息操作,最后把识别到的信息传给我们前台进行渲染,最后把信息保存到名片夹里面,收纳名片流程才算走通。

再补充下名片夹页面的名片删除吧:

每个名片夹后面都带个删除功能,这个功能是通过左滑出现。

点击删除,出现是否确定删除弹框(使用自带的模态框组件)。

确定与取消事件。

由于这里名片分为,线上收纳与线下收纳。故而多了个 if 判断,走的删除 request 不是一个接口,其他都相差不多。这里最重要的是要获取到 cardId,才能知道被删除的是哪张名片。

名片的父元素绑定的全部事件,以及需要用到的一些自定义参数。Id 用在左滑上 data-card_id 用在页面跳转与删除上,data-card_type 用在判断线上与线下名片。

cardId 可以在 bindtouchstart 上取到,因为左滑事件是发生 bindtouchstart 事件上。

当然后面需要用到的值还是先定义个 var 存起来。

删除完之后还需重新刷新下首页。

并且提升下用户体验,告诉用户名片删除成功。

最后一提,当列表很多时,我们需要确定点击到的是那个信息。

上面的信息都是 block 循环出来的,bindtap 点击事件,然后就是 id=”{{pms.type}}”,重点就是这个 id 来判断被点击的对象。

操作数据,我们一定要先熟悉好数据的结构,故而在开发前和后台一定要约定好数据结构,熟悉数据结构后,其实开发起来就如庖丁解牛,非常快速(大家开发了小程序后,有没有对 zepoto 与 jQuery 产生反感?哈哈!)

好了,关于拍照组件的相关内容就写到这里吧!这一章内容就算是博卡君教程的完结篇了。虽然写的内容中包含小程序开发工具的问题,不过我还是推荐大家都尝试调用一下拍照相关功能,看看这些问题在你的机器上会不会出现。按照微信的官方文档,我尝试给 weixin_developer@qq.com 那个邮箱发了邮件报告 bug。没想到很快收到了官方回复,确认了这点。希望尽快得到更新版,一起期待吧?

更多商业新知,关注钛媒体微信号:钛媒体(ID:taimeiti)

钛媒体微信二维码

本文系作者 博卡君 授权钛媒体发表,并经钛媒体编辑,转载请注明出处、作者和本文链接
本内容来源于钛媒体钛度号,文章内容仅供参考、交流、学习,不构成投资建议。
想和千万钛媒体用户分享你的新奇观点和发现,点击这里投稿 。创业或融资寻求报道,点击这里

敬原创,有钛度,得赞赏

赞赏支持
发表评论
0 / 300

根据《网络安全法》实名制要求,请绑定手机号后发表评论

登录后输入评论内容
  • 百元购商城

    回复 2016.10.01 · via pc

快报

更多

13:51

泰国迈出赌场合法化第一步,以期提高旅游收入

13:50

北交所拟于3月30日开展启用新证券代码号段第二次全网测试

13:49

上海市低空协同管理示范区在金山揭牌

13:46

林毅夫:若中国经济增长5%,对世界经济贡献率还将上升1个百分点

13:38

航运板块震荡走高,招商南油涨停

13:37

原国泰君安电子首席王聪加盟浦银安盛,担任研究副总监

13:34

焦煤期货主力合约大跌4%,焦炭期货跌超3%

13:29

今年前2个月中关村企业实现技术收入3477亿元,同比增长38.8%

13:28

金山办公:WPS AI目前已有定价方案,近一两周逐渐开始做灰度测试

13:26

刘振民:若西方国家对中国新能源产品进行脱钩,则全球可再生能源成本增加20%

13:18

工信部:1-2月规模以上电子信息制造业增加值同比增长14.6%

13:15

OpenAI向派拉蒙、环球和华纳兄弟探索等展示其视频生成技术Sora

13:14

固态电池概念走强,三祥新材4天3板

13:13

5.5G、通信板块午后异动,盛路通信涨停

13:03

机构:2023年中国光电显示产业投资金额约3068亿元,同比下降15.6%

13:01

民生银行李彬:预期2024年全行业净息差将延续下降趋势,公司净息差将持续承压

13:00

中国石油总裁黄永章:确保发展传统油气能源同时积极打造“第二曲线”

12:58

韩国半导体产量创14年来最大增幅

12:57

美股第一季度以强势收官,市值暴增4万亿美元

12:56

推进零碳电力转型,周小川强调需设定清晰的激励政策

224
1
205

扫描下载App