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

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

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

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

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

})

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


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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