第一章 “我要点爆”微信小程序云开发之项目建立与我的页面功能实现 开发环境搭建 使用自己的AppID新建小程序项目,后端服务选择小程序·云开发,点击新建,完成项目新建. 新建成功后跳转到开发者工具界面 新建后,微信端为我们提供了一个参考的模板程序,这里我们自己来创建各个所需的文件与代码,所以删除所有不需要的文件,删除cloudfunctions.miniprogram/images.miniprogram/pages文件下所有文件,同时也删除style文件和删除app.json中原始的页面配置.…

爆文详情页制作 从首页中数据列表打开相应详情页面的方法: 给数据列表中每个数据项加一个点击事件,同时将当前数据项的id暂时记录在本地,然后跳转到详情页面detail goopen: function (e) { //获取当前内容的标识id,保存,方便进入查询 var id = e.currentTarget.id wx.setStorageSync('id', id) wx.navigateTo({ url: '../detail/detail', }); }, 在detail页面中的onLoa…

下面我们来实现从云端获取数据,完成首页世界页面index的制作,首页分为4个数据列表导航页面,页面具体内容如下: 推荐:为用户推荐最新的点爆信息,它包含文本点爆内容和语音点爆内容. 文爆:筛选出文字点爆内容,只显示文字点爆内容. 音爆:筛选出语音点爆内容,只显示语音点爆内容. 爆榜:将点爆内容取出前20名进入排行. [实现页面内数据列表的滚动和导航切换后,每个导航下数据列表都在顶部] 由于我们使用的头部导航栏是通过数据绑定在同一页面进行切换,所以当一个页面内数据列表向下滚动后,切换导航后页面的s…

疯狂点击点爆方式页面制作 疯狂点击为用户提供一个60秒的按钮点击时间,同时点击过程中有背景音乐,系统根据用户点击按钮的此时来进行热度值的计算. <view class="the_header"> <text>疯狂点击</text> <image src="/images/fencun.png"></image> </view> <view class="button1"…

点爆方式选择页面制作 在app.json中配置页面路径增加selectbao点爆方式选择,编译创建页面文件,点爆方式选择页面通过单选按钮组选择跳转到相应的点爆页面. <view class="the_header"> <text>选择点爆方式</text> <image src="/images/fencun.png"></image> </view> <view class="…

使用云开发进行微信小程序“我要点爆”的制作 下一章:“我要点爆”微信小程序云开发之项目建立与我的页面功能实现 接下来我将对“我要点爆”微信小程序进行完整的开源介绍 小程序名称: 我要点爆 查看方式:从“我要点爆”微信公众号打开,或直接扫描小程序码打开 项目简介: “我要点爆”立足于解决当代人的情绪释放和情绪管理问题,通过情绪点爆的方式,使用文本与语音的形式记录情绪,通过点击.吼叫等方式将情绪释放点爆.用户通过不同的方式点爆后,系统通过独特的算法设计对点爆进行热度计算,为每一篇爆文提供一个热度值,…

微信小程序-云开发-实战项目 微信小程序 微信小程序平台服务条款 https://developers.weixin.qq.com/miniprogram/product/service.html https://developers.weixin.qq.com/miniprogram/product/ https://developers.weixin.qq.com/miniprogram/product/#10-微信小程序·云开发服务规范 https://mp.weixin.qq.com/w…

点爆页面的实现与云函数和云存储的应用以及录音功能讲解 点爆页面制作 点爆页面主要提供文字记录和语音记录两种爆文记录方式,在本页面内输入文字或录入语音后选择心情点击点爆按钮,跳转到点爆方式选择界面. 首先,我们来实现页面布局,将文字记录和语音记录使用导航切换的方式放在一个页面内. 导航中在js中设置一个currentTab变量通过数据绑定判断显示文字记录和语音记录的切换,{{item}},使用列表渲染wx:for创建导航,同时通过data-index将当前项的的下标index记录,用于在js中控制…

2019年2月26日,人们为了一个杯子疯了一天. 星巴克猫爪杯,一场已经与猫无关了的“圣杯战争“.网上的倒卖价格,已炒至近千元! 求而不得,舍而不能,得而不惜.这是人最大的悲哀... 所以,请珍惜以下内容,知识才是人生最大的财富! 前情回顾 技本功丨收藏!斜杠青年与你共探微信小程序云开发(中篇) 在上一篇文章中我们完成了首页的编写,目前基本的功能已经确定了,本节我们进行列表页的编写.列表页比较简单:将所有food列表展示出来,根据openid进行判断是否展示删除按钮即可.用户可以删除自己创建的记…

用法:用于页面跳转,相当于html里面的<a></a>标签. API教程:https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.htmlhttps://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html 四种跳转的方法,在index里面写下一段代码进行测试 1:从首页跳转到日志页面(可以返回) (注意,在没有设置底部导航的情况下,没有tab也可使用这个属性…