小程序---电影商城--娱乐组件

一、小程序---电影商城--娱乐组件

功能一:创建home添加元素并且修改外观

功能二:当组件创建成功后发送请求(调用云函数)

              movielist1906

              onload

功能三:当前组件三种操作

(1)当前组件创建成功显示第一页 start:0.count:4

        -onLoad 

        -调用云函数movielist1906

        -将云函数返回结果显示模块

(2)用户上滑屏幕加载下一页 57 

          -onReachBottom   事件:向上滑动触底
         -start    1页:0  2页:4  3页:8
         -count   当前页几行  4 
          #onPullDownRefresh 监听用户下拉刷新操作
          #默认值禁止 home.json
         "enablePullDownRefresh": true

(3)当用户点击"详情"按钮跳转下一个组件

          comment

(4)将电影id传递comment组件并且接受

二、小程序---电影商城--电影详情(评论)

---在cloudfunctions--->右键Node.js云函数

---创建云函数 findDetail1906

---在当前云函数安装第三方ajax库

--- #不同云函数之间第三方库不能共享

---右键->movielist1906->打开终端(下面的命令顺序)

         npm install -S request   #安装依赖库
         npm install -S request-promise  #ajax库
         新建的云函数--->package.json中必须有
         "request-promise": "^4.2.5",才算创建成功

---下载第三方ajax request/request-promise

---添加index.js

http://api.douban.com/v2/movie/subject/30362186

?apikey=0df993c66c0c636e29ecbb5344252a4a

   #发送请求id

在云函数 findDetail1906 的index.js写完之后,重新上传云端,在云函数中测试{'id':30362186}

 

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 1:引入request-Promise
const rp = require("request-promise");
// 2:创建主函数
exports.main = async (event, context) => {
//3.创建url
var url =`http://api.douban.com/v2/movie/subject/`;
url+=`${event.id}`;
url +=`?apikey=0df993c66c0c636e29ecbb5344252a4a`;
//4.使用request-promise发送请求
return rp(url).then(res=>{
     return res;
}).catch(err=>{console.log(err)})
}

二、小程序---电影商城--电影详情(评论)--分析组件

---电影图片

---输入框       用户评论内容

---打分           获取用户评分价值0~5

---上传按钮

#查询vant手册

https://youzan.github.io/vant-weapp/#/intro

 1:实现详情其他功能

评分/评论/选择图片/上传

posted @ 2019-11-18 21:52  平凡人的普通修仙之路  阅读(202)  评论(0编辑  收藏  举报