查看“云开发基础之相册小程序”的源代码
←
云开发基础之相册小程序
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
<p> </p> <h1>相册小程序</h1> <p> </p> <h2>什么是云开发</h2> <blockquote><p>·云开发[CloudBase〕是云端一体化的后端云服务,采用serverless架构,免去了移动应用构建中繁琐的服务器搭建和运维。使用云开发可以快速蔺建完整的小程序/小游戏、Web、移动Hpp等应用。</p> </blockquote> <p><strong>特点</strong></p> https://i.loli.net/2020/09/20/RAiuc2gT4d9OJUL.png <h2>相册小程序</h2> <p><strong>介绍</strong></p> <blockquote><p><img src="https://i.loli.net/2020/09/20/C7buJLpFBcGfYez.png" referrerpolicy="no-referrer" alt="image-20200920171421682"></p> <p>进入github</p> <p><a href='https://github.com/TencentCloudBase/Cloudbase-Examples' target='_blank' class='url'>https://github.com/TencentCloudBase/Cloudbase-Examples</a></p> <p>找到</p> <p><img src="https://i.loli.net/2020/09/20/jyC5vuNPRkfBeG4.png" referrerpolicy="no-referrer" alt="image-20200920172929889"></p> <p>下载</p> <p><img src="https://i.loli.net/2020/09/20/GCROJmIhrUa9tgV.png" referrerpolicy="no-referrer" alt="image-20200920172953258"></p> <p>在微信开发者工具导入新项目</p> <p><img src="https://i.loli.net/2020/09/20/sPlSaWCpV8OKBvD.png" referrerpolicy="no-referrer" alt="image-20200920173513935"></p> <p>开通云开发</p> <p><img src="https://i.loli.net/2020/09/20/c2SzIb1aOTrBLns.png" referrerpolicy="no-referrer" alt="image-20200920173600133"></p> <p>创建数据库 testuser</p> <p><img src="https://i.loli.net/2020/09/20/2chIw1AezS5NlGk.png" referrerpolicy="no-referrer" alt="image-20200920173953848"></p> <p>复制环境i d 到 app.js 中</p> <p><img src="https://i.loli.net/2020/09/20/BOmkYZ9foAg5jpd.png" referrerpolicy="no-referrer" alt="image-20200920174153602"></p> <p><img src="https://i.loli.net/2020/09/20/SwEgRBZTMFiXkhU.png" referrerpolicy="no-referrer" alt="image-20200920174303216"></p> <p>然后在 pages/user 里 user.js 的 addUser函数里填写 代码</p> <p><img src="https://i.loli.net/2020/09/20/ZKSG8CXuQ16MJBz.png" referrerpolicy="no-referrer" alt="image-20200920175345892"></p> <pre><code class='language-javascript' lang='javascript'>const db = wx.cloud.database(); let result = await db.collection('testuser').add({ data:{ nickName:user.nickName, albums:[] } }) </code></pre> <p>点击登录 实现登录</p> <p><img src="https://i.loli.net/2020/09/20/mHozByMdbG7hi1Y.png" referrerpolicy="no-referrer" alt="image-20200920175445032"></p> <p><img src="https://i.loli.net/2020/09/20/4Gw8WzxIE9tBJuN.png" referrerpolicy="no-referrer" alt="image-20200920175453757"></p> <p>数据库查看 已存在</p> <p><img src="https://i.loli.net/2020/09/20/XDO3t4FA2USmfZB.png" referrerpolicy="no-referrer" alt="image-20200920175511018"></p> <p>在 pages/photos/add.js里 添加</p> <pre><code>uploadPhoto (filePath) { // 在此插入上传图片代码 return wx.cloud.uploadFile({ cloudPath:`${Date.now()}-${Math.floor(Math.random(0,1)*1000000)}.png`, filePath }) }, </code></pre> <pre><code>db.collection('testuser').doc(app.globalData.id).update({ data:{ albums:db.command.set(app.globalData.allData.albums) } }).then(result => { console.log("写入成功"); wx.navigateBack({ }) }) </code></pre> <p>创建相册</p> <p><img src="https://i.loli.net/2020/09/20/K7XGobzF5Rw29xC.png" referrerpolicy="no-referrer" alt="image-20200920183139353"></p> <p>创建成功</p> <p><img src="https://i.loli.net/2020/09/20/pzeIi87lvKtTWRk.png" referrerpolicy="no-referrer" alt="image-20200920183405463"></p> <p>上传测试</p> <p><img src="https://i.loli.net/2020/09/20/Ea1vRftCL7zMwbl.png" referrerpolicy="no-referrer" alt="image-20200920183444828"></p> <p>测试成功</p> <p><img src="https://i.loli.net/2020/09/20/vXtjUGHdq6PQfmh.png" referrerpolicy="no-referrer" alt="image-20200920183507114"></p> </blockquote> <p> </p>
返回至
云开发基础之相册小程序
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息