// wxml中
<view bind:tap="onLike" class="container"><image src="data:images/like.png" /><text>999</text>
</view>// js中 这个是需要写在methods中的/*** 组件的方法列表*/methods: {onLike:function(event){console.log(event);}}

 1 <!--三元运算符的使用-->
 2 <view bind:tap="onLike" class="container">
 3   <image src="{{like?yesSrc:noSrc}}" />
 4   <text>{{like?count1:count2}}</text>
 5 </view>
 6
 7 <!--数据是需要定义在js中的，其中data是专门来存放数据变量的-->
 8   /**
 9    * 组件的初始数据
10    */
11   data: {
12     like:false,
13     count1:9,
14     count2:99,
15     yesSrc:'images/like.png',
16     noSrc:'images/like@dis.png'
17   },

  /*** 组件的属性列表*/properties: {like:{type:Boolean, // 设置变量类型  必填value:false, //设置默认值 选填observer:function(){ // 选填
}},count:{type:Number}},

 1   /**
 2    * 组件的方法列表
 3    */
 4   methods: {
 5     onLike:function(event){
 6       var like = this.properties.like; // 用变量来接收属性的值
 7       var count = this.properties.count;
 8
 9       count = like?count-1:count+1;
10       this.setData({ // 变量赋值之后需要重新设置Data的值
11         count:count,
12         like:!like
13       })
14     }
15   }

 1  // 这个是在classic.js中
 2  /**
 3    * 生命周期函数--监听页面加载
 4    */
 5   onLoad: function (options) {
 6     wx.request({
 7       url: 'http://bl.7yue.pro/v1/classic/latest',
 8       header: {
 9         appKey:'K0LDaSADSDLWWbF'
10       },
11       success:function(){
12         //返回结果成功之后 数据的处理
13       }
14     })
15   },
16
17 // ES6中箭头函数的写法
18   /**
19    * 生命周期函数--监听页面加载
20    */
21   onLoad: function (options) {
22     console.log(this.data.test)
23     wx.request({
24       url: 'http://bl.7yue.pro/v1/classic/latest',
25       header: {
26         appKey:'K0LDaSADSDLWWbF'
27       },
28       success:(res)=>{
29         //返回结果成功之后 数据的处理
30         console.log(this.data.test);
31       }
32     })
33   },

 1 // const关键字是声明不变的值的时候来用的，相当于Java中静态变量
 2 export const config = {
 3   api_base_url:'http://bl.7yue.pro/v1/',
 4   appKey:'K0LDaSADSDLWWbF'
 5 }
 6
 7 // 导出function函数方法
 8 export let fun1 = function(){
 9
10 }
11
12 // export {const, fun1} 这种写法就不用每一个都写export关键字了

 1 // 导入的时候需要使用相对路径
 2 import {config} from '../config.js';
 3
 4 // 错误的具体的提示信息 根据接口中error_code
 5 const tips = {
 6   1:'抱歉，出现了一个错误',
 7   1005:'appKey不正确',
 8   3000:'期刊不存在'
 9 }
10
11 class HTTP{
12   request(params){
13     if(!params.method){
14       params.method = 'GET';
15     }
16     wx.request({
17       url: config.api_base_url + params.url,
18       method:params.method,
19       data:params.data,
20       header:{
21         'content-type':'application/json',
22         appKey:config.params
23       },
24       success:(res) => {
25         // 来判断请求是否成功 以2开头就是成功 这个是在Number类型的，          // 需要装换成string类型
26         var code = res.statusCode.toString();
27         // ES6中 startsWith 和 endsWith
28         if(code.startsWith('2')){
29           params.sucess(res.data);
30         }else{
31           // 错误信息的提示
32           var error_code = res.data.error_code;
33           this._show_error(error_code);
34         }
35       },
36       fail:(err) => {
37         this.error_code(1);
38       }
39     })
40   }
41
42   // 错误信息的提示方法
43   _show_error(error_code){
44     if(!error_code){
45       error_code = 1;
46     }
47     wx.showToast({
48       title: tips[error_code],
49       icon: 'none',
50       duration: 2000
51     })
52   }
53 }
54
55 // 使得类外部可以访问
56 export {HTTP}

 1 // 这里导入的时候需要写成相对路径
 2 import {HTTP} from '../../util/http.js';
 3
 4 // 实例化HTTP类
 5 var http = new HTTP();
 6
 7 Page({
 8
 9   /**
10    * 页面的初始数据
11    */
12   data: {
13
14   },
15
16   /**
17    * 生命周期函数--监听页面加载
18    */
19   onLoad: function (options) {
20     http.request({
21       url:'classic/latest',
22       success:(res)=>{
23         console.log(res);
24       }
25     })
26     // console.log(this.data.test)
27     // wx.request({28     //   url: 'http://bl.7yue.pro/v1/classic/latest',
29     //   header: {30     //     appKey:'K0LDaSADSDLWWbF'
31     //   },
32     //   success:(res)=>{33     //     //返回结果成功之后 数据的处理
34     //     console.log(this.data.test);
35     //   }
36     // })
37   },