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

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:豆瓣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 再回车

这样就可以看到具体的信息了。
第二个页面,功能是将豆瓣上排名靠前的电影推荐展示
初学者的无知:页面跳转。
方法:

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

本来是不需要数据绑定的,但是这个detail是自己写的一个函数。
第三个页面,功能是可以查询电影关键词,搜索想要看的电影
这中间涉及到许多重载封装,初学者不必纠结,先用自己最习惯的方法来写,后面再慢慢学会优化。
轮播图代码:
`wxml:

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值