zoukankan      html  css  js  c++  java
  • 小程序---电影商城--电影详情

    一、小程序---电影商城--电影详情

    1.1:底部导航条 tabbar[电影][个人中心][地图]

    电影:pages/home/home

    个人中心:pages/profile/profile

    地图:pages/map/map

    --下载图片:纯色图标一对

    {默认#d1d1d1;选中#333333} 81px

    --https://www.iconfont.cn  images

    --app.json  配置

    --按钮默认文字颜色  #d1d1d1  选中#3333333

    2.1:电影商城-评论组件

    功能一:调用云函数获取指定id电影详情

          --获取home 传递id

          --调用云函数并且传id传递

          --获取云函数返回值并且显示

    功能二:选中图片并且预览

          --一次选中9张图片

              wx.chooseImage({})

              count:9                  选中最多图片数量

              sizeType:                图片类型

               success:fn=>res    选中图片

                     res.tempFilePaths  数组保存选中图片路径

              --在图片预览区域显示选中图片

                 将选中图片路径 <image src=""></image>

    功能三:发表评论---(重点)

    发表评论

    (1)获取用户评论内容;评价分数;图片列表

    (2)将图片列表上传云存储中;保存fileID

    (3)将用户评论内容;评价分数;9张图片fileID

        将以上数据添加到云数据库中

    --在云数据库创建集合 comment

    --上传图片与将图片fileID添加数据库产生问题

    --将9张图片一张一张上传到云存储/添加数据库

       问题:上传9张需要时间

       #异步(无序/高效)

       --上传9张          异步1 2 3 4 5 6 7 8 9

       --添加云数据库  异步 end

    解决:promise

    (1)将每一张上传图片操作保存数组 images

    var images=[];

    (2)创建循环遍历数组对象

        new Promise(resolve,reject)=>{

            上传图片操作

            (1)创建新图片/上传/上传成功保存 fileID

        }

      #resove 解析:程序一切正确(成功) resove()

      #reject   拒绝:程序出错     调用     reject()

    (3)等待9张图片都上传完成添加数据(云存储)

    Promise.all(images).then(res=>{

        #当数组中Promise执行完成,执行回调函数

        #获取用户评论/评分/filesids 添加云数据库

    })

    电影商城--电影详细组件(发表评论)

  • 相关阅读:
    互评
    201671010438 王奕晗英文文本词频统计
    201671010438王奕晗 实验二词频统计
    201671010438王奕晗 实验三 作业互评与改进
    通读《构建之法》所提出的问题
    个人学习总结博客(201671010440 王雨竹)
    互评
    201671010440王雨竹+《英文文本统计分析》
    201671010440 王雨竹 词频统计软件项目报告
    201671010440 王雨竹 实验三 作业互评与改进
  • 原文地址:https://www.cnblogs.com/sna-ling/p/11890802.html
Copyright © 2011-2022 走看看