随笔分类 -  微信小程序

摘要:一、准备工作 1、创建云函数identify 2、云函数identify中index.js代码 1 // 云函数入口文件 2 const cloud = require('wx-server-sdk') 3 4 //cloud.init() 5 //环境变量初始化 6 cloud.init({ 7 阅读全文
posted @ 2021-07-23 10:54 AnnLing 阅读(1409) 评论(0) 推荐(0)
摘要:一、准备工作 1、创建数据库表images 2、设置数据库表images的权限 二、创建图片列表页 创建图片列表页imageList,用于展示图片列表。该页面具有跳转到图片上传页面、图片列表展示、删除图片的功能。 1、imageList.wxml <!-- 上传图片 --> <view class= 阅读全文
posted @ 2021-07-22 17:58 AnnLing 阅读(898) 评论(0) 推荐(0)
摘要:一、准备工作 1、创建数据库表articles,字段分别为: 序号 字段名称 字段类型 字段值 字段描述 备注说明 1 title string "标题1" 文章标题 2 description string "描述1" 文章描述 3 content string "进入迎峰度夏,受华东、华中、华南 阅读全文
posted @ 2021-07-21 09:31 AnnLing 阅读(1742) 评论(2) 推荐(2)
摘要:一、准备工作 1、创建数据库nums,向数据库中导入108条数据 2、修改数据库表nums的权限 二、新建页面ListPaginated 1、wxml文件 <!-- 显示列表数据 --> <view wx:for="{{list}}" class="list"> <text>id:{{item._i 阅读全文
posted @ 2021-07-20 10:50 AnnLing 阅读(1404) 评论(0) 推荐(0)
摘要:一、json文件开启页面刷新 开启页面刷新。在页面的json文件里配置两处: "enablePullDownRefresh": true, //true代表开启页面下拉刷新 "backgroundColor": "#d3d3d3" //背景色设置为灰色,可以看到下拉刷新的效果 { "usingCom 阅读全文
posted @ 2021-07-19 18:03 AnnLing 阅读(452) 评论(0) 推荐(0)
摘要:一、wxml文件 <!-- 上传、下载、打开文件一步执行 --> <view class="handle"> <button bindtap="handleFile" type="primary">上传下载打开文件</button> <text>实现文件的上传、下载、打开一步到位</text> </ 阅读全文
posted @ 2021-07-19 17:26 AnnLing 阅读(1603) 评论(0) 推荐(0)
摘要:一、wxml文件 1、写文本框,用来获取文件链接。 2、按钮,点击下载文件 <!-- 下载文件(word/excel/ppt/pdf等) --> <view class="inputContent"> <text>请输入下载链接:</text> <input type="text" bindinpu 阅读全文
posted @ 2021-07-19 16:04 AnnLing 阅读(3334) 评论(0) 推荐(1)
摘要:说明 word/excel/ppt/pdf是从客户端会话选择文件。使用chooseMessageFile中选择文件。 一、wxml文件 上传按钮,绑定chooseFile <!--上传文件(word/excel/ppt/pdf等)到云存储--> <button bindtap="chooseFile 阅读全文
posted @ 2021-07-19 15:21 AnnLing 阅读(1750) 评论(0) 推荐(0)
摘要:说明 图片/视频这类文件是从客户端会话选择文件。 一、wxml文件添加if切换显示 <!--上传文件到云存储--> <button bindtap="chooseImg" type="primary" >上传单张图片</button> <button bindtap="chooseVideo" ty 阅读全文
posted @ 2021-07-19 12:23 AnnLing 阅读(1978) 评论(0) 推荐(0)
摘要:一、wxml文件 <!-- 上传视频到云存储 --> <button bindtap="chooseVideo" type="primary" class="uploadImg">上传单个视频</button> <view class="myImage"> <video src="{{videoUr 阅读全文
posted @ 2021-07-19 11:39 AnnLing 阅读(1852) 评论(0) 推荐(0)
摘要:一、商品列表页 1.wxml文件 在view中添加点击事件goToGoodDetail,绑定数据data-id <!-- 添加点击事件goToGoodDetail --> <view wx:for="{{list}}" class="list" bindtap="goToGoodDetail" da 阅读全文
posted @ 2021-07-16 18:00 AnnLing 阅读(693) 评论(0) 推荐(0)
摘要:一、将商品图片上传至云存储 如下图,已准备5张商品图片,并且已经将商品图片上传至云存储 二、数据库表添加图片字段 在数据库表goods添加字段image,该字段用来存储图片的url信息 image在数据库中的值,从云存储中复制对应图片的url地址。 三、页面获取商品信息(商品图片、商品名称和商品价格 阅读全文
posted @ 2021-07-16 17:19 AnnLing 阅读(2320) 评论(0) 推荐(0)
摘要:一、wxml文件 页面上写上传图片的按钮,按钮绑定chooseImg。 <button bindtap="chooseImg" type="primary" class="uploadImg">上传单张图片</button> <view class="myImage"> <image src="{{ 阅读全文
posted @ 2021-07-16 16:32 AnnLing 阅读(1515) 评论(1) 推荐(0)
摘要:一、存储 进入【云开发控制台】>点击【存储】。将需要存储的文件通过【上传文件】方式上传上去。或者通过拖拽的方式上传文件。 二、存储文件的类型 可以存储的文件有很多,常见的文件类型包括:word/Excel/ppt/图片/音频/视频等。 三、文件信息 点击文件标题,右侧显示文件的信息。复制下载地址,进 阅读全文
posted @ 2021-07-16 13:54 AnnLing 阅读(1117) 评论(0) 推荐(0)
摘要:1.编写加法运算的云函数addData 2.在本地小程序页面调用云函数 阅读全文
posted @ 2021-07-16 12:23 AnnLing 阅读(631) 评论(0) 推荐(0)
摘要:一、云函数获取商品信息 1.创建云函数getData,云函数功能:获取商品信息 2.在本地小程序页面调用云函数getData 二、云函数修改商品信息 1、创建云函数updateData,云函数功能:更新商品价格 2、在本地小程序页面调用云函数updateData 三、云函数删除商品信息 1.创建云函 阅读全文
posted @ 2021-07-16 12:02 AnnLing 阅读(1457) 评论(0) 推荐(0)
摘要:一、数据库获取数据 1.1 数据库获取数据的写法 在本地创建的页面js文件中写代码 1.2 数据库获取数据返回数据限制20条 数据库获取数据,每次返回20条数据(数据库有108条数据) 1.3 数据库获取数据权限设置 数据库获取数据时,想要获取成功,必须设置相应权限,将默认的【仅创建者可读写】变更为 阅读全文
posted @ 2021-07-15 17:05 AnnLing 阅读(1530) 评论(0) 推荐(0)
摘要:一、调用初始云函数获取openid的两种方法 1.传统的success和fail 2.ES6的.then和.catch 3.编译结果 说明:初始云函数,是指刚创建完成的云函数。默认系统写的代码。 阅读全文
posted @ 2021-07-15 16:24 AnnLing 阅读(530) 评论(0) 推荐(0)
摘要:一、检查云函数环境 检查云函数环境时候,鼠标右键点击查看当前环境。如果存在多个云开发环境,要确保云函数的当前环境要与app.js中evn的环境值一致。 如果不一致,则鼠标右键切换当前云开发环境。(如果存在多个云开发环境可以进行切换) 二、创建云函数 点击创建的云函数文件夹>鼠标右键>新建Node.j 阅读全文
posted @ 2021-07-15 16:04 AnnLing 阅读(487) 评论(0) 推荐(0)
摘要:一、新建云函数文件夹 新建的云函数文件夹,命名为cloud,该文件夹一定要与pages文件夹同级。此时该文件夹的前面没有云朵的标识。 二、配置project.config.json文件 在project.config.json文件里面配置云函数所在的目录为cloud。代码 "cloudfunctio 阅读全文
posted @ 2021-07-15 15:30 AnnLing 阅读(1335) 评论(0) 推荐(0)