一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。
<view>{{ msg }}</view>
<button bindtap="clickMe">点击我</button>

点击 button 按钮的时候，我们希望把界面上 msg 显示成 "Hello World"，于是我们在 button 上声明一个属性: bindtap ，在 JS 文件里边声明了 clickMe 方法来响应这次点击操作：
Page({
  clickMe: function() {
    this.setData({ msg: "Hello World" })
  }
})

响应用户的操作就是这么简单，更详细的事件可以参考文档 WXML - 事件 。

consumer操作
 
 
 1. kafka各组件通信采用TCP协议。broker端口号：9092，zookeeper端口号：2181。 
 2. consumer启动时（绿色虚线），与brokers建立一个TCP长连接，生成SimpleConsumer实例，并返回broker配置文件中的域名。 
 3. consumer根据域名访问brokers获取topic、partition、offset（蓝色虚线）。 
 4. brokers访问zookeeper的leader组件，根据topic和获取各个partition的offset（黑色虚线）。 
 5. consumer从brokers上读取数据（红色实线）。
 
producer操作
 
 
 1. producer启动时（绿色虚线），与brokers建立一个TCP长连接，生成SimpleConsumer实例，并返回broker配置文件中的域名。 
 3. producer将数据存入broker上（蓝色虚线）。 
 4. 同时brokers访问zookeeper的leader组件，更新zk上的offset，或者leader定时从brokers刷新offset（黑色虚线）。
 
注：有关数据仓库等问题，有兴趣的同学可以联系我。TEL/微信：18310801089，公众号： 
 

注册页面
 
1、定义后判断手机号输入是否有误，或者为空
 
2、定义后判断密码输入是否有误，或者为空
 
3、定义后判断验证码是否有误，或者为空
 
4、本地保存用户名、密码、
 
5、点击注册后跳转页面
 

 
 
登录页面
 
 
1、定义后判断手机号输入是否有误，或者为空
 
2、定义后判断密码输入是否有误，或者为空，密码需加密
 
3、本地保存用户id、手机号、密码、校验令牌、登录后返回的sessionId
 
4、点击登陆后跳转页面
 

 
 
获取购物车页面
 
1、获取本地的用户id、校验令牌、登录后返回的sessionId
 
2、判断用户是否登录状态，若没登录，先跳转登录页面登录后返回购物车页面
 
2、判断购物车列表是否为空，如果为空显示无商品，如果不为空显示购物车列表
 

 
 
搜索列表页面
 
1、先总结有几种搜索类型
 
2、判断是第几种搜索类型
 
3、在输入框判断是第几种输入类型
 
4、
 

 
 

 

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作。
 
 
逻辑层（App Service）=>test.js
 
Page({
  /**
   * 页面的初始数据，声明变量
   */
  data: {
    name: 'Hello MiNi~',
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      console.log('cart_print_log==========' + JSON.stringify(cartList));
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
     //设置页面标题
     wx.setNavigationBarTitle({
            title: "mytest"
        });
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
   /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },
   /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },
   /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {//====>向上拉页面，翻页
    if (!this.data.last) {
      this.setData({
        page: this.data.page + 1
      });
      wx.showLoading({
        title: '正在加载中',
      });
      this.getGoodsList();//====>查询第2+页数据
    }
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  /**
  *自定义函数
  */
  changeName: function () {
    this.setData({
      name: 'Jack'
    })
  },
  });
 
视图层（View）=>test.wxml
 
<view>{{name}}</view><!-- 响应的数据绑定 -->
<button bindtap='changeName'>Click me!</button><!-- 触发自定义方法,事件处理函数bindtap -->