
微信小程序笔记
陈阳羽
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序数据操作符基本指令
原创 2021-09-12 04:34:26 · 121 阅读 · 0 评论 -
云开发小程序登录界面
(一)创建一个新的小程序项目1.进入微信开发者工具2.创建一个新的小程序项目填写项目名称选择项目文件路径填写AppID开发者模式选择小程序后端服务选择不使用云服务(后期手动开启云服务不选择自动配置云服务)确定在这里插入图片描述(二)创建登陆界面效果图1.登录界面wxml用到标签inputviewimagebutton<!-- 登录背景 --><view class="bg_picture"> <!-- 背景图片 -->原创 2021-08-26 03:30:40 · 655 阅读 · 0 评论 -
小程序实现地图导航功能
小程序实现地图导航功能app.json获取导航授权信息wxml文件中命令map组件基本命令以及作用js文件中命令1.在data中设置地图界面显示的经纬度2.在data中设置标记点宽高经纬度3.标记点点击的回调函数getLocation获取当前自己经纬度openLocation跳转腾讯地图并查看导航未授权地理地理位置的处理app.json获取导航授权信息1.desc授权导航是弹窗文字 "permission": { "scope.userLocation": { "desc": "导原创 2021-07-12 20:33:31 · 5245 阅读 · 2 评论 -
小程序限制获取数据条数(limit)和数据排序(orderBy)
1.orderBy将数据排序1.1根据数据库中某一个数据(progress)进行排序1.2根据数据库中某一个数据进行降序(desc)或者升序(asc)排列2获取指定的数据条数(limit)limit(5)原创 2021-07-06 22:24:22 · 1120 阅读 · 0 评论 -
小程序中使用模糊搜索和键盘右下角搜索按钮(正则表达式)
1.先在wxml 中定义好input和搜索按钮2.在js文件中实现一下操作2.1获取input输入框中的输入的内容2.2使用正则表达式对input框内容进行搜索2.2.1food表示搜索的表名2.2.2name表示搜索的字段2.2.3so_input表示模糊搜索内容(也就是输入框中获取的数据)...原创 2021-07-02 23:50:44 · 435 阅读 · 0 评论 -
小程序CMS(开通预览)
小程序CMS开通预览1.点击云开发2.点击设置-拓展功能-内容管理小程序内容管理预览1.点击云开发2.点击设置-拓展功能-内容管理小程序内容管理预览1.点击云开发2.点击更多3.内容管理4.点击访问链接登录账号密码...原创 2021-06-27 21:19:18 · 295 阅读 · 0 评论 -
小程序云函数开发基础(配置、创建编辑、调用)
1配置云函数1.添加与pages同层级的文件夹2.1在项目根目录找到 project.config.json 文件,2.2新增 cloudfunctionRoot 字段,2.3指定本地已存在的目录作为云开发的本地根目录(这里目录名称叫做cloud)3.1我们在云函数根目录上右键、在右键菜单中,可以选择创建一个新的 Node.js 云函数我们将该云函数命名为 add...原创 2021-06-27 19:22:09 · 464 阅读 · 0 评论 -
微信小程序列跳详情用到的知识点data-
通过data-命令获取点击所需要的数据如id或者商品名称1.在商品 列表 页面wxml文件中执行1.1将数据列表进行遍历渲染1.2abc是点击回调函数是所带的数据2.在商品列表页js文件中执行2.1点击获取携带数据并跳转至详情页面navigateTo官方文档3.在商品详情页js文件中执行3.1给跳转过来的参数赋值一个变量这里e.id是跳转成功时携带的数据3.2将赋值的变量放入doc()中3.3Good数据进行渲染4.在商品详情页面wxml文件中4.1渲染Good数据 注意:原创 2021-06-14 15:02:22 · 314 阅读 · 0 评论 -
小程序中doc和where的区别
小程序中doc 和where的区别1.数据库条件两条同样的数据查找注意这里我的password都是zang10086但是那么我们现在我们分别用doc和where分别查找下看下console日志由此我们可以总结出doc和where的区别1.doc针对数据具有唯一性2.where则是针对整个数据库3.两者根据具体内容不一样使用方法不一样...原创 2021-06-12 21:49:14 · 1300 阅读 · 0 评论 -
小程序中where条件查询
1.where是条件查询 wx.cloud.database().collection("password") .where({//条件查询 user: 'potato' }) .get() .then(res => { console.log("成功", res) this.setData({ list: res.data }) }) .catc原创 2021-06-12 01:37:37 · 2968 阅读 · 0 评论 -
微信云数据库更新
1.wxml页面添加 input组件和button组件1.input组件放置需要 修改数据 和 要修改id2.button组件回调updata()函数。<!-- 更新数据 --><input placeholder="被更新数据库的ID" bindinput="oldData" /><input placeholder="修改的数据" bindinput="newData" /><button bindtap="upData">更新数据<原创 2021-06-08 19:38:20 · 378 阅读 · 0 评论 -
微信小程序查询/删除数据库中数据
在wxml文件中建立和组件1.将需要删除数据的id填入2.按钮用来查询/删除、数据<!-- 查询数据 --><button bindtap="getData">查询数据</button><!-- 删除数据 --><input placeholder="删除数据的ID" bindinput="delData" /><button bindtap="deleteDdata">删除数据</button>2.在.原创 2021-06-08 17:01:06 · 4057 阅读 · 4 评论 -
微信小程序数据库增加
在.wxml页面种定义一个按钮(button)<button bindtap="addData">添加数据</button>在.js 文件设置一个叫db的常量const db=wx.cloud.database().collection("password")在.js文件种定义下button的点击回调函数addData(){ db.add({ data:{ password:"nihao", user:"hello" }, success(e){ c..原创 2021-06-06 16:15:52 · 448 阅读 · 0 评论 -
微信小程序创建云开发环境(笔记)
创建一个新的小程序项目在project.config.json文件下搭建云环境目录"cloudfunctionRoot":"cloud",3.创建一个名为cloud的云开发目录4.app.js 文件种onLunch函数种开始做云开发初始化`onLunch onLaunch() { //云环境初始化 wx.cloud.init({ //env:云开发环境的ID env:"cloud1-5g9dbpooa152e9a7" }) },..原创 2021-06-06 02:00:15 · 721 阅读 · 2 评论