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

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

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 添加云数据库

})

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