自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 【系】微信小程序云开发实战坚果商城-目录

【系】微信小程序云开发实战坚果商城目录开篇【系】微信小程序云开发实战坚果商城-开篇基础篇【系】微信小程序云开发实战坚果商城-弹性盒子【系】微信小程序云开发实战坚果商城-ES6 简单入门【系】微信小程序云开发实战坚果商城-官方案例先运行前端篇【系】微信小程序云开发实战坚果商城-商城项目搭建【系】微信小程序云开发实战坚果商城-前端之首页实现【系】微信小程序云...

2019-11-19 12:18:35 19755 63

原创 【系】微信小程序云开发实战坚果商城-扩展篇

第 5-1 课:扩展篇1 定时触发器如果云函数需要定时 / 定期执行,也就是定时触发,我们可以使用云函数定时触发器。配置了定时触发器的云函数,会在相应时间点被自动触发,函数的返回结果不会返回给调用方,详情进入官方网址,比如:两小时后取消订单、定点定时推送商品信息等。右击 cloud 选择 新建 Node.js 云函数 命名为 triggers云函数创建触发器,必须建一个 config....

2019-11-19 10:01:52 3242 3

原创 【系】微信小程序云开发实战坚果商城-前后端交互之个人中心实现

第 4-8 课:前后端交互之个人中心实现1 逻辑处理打开 client 新建 models/OrdelModel.js ,新增import { CloudRequest } from '../utils/cloud-request.js'class OrderModel extends CloudRequest { /** * 查询订单 * @param {*...

2019-11-19 10:00:53 3207

原创 【系】微信小程序云开发实战坚果商城-前后端交互之订单实现

第 4-7 课:前后端交互之订单实现1 逻辑处理打开 client 新建 models/orderModel.js ,新增import { CloudRequest } from '../utils/cloud-request.js'class OrderModel extends CloudRequest { /** * 生成订单 * @param {*} ...

2019-11-19 10:00:20 2901 2

原创 【系】微信小程序云开发实战坚果商城-前后端交互之商品详情实现

第 4-6 课:前后端交互之商品详情实现1 逻辑处理打开 client 新建 models/productModel.js ,新增import { CloudRequest } from '../utils/cloud-request.js'class ProductModel extends CloudRequest { /*********** 新增 *********/ ...

2019-11-19 09:58:39 2855 13

原创 【系】微信小程序云开发实战坚果商城-前后端交互之购物车实现

第 4-5 课:前后端交互之购物车实现1 逻辑处理client 新建 models/CartModel.jsimport { CloudRequest } from '../utils/cloud-request.js'class CartModel extends CloudRequest { _storageKeyName = 'cart'; constructor()...

2019-11-19 09:57:53 3823

原创 【系】微信小程序云开发实战坚果商城-前后端交互之主题实现

第 4-4 课:前后端交互之主题实现在这里我为了和底部的菜单栏区分,我把首页轮播下面的四个菜单称为主题,在日常的开发中我们商品有分类是必不可少的。为了展示数据这里我新建的集合 productTheme 随机关联几条商品信息。1 逻辑处理client 新建 models/productModel.jsimport { CloudRequest } from '../utils/cloud...

2019-11-19 09:57:18 1184

原创 【系】微信小程序云开发实战坚果商城-前后端交互之分类实现

第 4-3 课:前后端交互之分类实现1 逻辑处理client 新建 models/CategoryModel.jsimport { CloudRequest } from '../utils/cloud-request.js'class CategoryModel extends CloudRequest { /** * 获取分类 * @param {*} ca...

2019-11-19 09:56:47 2751 4

原创 【系】微信小程序云开发实战坚果商城-前后端交互之首页实现

第 4-2 课:前后端交互之首页实现1 逻辑处理client 新建 models/IndexModel.jsimport { CloudRequest } from '../utils/cloud-request.js'class IndexModel extends CloudRequest { /** * 获取首页轮播 * @param {*} callBack ...

2019-11-19 09:56:04 3391 10

原创 【系】微信小程序云开发实战坚果商城-前后端交互之开篇

第 4-1 课:前后端交互之开篇云开发已经告一段落了,现在我们需要前后端的数据对接工作了。很多时候在实际的开发中公司利用云开发可能只是部分功能,所以在这里编写的时候,我们处理的接口应该要做到通用。1 全局通用配置client 新建 config.js ,用来存放全局接口访问地址配置文件const config = { cloud_route: 'index'}export { c...

2019-11-19 09:55:24 4144 2

原创 【系】微信小程序云开发实战坚果商城-云开发之订单品数据实现

第 3-9 课:云开发之订单品数据实现1 集合处理在 fields 文件夹新建 orderField.js// order 指定返回结果中记录需返回的字段module.exports = { ORDERFIELD: { buyer_name: true, buyer_phone: true, buyer_address: true,...

2019-11-19 09:54:40 3226

原创 【系】微信小程序云开发实战坚果商城-云开发之商品信息和主题商品数据实现

第 3-8 课:云开发之商品信息和主题商品数据实现因为前面做了大量的铺垫,越到后面我实现起来越简单,商品信息和主题商品目前只有两个路由,我就放在一遍文章里面写。1 集合处理在 fields 文件夹新建 productThemeField.js// 指定返回结果中记录需返回的字段module.exports = { PRODUCTTHEMEFIELD: { th...

2019-11-19 09:54:04 3006 3

原创 【系】微信小程序云开发实战坚果商城-云开发之分类数据实现

第 3-7 课:云开发之分类数据实现1 集合处理在 fields 文件夹新建 productCategoryField.js// 指定返回结果中记录需返回的字段module.exports = { PRODUCT_CATEGORY_FIELD: { category_name: true, category_type: true, _id:fa...

2019-11-19 09:53:35 2846 1

原创 【系】微信小程序云开发实战坚果商城-云开发之首页数据实现

第 3-6 课:云开发之首页数据实现1 集合处理在实际的开发中,大家尽量不要吧所有的数据返回给前台,很多时候我们需要几个字段返回了几十个这样是非常不友好的,还有我们什么都返回别人很容易就知道我们的后台实现,避免不必要的破坏。在官方文档中过滤字段采用 filed 方法,如下:Collection.field / Query.field / Document.field指定返回结果中记录需...

2019-11-19 09:53:02 4046 13

原创 【系】微信小程序云开发实战坚果商城-云开发之数据库操作

第 3-5 课:云开发之数据库操作1 数据库操作公共类开发所需官方文档,大家在实际开发中一定多看文档,我们走在时代的前沿,很多东西出错,无法百度出想样的结果,所以希望大家作时代的先锋,时代的楷模,分析自己的踩坑爬坑的艰难过程。对于数据库常见的操作增删查改,如果每一个集合都去写一个数据库操作的代码,后期我们的版本升级和产品的不断变化,我们需要大量的时间去排查和修改。提取我们认为所有的重合的代码...

2019-11-19 09:52:12 4690 1

原创 【系】微信小程序云开发实战坚果商城-云开发之配置文件和工具类

第 3-4 课:云开发之配置文件和工具类1 配置文件数据库少了对集合的大量操作,对于集合的操作可能不会在同一个 serive ,所以我们使用全局常量方便后期维护。云函数 index 中新建文件 config/tableConfig.js// 集合名 module.exports = { BANNER : 'banner', THEME : 'theme', PRODUCT...

2019-11-19 09:50:13 3771

原创 【系】微信小程序云开发实战坚果商城-云开发之环境搭建

第 3-3 课:云开发之环境搭建云开发之前需要掌握 ES6 中的 let 、const 、promise 、导入、导出、类,这些常见的特性。1 环境搭建小程序内提供了专门用于云函数调用的 API 。开发者可以在云函数内使用 wx-server-sdk 提供的 getWXContext 方法获取到每次调用的上下文( Appid 、openid 等),无需维护复杂的鉴权机制,即可获取天然可信...

2019-11-19 09:48:22 5539 6

原创 【系】微信小程序云开发实战坚果商城-云开发开篇

第 3-2 课:云开发开篇1 初识云开发云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力,简言之就是:云能力将会成为小程序的基础能力。小程序云开发目前提供三大基础能力支持:云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 数据库文件存储:在小程序前端直接上传/下载云端文件,在云开发控制...

2019-11-19 09:47:47 6574 9

原创 【系】微信小程序云开发实战坚果商城-数据库设计

第 3-1 课:数据库设计1 banner :轮播字段名数据类型默认值含义备注idstring主键namestringBanner名称,通常作为标识descriptionstring描述imagestring主图showint是否显示0:显示,1:不显示product_idString商品id...

2019-11-19 09:46:39 9575 2

原创 【系】微信小程序云开发实战坚果商城-前端之个人中心实现

第 2-8 课:前端之个人中心实现所在路径 client/pages/my/my1 个人中心基本实现my.js data 数据如下,目前我们是没有调后台的数据,默认给出默认值方便页面的展示data: { userInfo: [], defaultImg: '../../images/my/header.png', orders: [{ _id: "...

2019-11-18 10:14:53 4313 5

原创 【系】微信小程序云开发实战坚果商城-前端之订单实现

第 2-7 课:前端之订单实现所在路径 client/pages/order/order1 订单基本实现order.js data 数据如下,目前我们是没有调后台的数据,默认给出默认值方便页面的展示data: { orderStatus: 0, account:0.1, address:[], products: [ { order...

2019-11-18 10:14:14 3814 3

原创 【系】微信小程序云开发实战坚果商城-前端之商品详情实现

第 2-6 课:前端之商品详情实现所在路径 client/pages/product/product1 商品详情基本实现product.js data 数据如下,目前我们是没有调后台的数据,默认给出默认值方便页面的展示 data: { currentTab: 0, // tab选项卡 product: { _id: '5cf526aaa87a1a18b662...

2019-11-18 10:13:25 3291

原创 【系】微信小程序云开发实战坚果商城-前端之购物车实现

第 2-5 课:前端之购物车实现所在路径 client/pages/cart/cart1 购物车基本实现cart.js data 数据如下,目前我们是没有调后台的数据,默认给出默认值方便页面的展示data: { cartData: [{ _id: "5cf526aaa87a1a18b6624ae6", product_description: "...

2019-11-18 10:12:43 4112

原创 【系】微信小程序云开发实战坚果商城-前端之主题实现

第 2-4 课:前端之主题实现所在路径 client/pages/theme/theme1 主题基本实现theme.js data 数据如下,目前我们是没有调后台的数据,默认给出默认值方便页面的展示 data: { products: [{ _id: "5cf526aaa87a1a18b6624ae6", product_description: "",...

2019-11-18 10:11:56 2432 2

原创 【系】微信小程序云开发实战坚果商城-前端之分类实现

第 2-3 课:前端之分类实现所在路径 client/pages/category/category1 分类基本实现category.js data数据如下,目前我们是没有调后台的数据,默认给出默认值方便页面的展示 data: { menuCategories: [{ category_name: '坚果炒货', category_type: ...

2019-11-18 10:10:58 4351

原创 【系】微信小程序云开发实战坚果商城-前端之首页实现

第 2-2 课:前端之首页实现所在路径client/pages/index/index1 轮播实现index.js data 数据如下,目前我们是没有调后台的数据,默认给出默认值方便页面的展示 data: { indicatorDots: true, //是否显示面板指示点 autoplay: true, //自动轮播 interval: 3000, // 自动...

2019-11-18 10:10:11 8569 15

原创 【系】微信小程序云开发实战坚果商城-商城项目搭建

第 2-1 课:商城项目搭建1 准备工作已经申请小程序,获取小程序 AppID 在小程序管理后台中, 设置的开发设置 下可以获取微信小程序 AppID 。2 新建项目这里我们已经不需要官方的模板,将其官方给的图片和模板删除。项目重命名,文件夹和 project.config.json 对应即可3 app.json 配置文件修改修改 app.json 全局的默认窗口配置"win...

2019-11-18 10:08:51 34764 7

原创 【系】微信小程序云开发实战坚果商城-官方案例先运行

第 1-3 课:官方案例先运行1 前期准备下载微信开发者工具,方便后期调试官方下载地址 。小程序云开发本地调式需要 nodejs 环境,大家如没有安装 nodejs 环境,需要安装下。网上安装的教程也比较多。2 项目初始化点击微信开发者工具的云开发,根据提示开通云开发功能,完成后会跳转到对应的云开发控制台:云开发官方文档地址点击链接查看。cloudfunctions ...

2019-11-12 11:35:23 5737

原创 【系】微信小程序云开发实战坚果商城-ES6 简单入门

第 1-2 课:ES6 简单入门1 var 、 let 、 const3 箭头函数4 数组的扩展5 class类6 Promise 对象

2019-11-12 11:32:57 3962

原创 【系】微信小程序云开发实战坚果商城-弹性盒子

第 1-1 课:微信小程序实操弹性盒子1 弹性盒子2 容器的属性3 容器的组合

2019-11-12 11:27:46 6915 2

原创 【系】微信小程序云开发实战坚果商城-开篇

什么是小程序·云开发? 为什么选择是微信小程序?云开发有必要吗?我适合学习吗?

2019-11-12 11:19:52 13211 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除