zoukankan      html  css  js  c++  java
  • 小程序---电影商城--娱乐组件

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

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

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

  • 相关阅读:
    PHP Cookies
    PHP 文件上传
    PHP 文件
    02_电话拨号器intent说明
    13_传智播客iOS视频教程_OC程序的编译链接
    12_传智播客iOS视频教程_注释和函数的定义和调用
    11_传智播客iOS视频教程_NS前缀和@符号
    10_传智播客iOS视频教程_NSString
    09_传智播客iOS视频教程_自动释放池与NSLog函数
    08_传智播客iOS视频教程_Foundation框架
  • 原文地址:https://www.cnblogs.com/sna-ling/p/11885714.html
Copyright © 2011-2022 走看看