一.wxml添加升序和降序 在商品列表的wxml文件中添加超链接a标签,分别用于升序和降序的点击.分别绑定升序和降序的点击事件. 二.js文件实现升序和降序 分别写对应的按价格升序函数sortByPriceAsc()和按价格降序函数sortByPricDesc().此时已完成升序和降序的功能.  三.代码优化去除冗余代码 以上代码的写法可以满足功能需要,但是性能方面想要更优化,需要对代码进行去除冗余的处理.该页面存在三次查询数据库: 1.页面加载的时候,查询商品信息展示在列表页(即onload(

一.新建页面 新建列表页"pages/goodslist/goodslist",新建列表详情页"pages/gooddetail/gooddetail"  二.列表页显示商品列表 1.js文件,查询商品信息,并将查询到的商品信息存放到自定义数组goodslist[]中 2.wxml文件.for循环遍历数组goodslist[],将数组中所有字段的信息展示在页面上 三.列表页绑定跳转事件 1.wxml文件.想要携带id跳转页面,需要在需要跳转的页面wxml文件中添加b

前言 微信小程序在9月10号正式上线了云开发的功能,弱化后端和运维概念,以前开发一个小程序需要申请一个小程序,准备一个https的域名,开发需要一个前端一个服务端,有了云开发只有申请一个小程序,一个前端就能搞定,真的是零成本. 云开发三大基础能力 云函数:运行在微信服务器上的函数,处理微信相关操作有天然优势,如获得用户信息异常方便(以前服务端解析很麻烦) 数据库:一个小程序可以直接操作的JSON数据库,可以直接操作数据库,不在需要服务端了. 存储:用来存储文件和图片 阅读本文之前最好对微信小程序

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

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

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

笔者最近涉猎了小程序相关的知识,于是利用周末时间开发了一款类似于同事的小程序,深度体验了小程序云开发模式提供的云函数.数据库.存储三大能力.关于云开发,可参考文档:小程序·云开发. 个人感觉云开发带来的最大好处是鉴权流程的简化和对后端的弱化,所以像笔者这种从未接触过小程序开发的人也能够在周末两天时间内开发出一个功能完备.体验闭环的勉强能用的产品. 最后,本文并不是搬运官方文档,也不会详细介绍开发工具和云开发后台的使用,所以建议结合上面给出文档链接一起消化本文. 功能分析 该小程序功能目前较为简单

请勿使用本文章及源码作为商业用途! 前言 当初做这个小程序是为了婚礼前的需要,结婚之后,希望这个小程序能够留存下来,特地花了一些空闲时间将小程序转化成为“相册类小程序” 体验码 准备工作 mpvue框架 mpvue官方文档 小程序·云开发 小程序·云开发文档 注意:使用mpvue前,首先你得先熟悉vue框架的基本使用 项目结构介绍 注意:接下来展示的代码,有几个对比,分别是本人优化前和优化后的代码对比,感兴趣的可以着重看一下优化后的成熟写法. ​ common目录: 放一些公共资源,如js,cs

请勿使用本文章及源码作为商业用途! 前言 当初做这个小程序是为了婚礼前的需要,结婚之后,希望这个小程序能够留存下来,特地花了一些空闲时间将小程序转化成为“相册类小程序” 体验码 准备工作 mpvue框架 mpvue官方文档 小程序·云开发 小程序·云开发文档 注意:使用mpvue前,首先你得先熟悉vue框架的基本使用 项目结构介绍 注意:接下来展示的代码,有几个对比,分别是本人优化前和优化后的代码对比,感兴趣的可以着重看一下优化后的成熟写法. ​ common目录: 放一些公共资源,如js,cs

第1章 首门小程序“云开发”课程,你值得学习本章主要介绍什么是小程序云开发以及学习云开发的重要性,并介绍项目的整体架构,真机演示项目功能,详细介绍整体课程安排.课程适用人群以及需要掌握的前置知识.通过本章的学习,能够使大家对本门课程有一个整体的了解.... 第2章 云开发介绍以及从0构建项目本章会详细介绍小程序云开发与Serverless,并介绍如何开通小程序云开发及控制台的功能,并且初始化项目代码,讲解airbnb/javascript代码规范. 第3章 播放列表功能实现本章完成歌单列表与歌曲

微信小程序-云开发实战教程 云函数,云存储,云数据库,云调用 https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started 云函数 cloud functions // index.js 是入口文件,云函数被调用时会执行该文件导出的 main 方法 // event 包含了调用端(小程序端)调用该函数时传过来的参数,同时还包含了可以通过 getWXContext 方法获取的用户登录态 `openId`

微信小程序 -- 聊天室小程序(云开发) 从微信小程序开发社区更新watch接口之后,一直在构思这个项目.项目已经完成很久,但是一直都没有空写一篇博客记录展示一下. 开源地址 wx-cloud-im: 基于微信云开发 cloudbase 构建聊天小程序 提供即时通讯 技术栈 云开发 NodeJS 功能实现 即时消息监听推送 使用watch接口(见附录),对数据库信息变动进行监听,实现 订阅-发布 形式的消息推送,同时在小程序端也完成了消息推送聊天界面变化的动画实现 文本内容安全核验 使用微信小程

一.初识云开发 官方文档 小程序·云开发是微信团队联合腾讯云推出的专业的小程序开发服务. 开发者可以使用云开发快速开发小程序.小游戏.公众号网页等,并且原生打通微信开放能力. 开发者无需搭建服务器,可免鉴权直接使用平台提供的API进行业务开发 目前云开发包含:云数据库,云函数,云存储,云调用 优势 无需搭建服务器,只需使用平台提供的各项能力,即可快速开发业务. 无需管理证书.签名.秘钥,直接调用微信 API .复用微信私有协议及链路,保证业务安全性. 支持环境共享,一个后端环境可开发多个小程序.

小程序云开发环境初始化默认是第一个环境,但是我们可以指定环境id //app.js App({ onLaunch: function () { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.cloud.init({ env: "kindear-fd77cd",//这个就是环境id traceUser: true, }) } this.globalData = {} } }) 就可以成功更换云开

微信小程序-云开发(手记) 1.创建data.json文件 注意以下几点要求: 入门示例: init方法的env:默认环境配置,传入字符串形式的环境 ID(理解为数据库)可以指定所有服务的默认环境(意思就是全局使用一个数据库),传入对象可以分别指定各个服务的默认环境

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

小程序云开发之httpApi调用. 小程序云开发之httpApi调用(返回"47001处理") 技术栈 采用 nodejs + express 搭建web服务器,采用 axios 请求第三方 httpApi nodejs express axios 项目结构 通过应用生成器工具 express-generator 可以快速创建一个应用的骨架. 主要的核心文件 routes/base.js(api设置),util/rq.js(axios封装),views/base.pug(接口文档) |

这个婚礼邀请函是之前帮别人做的,现在人家婚礼举办过了也没啥关系了,想着就修改成通用模板进行开源,方便大家尤其是小白们克隆项目之后稍微修改就能够直接使用. 当时自己开始这个项目时候也是查阅了很多教程文章,但无一列外都需要大量的小程序开发知识储备,对于当时需要快速构建一个项目的我来说真的焦急,很希望有一个可以直接使用的模板,项目完成后有深入的想法可以再学习. 扫码体验 ​ 项目展示(多图警告) 首页 ​ 照片页 ​ 地图页 ​ 祝福页 ​ 留言页 ​ 项目下载 https://github.com/

上周一个高中同学让我帮他做个图片展示的公众号,因为一直在加班的原因,所以一时忘了,昨晚想起来就赶紧加班加点的帮他弄了下,遇到了个问题,记录一下. 他的需求是要有个后台给他上传图片并且将图片归类,前端公众号根据每次不同的主题显示不同的封面和照片,但是服务器又不想买贵的,思来想去,最后决定用小程序云开发,连服务器和公众号认证费都免了,哈哈哈哈 因为改成小程序云开发,所以需求也有了些变动,最后改成不需要后台,图片直接在云开发控制台中上传,然后在小程序中添加一个专门用来对封面和名称做修改的管理员页面,其

微信小程序云开发不完全指北 首先必须说明云开发的"云"并不是类似云玩家里的云的意思,而是微信小程序真的提供了云开发的接口以及一个简单的提供存储.数据库服务的虚拟后台(对于一些轻量小程序就不需要自建服务器了). 作者也只是刚做了一个微信小程序,有什么问题可以一起探讨.(其实对于不用云开发的小程序还有些好奇,因为云开发的实际上有种傻瓜式一键解决的感觉). 本博客仅针对一些关键步骤作出陈述,希望初学者能快速得到一个整体的印象,详细的内容请参考官方文档. 注册开发者账号 注册地址:https:

什么是云开发 云开发与传统模式的对比 云开发能力介绍云开发对小程序开发的变革 云开发是微信团队联合腾讯云提供的原生serverless云服务,致力于帮助更多的开发者快速实现小程序业务的开发,快速迭代. 传统模式 产品经理,后端开发,部署上线,前端开发,正式发布 云开发模式 产品经理,前端开发,正式发布 没有了后端开发,部署上线 云开发能力介绍 存储能力:在小程序端直接上传,下载云端文件,可视化管理 云函数能力:在云端运行的代码,微信私有天然鉴权,开发者只需要编写自身业务逻辑代码 云数据库:一个既