07 2021 档案
摘要：一、创建images文件夹 创建images文件夹，与pages文件夹同级。将小程序多页面的小图标文件放在images文件夹下。 二、配置多页面 打开app.json文件，添加tabBar代码。 1 "tabBar": { 2 "color": "#C3C3C3", 3 "selectedColor
阅读全文
摘要：一、CMS导入内容模型 导入6个内容模型：管理员、轮播图、订单表、菜品表、评论表、排号表。 第一步：准备好内容模型的json文件 1 [{"fields":[{"dateFormatType":"timestamp-ms","description":"系统字段，请勿随意修改","displayNa
阅读全文
摘要：一、CMS创建集合数据 1、创建集合数据（导入数据） 选择导入数据（目前支持导入json格式/csv格式的数据），拖拽或者选择导入文件，将文件导入到对应集合中。 2、创建集合数据（手动创建） 二、集合数据：CMS和数据库同步 集合数据创建完成后，在CMS中可以看到新创建的集合数据，也同步到数据库表。
阅读全文
摘要：一、CMS创建集合字段 1、创建集合字段（跟随导入模型一起倒入字段） 选择导入模型（目前仅支持导入json格式的数据），拖拽或者选择json文件，将文件导入的内容模型。 2、创建集合字段（手动创建） 二、集合字段：CMS和数据库不同步 集合字段创建完成后，在CMS中可以看到新创建的集合字段，但是不同
阅读全文
摘要：一、CMS创建内容模型 1、创建内容模型（导入模型） 选择导入模型（目前仅支持导入json格式的数据），拖拽或者选择json文件，将文件导入的内容模型。 2、创建内容模型（手动创建） 二、CMS和数据库同步创建 内容模型创建完成后，在CMS和数据库中分别可以看到新创建的内容模型。 1、在CMS中的效
阅读全文
摘要：一、登录CMS 进入【内容管理】>点击访问地址。进入内容管理（CMS）页面。 二、初次进入CMS 输入账号密码，初次进入内容管理（CMS） 三、创建项目 点击创建项目，输入项目名、项目ID和项目介绍。 点击【创建】，项目创建成功。 点击进入该项目的内容管理（CMS）。
阅读全文
摘要：一、云开发控制台开通内容管理 第一步：进入云开发>更多>内容管理 第二步：点击【开通】，弹窗提示确认信息。 第三步：点击【下一步】，输入管理员账号和密码。 第四步：输入账号admin和密码。点击【确定】。界面一直处于【处理中】，我们需要等待几分钟。 第五步：开通成功。处理完成后，界面展示账号信息、内
阅读全文
摘要：一、网络获取新订单语音提示 注册耳聆网（https://www.ear0.com/），下载对应的mp3语音文件 二、导入音频文件到云存储 新建文件夹，取名为mp3。将语音文件拖拽到mp3文件夹里面。
阅读全文
摘要：一、创建云函数目录 1.创建云函数文件夹，命名为cloud，该文件夹一定要与pages文件夹同级。此时该文件夹的前面没有云朵的标识。 二、部署云函数目录 进入project.config.json文件，配置云函数所在的目录为cloud/。修改完成后，文件夹新添加云朵。
阅读全文
摘要：一、开通云开发 第一步：点击【云开发】，进入【云开发控制台】 第二步：输入对应的环境名称（取名为dommy）、付费方式选择“按量付费” 点击【开通】，等待初始化。 开通完成后的界面。 二、云开发环境初始化 第一步：进入【云开发】>【设置】>【环境设置】>复制环境ID 第二步：进入小程序开发者工具>a
阅读全文
摘要：一 注册小程序 进入微信公众平台，注册微信小程序。https://mp.weixin.qq.com/wxopen/waregister?action=step1。 第一步：填写账号信息 第二步：邮箱激活。 第三步：信息登记。 二、获取AppID 小程序注册完成后，进入小程序管理后台，【开发管理】>【
阅读全文
摘要：一、需求 点击【我的】，检查是否有缓存： 如果有缓存数据，显示已登录状态，从缓存数据中获得用户的微信头像和微信名字。 如果无缓存，显示默认头像和“点击登录”文字。 点击【我的】>【退出登录】，清空缓存。 二、效果展示 三、代码实现 1、me.wxml 1 <!--未登录--> 2 <view cla
阅读全文
摘要：一、创建页面load 创建页面load 二、需求说明 登录之前，【我的】头像和文字显示为默认显示。微信授权登录成功之后，【我的】头像和文字分别获取微信头像和微信名字。 三、代码实现（微信授权登录页面） 1、load.wxml 1 <view class="loadType"> 2 <button t
阅读全文
摘要：一、需求分析 使用手机号码和随机短信验证码登录。 二、创建云函数 创建云函数，命名为sendSMS，实现将获取到的随机验证码发送到用户手机短信上。 1 // 云函数入口文件 2 const cloud = require('wx-server-sdk') 3 4 //cloud.init() 5 c
阅读全文
摘要：一、新建页面 新建页面loadByAccount 二、代码实现 1、loadByAccount.wxml 1 <view>账号</view> 2 <input type="text" placeholder="请输入账号" bindinput="getAccount"></input> 3 <vie
阅读全文
摘要：一、新建数据库表 新建数据库表users，用来存储注册成功后提交的数据。数据库表包括3个字段： 用户名：userName 账号：Account 密码：Password 二、新建注册页面 新建注册页面，命名为sign。 1、sign.wxml 1 <view>用户名</view> 2 <input t
阅读全文
摘要：一、准备工作 1、开通订阅消息 进入微信公众平台（地址：https://mp.weixin.qq.com/），进入小程序【管理后台】>【功能】>【订阅消息】>开通。 2、申请推送模板 进入小程序【订阅消息】>【公共模板库】，搜索选择自己需要订阅的消息模板，一个小程序可以订阅多个消息模板。 二、获取用
阅读全文
摘要：一、准备工作 1、创建云函数identify 2、云函数identify中index.js代码 1 // 云函数入口文件 2 const cloud = require('wx-server-sdk') 3 4 //cloud.init() 5 //环境变量初始化 6 cloud.init({ 7
阅读全文
摘要：一、准备工作 1、创建云函数identify 二、云函数identify中index.js代码 1 // 云函数入口文件 2 const cloud = require('wx-server-sdk') 3 4 //cloud.init() 5 //环境变量初始化 6 cloud.init({ 7
阅读全文
摘要：一、准备工作 1、创建云函数identify 2、云函数identify中index.js代码 1 // 云函数入口文件 2 const cloud = require('wx-server-sdk') 3 4 //cloud.init() 5 //环境变量初始化 6 cloud.init({ 7
阅读全文
摘要：一、准备工作 1、创建云函数identify 2、云函数identify中index.js代码 1 // 云函数入口文件 2 const cloud = require('wx-server-sdk') 3 4 //cloud.init() 5 //环境变量初始化 6 cloud.init({ 7
阅读全文
摘要：一、准备工作 1、创建云函数identify。自定义action==“2”的时候识别银行卡信息。 2、云函数identify中index.js代码 1 const cloud = require('wx-server-sdk') 2 3 //cloud.init() 4 //环境变量初始化 5 cl
阅读全文
摘要：一、准备工作 1、创建云函数identify 2、云函数identify中index.js代码 1 // 云函数入口文件 2 const cloud = require('wx-server-sdk') 3 4 //cloud.init() 5 //环境变量初始化 6 cloud.init({ 7
阅读全文
摘要：一、准备工作 1、创建数据库表images 2、设置数据库表images的权限 二、创建图片列表页 创建图片列表页imageList，用于展示图片列表。该页面具有跳转到图片上传页面、图片列表展示、删除图片的功能。 1、imageList.wxml <!-- 上传图片 --> <view class=
阅读全文
摘要：一、准备工作 1、创建数据库表articles，字段分别为： 序号 字段名称 字段类型 字段值 字段描述 备注说明 1 title string "标题1" 文章标题 2 description string "描述1" 文章描述 3 content string "进入迎峰度夏，受华东、华中、华南
阅读全文
摘要：一、准备工作 1、创建数据库nums，向数据库中导入108条数据 2、修改数据库表nums的权限 二、新建页面ListPaginated 1、wxml文件 <!-- 显示列表数据 --> <view wx:for="{{list}}" class="list"> <text>id：{{item._i
阅读全文
摘要：一、json文件开启页面刷新 开启页面刷新。在页面的json文件里配置两处： "enablePullDownRefresh": true, //true代表开启页面下拉刷新 "backgroundColor": "#d3d3d3" //背景色设置为灰色，可以看到下拉刷新的效果 { "usingCom
阅读全文
摘要：一、wxml文件 <!-- 上传、下载、打开文件一步执行 --> <view class="handle"> <button bindtap="handleFile" type="primary">上传下载打开文件</button> <text>实现文件的上传、下载、打开一步到位</text> </
阅读全文
摘要：一、wxml文件 1、写文本框，用来获取文件链接。 2、按钮，点击下载文件 <!-- 下载文件（word/excel/ppt/pdf等） --> <view class="inputContent"> <text>请输入下载链接：</text> <input type="text" bindinpu
阅读全文
摘要：说明 word/excel/ppt/pdf是从客户端会话选择文件。使用chooseMessageFile中选择文件。 一、wxml文件 上传按钮，绑定chooseFile <!--上传文件（word/excel/ppt/pdf等）到云存储--> <button bindtap="chooseFile
阅读全文
摘要：说明 图片/视频这类文件是从客户端会话选择文件。 一、wxml文件添加if切换显示 <!--上传文件到云存储--> <button bindtap="chooseImg" type="primary" >上传单张图片</button> <button bindtap="chooseVideo" ty
阅读全文
摘要：一、wxml文件 <!-- 上传视频到云存储 --> <button bindtap="chooseVideo" type="primary" class="uploadImg">上传单个视频</button> <view class="myImage"> <video src="{{videoUr
阅读全文
摘要：一、商品列表页 1.wxml文件 在view中添加点击事件goToGoodDetail，绑定数据data-id <!-- 添加点击事件goToGoodDetail --> <view wx:for="{{list}}" class="list" bindtap="goToGoodDetail" da
阅读全文
摘要：一、将商品图片上传至云存储 如下图，已准备5张商品图片，并且已经将商品图片上传至云存储 二、数据库表添加图片字段 在数据库表goods添加字段image，该字段用来存储图片的url信息 image在数据库中的值，从云存储中复制对应图片的url地址。 三、页面获取商品信息（商品图片、商品名称和商品价格
阅读全文
摘要：一、wxml文件 页面上写上传图片的按钮，按钮绑定chooseImg。 <button bindtap="chooseImg" type="primary" class="uploadImg">上传单张图片</button> <view class="myImage"> <image src="{{
阅读全文
摘要：一、存储 进入【云开发控制台】>点击【存储】。将需要存储的文件通过【上传文件】方式上传上去。或者通过拖拽的方式上传文件。 二、存储文件的类型 可以存储的文件有很多，常见的文件类型包括：word/Excel/ppt/图片/音频/视频等。 三、文件信息 点击文件标题，右侧显示文件的信息。复制下载地址，进
阅读全文
摘要：1.编写加法运算的云函数addData 2.在本地小程序页面调用云函数
阅读全文
摘要：一、云函数获取商品信息 1.创建云函数getData，云函数功能：获取商品信息 2.在本地小程序页面调用云函数getData 二、云函数修改商品信息 1、创建云函数updateData，云函数功能：更新商品价格 2、在本地小程序页面调用云函数updateData 三、云函数删除商品信息 1.创建云函
阅读全文
摘要：一、数据库获取数据 1.1 数据库获取数据的写法 在本地创建的页面js文件中写代码 1.2 数据库获取数据返回数据限制20条 数据库获取数据，每次返回20条数据（数据库有108条数据） 1.3 数据库获取数据权限设置 数据库获取数据时，想要获取成功，必须设置相应权限，将默认的【仅创建者可读写】变更为
阅读全文
摘要：一、调用初始云函数获取openid的两种方法 1.传统的success和fail 2.ES6的.then和.catch 3.编译结果 说明：初始云函数，是指刚创建完成的云函数。默认系统写的代码。
阅读全文
摘要：一、检查云函数环境 检查云函数环境时候，鼠标右键点击查看当前环境。如果存在多个云开发环境，要确保云函数的当前环境要与app.js中evn的环境值一致。 如果不一致，则鼠标右键切换当前云开发环境。（如果存在多个云开发环境可以进行切换） 二、创建云函数 点击创建的云函数文件夹>鼠标右键>新建Node.j
阅读全文
摘要：一、新建云函数文件夹 新建的云函数文件夹，命名为cloud，该文件夹一定要与pages文件夹同级。此时该文件夹的前面没有云朵的标识。 二、配置project.config.json文件 在project.config.json文件里面配置云函数所在的目录为cloud。代码 "cloudfunctio
阅读全文
摘要：一、查询价格大于10的商品 1.wxml文件 2.js文件 where条件语句：.where({price:db.command.gt(10)}) 3.查询结果 二、查询价格大于等于10的商品 js文件，where条件语句：.where({price:db.command.gte(10)}) 三、查
阅读全文
摘要：一、WXML实现 在wxml文件中添加对应链接，点击链接绑定事件skipGoods。 二、js实现 js文件中写skipGoods()函数，实现跳过2条数据的功能。
阅读全文
摘要：一、wxml文件 在wxml文件中，写页面和点击事件，添加绑定事件limitGoods 二、js文件 在js文件中写limitGoods()，使用.limit(3)表示只显示3条数据
阅读全文
摘要：一、wxml添加升序和降序 在商品列表的wxml文件中添加超链接a标签，分别用于升序和降序的点击。分别绑定升序和降序的点击事件。 二、js文件实现升序和降序 分别写对应的按价格升序函数sortByPriceAsc()和按价格降序函数sortByPricDesc()。此时已完成升序和降序的功能。 三、
阅读全文
摘要：一、在商品详情页添加【删除单条数据】按钮 进入goodDetail.wxml页面，添加【删除单条数据】按钮，绑定点击事件removeGood() 二、进入goodDetail.js文件，定义removeGood()函数 点击【删除单条数据】按钮，先弹窗提示是否确定删除。 如果确定删除，则获取id进行
阅读全文
摘要：一、wxml增加input输入框和【更新商品价格】按钮 在商品详情页新增【更新商品价格】按钮，wxml新增部分代码，input绑定事件，用于获取用户输入的内容。按钮绑定事件，用于更新商品价格。 二、js实现代码获取input内容和更新商品价格功能 1.定义getNewPrice()获取inputyo
阅读全文
摘要：一、列表页面新增【添加商品】按钮 在列表页增加【添加商品】按钮，按钮绑定事件toAdd()，用户点击该按钮跳转到添加商品页面。 在js文件中写toAdd()函数，作用是点击【添加商品】按钮，跳转到【添加商品】页面 "pages/addgood/addgood" 二、新建【添加商品】页面 1.【添加商
阅读全文
摘要：一、新建页面 新建列表页"pages/goodslist/goodslist"，新建列表详情页"pages/gooddetail/gooddetail" 二、列表页显示商品列表 1.js文件，查询商品信息，并将查询到的商品信息存放到自定义数组goodslist[]中 2.wxml文件。for循环遍历
阅读全文
摘要：一、js文件使用.remove()删除单条数据 在js文件中写updategood函数，在函数中使用.doc()指定要删除的数据id，调用.remove()方法删除数据。 二、wxml文件添加【删除】按钮 在wxml文件中添加删除按钮，按钮bindtap绑定deletegood事件。点击【删除】按钮
阅读全文
摘要：一、js文件代码使用.update更新数据 写一个更新数据的函数，函数内使用.update更新数据。一定要通过.doc指定修改哪一条数据。 二、wxml文件修改数据的按钮 在wxml文件中写【修改】按钮，为按钮添加bindtap绑定updategood()函数，实现修改数据的功能 三、检查数据库中数
阅读全文
摘要：一、数据的添加 使用add方法添加数据 添加完成后，在数据库中查询，可以看到数据库中添加了1条数据，此时添加的数据系统自动添加了_openid 将【添加】功能写到对应的方法中 wxml页面中，点击【添加】按钮，实现数据的添加功能 点击【添加】，在数据库中查询，成功添加到1条记录。
阅读全文
摘要：一、使用where条件查询 在.get()语句之前增加.where语句实现条件查询。 二、通过doc查询单条数据 1、使用doc来查询数据库中的单条数据 2、定义一个空对象，用来展示插叙到的单条数据 3、将获得的单条数据显示在页面上
阅读全文
摘要：从数据中查询数据有两种方法： 一、js文件的写法 1.使用传统的get方法 2.使用ES6简洁写法，推荐使用此方法 二、wxml文件的代码 把请求的数据显示在页面上。
阅读全文
摘要：一、新建云数据库 进入【云开发】界面，点击【数据库】>添加>创建集合>确定。 二、向数据库中添加数据 选中【数据库】，点击【添加记录】，向数据库中添加记录 添加【字段】和【值】，并选择【类型】 点击【确定】后，微信会自动生成对应的id号。可以查看创建的数据信息。
阅读全文
摘要：一、注册小程序 打开【微信开发者工具】，点击界面上的【注册】，进入注册微信小程序页面。（也可以直接进入微信小程序注册地址：https://mp.weixin.qq.com/进行注册） 进入【小程序注册】页面，完成账号信息、邮箱激活和信息登记三步后即完成小程序的注册。 说明： 如果只是学习的话,注册个
阅读全文
浙公网安备 33010602011771号