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


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

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

    })

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

  • 相关阅读:
    文档01_基础
    文档07_JavaScript_ajax
    文档02_JavaScript
    文档06_JavaScript_面相对象
    文档05_JavaScript_节点
    文档06_Asp.net2.0_01
    文档04_JavaScript_事件
    文档05_多线程
    文档03_JavaScript_函数
    根据日期计算星座
  • 原文地址:https://www.cnblogs.com/sna-ling/p/11890802.html
Copyright © 2020-2023  润新知