• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

功能一:创建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:实现详情其他功能

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序学习:电影周周看发布时间:2022-07-18
下一篇:
小程序开发---豆瓣电影展示页面发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap