摘要： 商品列表页点击商品图片时可以查看商品详情，我们先在pages/index这个文件夹下增加一个page， 名称叫productDetail, 建好后index文件夹下的文件结构是这样的： 然后我们修改index.wxml这个文件， 在<image>这个控件上加上tap事件，代码如下 ： 1 <view 阅读全文

摘要： 加入购物车功能的基本实现是这样的： 用户点击“加入购物车” ， 小程序将该商品信息发送到服务器记录下来， 同时页面上“加入购物车”的按钮变成一个输入框，用户可以增加/减少商品数量， 当用户点“购物车” Tabbar时，切换到shoppingcart/shoppingcart.wxml页面， 此页面显 阅读全文

摘要： 实现查询功能先在index.wxml中加入<input>标签并给<input>绑定一个事件， 然后针对事件编码就可以了。我们先在index.wxml文件中加入<input>标签 （见红色字体的代码）： 1 <view class="container"> 2 3 <view> 4 <input cl 阅读全文

摘要： 在手机上浏览商品信息的时候，刷新及分页的需求是由下拉和上拉来实现的， 如下图： 接下来就分别实现下拉刷新和上拉加载更多这两个功能，先看下拉刷新。 首先在index.json这个文件中添加配置项，代码如下 ： 1 { 2 "usingComponents": {}, 3 "enablePullDown 阅读全文

摘要： 前面讲了每个微信小程序页面都包含4个文件， 以首页为例 ，分别是 index.js, index.json, index.wxml, index.wxss ， 先看编码后的页面展示效果如下 ： 按照页面编写顺序， 先从index.wxml页面布局文件开始 ，删除里面的全部内容， 加入下面的代码： < 阅读全文

摘要： 上一篇文章讲了用户登录小程序后是如何通过wx.login()函数拿到code之后作为参数传递到Web服务器， Web服务器又以code为参数调用微信接口拿到openid和session_key，并将openid和session_key保存到数据库， 最后Web服务器将用户信息Response到小程序 阅读全文

摘要： 一个商城系统必定涉及到用户身份识别的问题，用户进入小程序后用什么来标记他的身份？ 对于一个web应用来说， 典型的设计是这样的 ： 用户打开注册页面-->填写“账号、密码等基本信息”-->点击“注册” , 然后， 系统将这些信息存储到数据库中，同时在web服务器上生成一个session ， resp 阅读全文

摘要： 通过前面一些基本的设置，我们不需要编写一行代码，就可以在开发工具的模拟器中看到如下的页面： 接下来，我们要编写代码完成首页中商品列表的展示 ，如下图 ： 在开始正式的编码前，我们要先简单了解小程序开发前的基础知识，这是开发的前提 。 1 . 每个小程序页面对应4个文件 ， 以首页为例 ， 分别是 i 阅读全文

摘要： 根据前面的设计， 小程序底部有三个tabbar项， 分别是“首页” ， “购物车” ， “我的”，为了美观， 我们还要给每一项配二张图片， 分别对应该项选中/未选中时的状态，所以三项要准备6张图片， 图片的大小微信官方推荐为 81px * 81px , 准备好后在小程序的“miniprogram”目 阅读全文

摘要： 微信小程序开发工具可以到腾讯网站上下载 ，官方网址如下 ： https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 此页面还可以看到指南 、组件 、API等 , 如下图 ： 安装完成后就可以新建小程序项目了，如下 阅读全文