一、小程序---电影商城--电影详情
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 添加云数据库
})
电影商城--电影详细组件(发表评论)
请发表评论