初学小程序之制作电影介绍查询小程序遇到的问题和解决办法

tabar标签和标题的设置,去下载小图标,进行添加。代码如下:

"tabBar": {
    "color": "black",
    "selectedColor": "blue",
    "borderStyle": "black",
    "backgroundColor": "yellow",
    "list": [
      {
        "pagePath": "pages/movie/movie",
        "text": "影院热映",
        "iconPath": "assets/img/001.png",
        "selectedIconPath": "assets/img/001_1.png"
      },

      { 
        "pagePath": "pages/recommend/recommend",
        "text": "电影推荐",
        "iconPath": "assets/img/002.png",
        "selectedIconPath": "assets/img/002_2.png"
      },
      {
        "pagePath": "pages/search/search",
        "text": "查询电影",
        "iconPath": "assets/img/003.png",
        "selectedIconPath": "assets/img/003_3.png"
      }

    ]
  },
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#FFFF00",
    "navigationBarTitleText": "电影爱豆",
    "navigationBarTextStyle":"black"


  }
}

初学小程序之制作电影介绍查询小程序遇到的问题和解决办法_第1张图片
问题1:豆瓣API数据导不进去。
解决办法:首先,设置一下后台的request的合法域名,添加api.douban.com和t.yushu.im,将“http://api.douban.com//v2/movie/in_theaters” 改成’http://t.yushu.im//v2/movie/in_theaters‘,后面的地方同理。
小技巧:获取API时,进入页面是一堆代码,通过控制台,代码如下:

var a=全部代码 回车 a 再回车

这样就可以看到具体的信息了。
初学小程序之制作电影介绍查询小程序遇到的问题和解决办法_第2张图片
初学者的无知:页面跳转。
方法:

js:
detail: function (e) {
    wx.navigateTo({
      url: '../detail/detail',
    })
  }
  wxml:
  'movie'bindtap='detail'id="{{item.id}}">/*数据绑定*/

本来是不需要数据绑定的,但是这个detail是自己写的一个函数。
初学小程序之制作电影介绍查询小程序遇到的问题和解决办法_第3张图片
这中间涉及到许多重载封装,初学者不必纠结,先用自己最习惯的方法来写,后面再慢慢学会优化。
轮播图代码:
`wxml:

你可能感兴趣的:(初学小程序之制作电影介绍查询小程序遇到的问题和解决办法)