微信小程序开发(二)与网站交互与页面跳转

继上次挖坑之后,继续用力地挖掘着..

到现在总算有点收获

目前,我实现了与页面的跳转, tabBar 的添加, 以及与网站的交互等功能.

不过, 通过一些例子看起来, 小程序开发果然除了别扭一些 ,还算是比较简单的.

上图以示有料:

如图所示, 我这次是以一个 在线通讯录作为模版的, 有数据库常用的 增删查列等功能(一般的数据库操作功能).

并且添加了 tabBar 菜单(最多 5个, 不过我加这么多也只能说是正好)

如图所示的功能: 列表 , 增加, 查询

这是列表页面

这是添加信息的页面

这是添加后的页面

然后这是查询结果的页面

总是,是全都做到了 ,就如同这个截图:

ps: 这里用了一个 wxParse 的库

然后简单地说一下 淌过的河, 爬过的坑:

tabBar 访问页面不能自动刷新的问题:

在默认模式下添加的 tab 访问页面的时候,并不会访问最新的页面, 尤其在数据操作的时候更为明显

我开始放狗查的时候,发现以前很多人都提到这条 bug ,然后解决办法 是:

wx.switchTab({

url:'../index/index',

success:function(e) {

varpage = getCurrentPages().pop();

if(page == undefined page ==null)return;

page.onShow();

}

但是, 这个问题貌似已经被解决了!!

解决办法就是把 加载页面的 url 放到 onShow 事件里面, 这样每次进入页面就自动刷新了.

然后是页面中绑定问题, 嗯 data 模块中的绑定, pages 中绑定等等

然后 总重要的是明白了 小程序的 同步到异步引用, 对, 就是

var that = this;

刚开始不知道是什么, 但是在异步中用了一下, 很很好用.

再然后弄清楚 变量的作用域, 似乎就不存在什么问题了

哈哈, 接下来什么时候尝试下一下 json 数据的封装和解包了.

就这样, 不过支付之类的高级功能 需要 https 的证书, 还是有门槛了.

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180112G083SC00?refer=cp_1026

相关快讯

扫码关注云+社区