微信小程序
微信小程序+后端drf
骑猪去兜风z1
python后端开发,如果你看见,一个正在写bug的,头发茂密的调包侠,正是在下
展开
-
微信小程序input框无法获取数据
使用微信小程序里面的input组件,使用bindinput绑定函数,但是无法获取输入的值。原创 2023-04-12 16:04:20 · 2092 阅读 · 1 评论 -
移动web开发——flex布局(最新版)
数值越小,排列越靠前,默认为0。注意:和 z-index 不一样。.item {原创 2023-04-03 17:05:07 · 94 阅读 · 0 评论 -
wx------模板
name 属性-- 真实的模板内容template不会渲染起包裹作用 -->...3.引入模板wxml中引入:wxss中引入:@import "路径";4.使用模板原创 2023-03-31 17:27:57 · 87 阅读 · 0 评论 -
wx-------事件处理
事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。原创 2023-03-31 17:22:29 · 159 阅读 · 0 评论 -
wx-----数据绑定/条件渲染/生命周期
app.jsapp.js每个小程序都需要在 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。App(object)注册小程序。接受一个Object参数,其指定小程序的生命周期回调等。原创 2023-03-31 17:17:15 · 137 阅读 · 0 评论 -
wx---->微信小程序组件
小程序:上面所有的标签都没有,称为组件。view 块元素,类似div。原创 2023-03-30 21:28:19 · 1226 阅读 · 0 评论 -
wx---目录介绍
pages目录下放的就是小程序中的各个页面。在pages中创建页面的时候,会出现4个文件:xxx.js:页面相关的js代码可以写在这里xxx.wxml:这个就是页面文件,相当于我们之前的HTML,所以页面结构内容写在这里xxx.wxss:页面的样式内容,相当于之前的css,所以页面相关的样式可以写在这里xxx.json:页面有关的配置,比如页面导航栏的背景色、内容等等。原创 2023-03-29 20:05:03 · 218 阅读 · 0 评论 -
微信小程序---headerd&data,GET请求传参的格式的区别
get请求# data /api/index/?min_id=25# headerd /api/index?min_id=25原创 2022-04-26 15:16:48 · 3444 阅读 · 1 评论 -
微信小程序支付---详解(python)
1. 前提准备1.1 开通了微信支付功能(每年需要交300元)需要自己去申请,需要上传营业执照及其所要求的信息 1.2 小程序id&&小程序密钥1.3 商户密钥keykey设置路径:微信商户平台(pay.weixin.qq.com)-->账户中心-->账户设置-->API安全-->设置API密钥1.4 支付的官方文档支付文档https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?ch.原创 2022-04-26 15:00:11 · 6194 阅读 · 0 评论 -
微信小程序---上传图片到腾讯cos组件封装
前端html<view class="container"> <view class="chose-image" bindtap="uploadImage"> <image src="/static/images/icon/picupload_icon_show.png"></image> <text>+图片</text> </view> <view class="image-li原创 2022-04-19 23:03:12 · 3684 阅读 · 0 评论 -
微信小程序---跳转到tabbar页面的两种方式
1. getCurrentPages1.1 html<view class="btn" bindtap="continuePublish">继续发布</view>1.2 jscontinuePublish:function(){ var pages = getCurrentPages(); pages[pages.length - 2].resetData(); wx.navigateBack({}); }, // 清空数据(前原创 2022-04-19 22:36:13 · 7908 阅读 · 0 评论 -
微信小程序---双向绑定&&传参
1.双向绑定1.1html<view class="text"> <textarea placeholder=" 来呀,写下你的心情" value="{{content}}" bindinput="bindContentInput" /> </view>1.2 js// 获取内容bindContentInput: function(e) { this.setData({ content: e.detail.value })原创 2022-04-19 00:02:27 · 4304 阅读 · 0 评论 -
微信小程序---倒计时
1.html <view class="code" bindtap="onClickCheckCode"> {{sms_status}}</view>2.jsdata: { sms_status: "获取验证码" }, if (res.data === "ok") { // todo 计时器 this.countDown(); } // 定时器 countDown: fu原创 2022-04-18 23:41:19 · 3410 阅读 · 0 评论 -
微信小程序部署
1. 配置服务器域名小程序要求程序中使用到所有外部链接(HTTPS)必须将域名提前配置到微信平台。2. 小程序api路径替换3. 上传小程序代码如果想让小程序被所有人在微信中使用,需要将小程序代码进行上传&审核, 审核通过之后才能在微信中找到该小程序。4.需要对小程序进行描述和配置:5. 提交审核(1-2天)︰...原创 2022-03-11 21:15:11 · 9254 阅读 · 0 评论 -
微信小程序---微信退款API封装
# !/usr/bin/env python# -*- coding:utf-8 -*-"""退款 根据订单号进行退款(必须要证书才能用)文档:https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=9_4&index=4"""import uuidimport randomimport hashlibimport requestsfrom xml.etree import ElementTree as ETdef m.原创 2022-03-08 07:27:06 · 3323 阅读 · 0 评论 -
微信小程序---自定义tabbar
0. 文档位置自定义tabbarhttps://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html1. 使用1.1 随便创建一个文件夹---创建一个commponent1.2 html<!--miniprogram/custom-tab-bar/index.wxml--><cover-view class="tab-bar"> <cove.原创 2022-02-28 16:23:44 · 4263 阅读 · 0 评论 -
微信小程序---上拉/下拉获取信息组件
1. 前端1.1 app.json配置(默认不支持下拉)局部配置,如果想全局都可以下拉,那配置在全局的app.json即可{ "enablePullDownRefresh": true}1.1 html<!-- 表面信息 --> <view class="index_item" wx:for="{{ index_data_list }}" wx:key="index"> <navigator url="/pages/inside/in原创 2022-02-23 23:20:07 · 3441 阅读 · 0 评论 -
腾讯cos---对象删除(js操作)
removeImage: function (e) { // 密钥获取 var cos = new COS({ // 必选参数 getAuthorization: function (options, callback) { wx.request({ url: 'http://127.0.0.1:8030/api/moment/?phone=' + phone, data: { // 可.原创 2022-02-22 23:26:07 · 3193 阅读 · 0 评论 -
微信小程序---轮播图
0. 微信小程序轮播图的实现a. 是利用了swiper组件滑块视图容器b. swiper的文档文档https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html1. 常用属性介绍2. 常用事件3. 使用案例3.1 hml<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval...原创 2022-02-22 23:13:38 · 3002 阅读 · 0 评论 -
微信小程序---进度条&data局部修改值
1. 进度条1.1 html<progress percent="{{percent1}}" ></progress><progress percent="{{percent2}}" activeColor="#DC143C" ></progress>1.2. jsdata: { percent1:20, percent2:50, },2. 局部修改data数据2.1 html<view>原创 2022-02-22 22:39:55 · 2816 阅读 · 0 评论 -
闭包解决异步问题,ajax/axios...
1. 第一种(自执行函数)1.1 格式 ()()(function(参数1){})(传递参数1的地方)1.2 案例var dataList = ["1111", "222", "33"]for (var i in dataList) { (function(data){ wx.request({ url: 'xxxxx', success: function (res) { console.log(data); }.原创 2022-02-22 22:33:17 · 2908 阅读 · 0 评论 -
微信小程序---腾讯云cos的使用---前端上传图片+后端生成临时密钥
0. 腾讯云cos介绍:- 第一阶段:文件服务器,将文件存储在某个服务器(目录结构的划分)。- 第二阶段: - 文件存储,将文件存储在某个服务器(目录结构的划分)。 - 对象存储,优化存储和操作优化(不支持目录结构划分)。- 第三阶段:云服务(阿里/腾讯/七牛/亚马逊) - 文件存储 - 对象存储1. 腾讯云cos开通,1.1 直接在腾讯云搜索对象存储即可,根据提示进行开通2. 进入官方文档,进行相关操作2.1 小程序sdk官方文档微信小程序sdk官方文档h原创 2022-02-21 23:09:34 · 19805 阅读 · 1 评论 -
微信小程序----子值传父
1. 子1.1 html<view> <view class="item" wx:for="{{ topic_list }}" wx:key="index" bindtap="topicItem" data-item="{{ item }}"> <text>#{{ item.id }} {{ item.name }}</text> <text>人数:{{ item.people_num }}</text>原创 2022-02-21 22:26:14 · 3871 阅读 · 0 评论 -
微信小程序---页面的生命周期
/ 按照加载顺序- onLoad(监听页面加载,只加载一次)- onShow(只要展示这个页面,就会自动加载,一般用于获取数据)- onReady(一次)- onHide(每次页面隐藏就会自动加载,)- onUnload(卸载页面,小程序关闭)...原创 2022-02-20 22:04:28 · 3243 阅读 · 0 评论 -
微信小程序---跳转回上一个页面
wx.navigateBack({});原创 2022-02-20 22:01:08 · 3695 阅读 · 0 评论 -
微信小程序---全局/本地存储
1. 在app.js 中存储1.1 接口// 往本地存储,防止小程序关闭,重写登录wx.setStorageSync('userinfo', info);// 从本地获取值wx.getStorageSync('userinfo')// 从清空本地值wx.removeStorageSync('userinfo')1.2案例 /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function () {原创 2022-02-20 21:59:31 · 4555 阅读 · 0 评论 -
微信小程序---发送网络请求
1. 微信开发者工具设置(跨域设置)2.html<view class="code"> <input type="text" bindinput="bindCode" placeholder="输入验证码" /> <text bindtap="get_code">点我获取验证码</text> </view>3. jsdata: { phone: "", code: "", }...原创 2022-02-20 11:26:39 · 4928 阅读 · 0 评论 -
微信小程序---双向绑定
1. html<text>{{ phone }}</text> 账号 <input bindinput="bindKeyInput" placeholder="请输入账号"/>2. jsdata: { phone: "", },// 双向绑定账号 bindKeyInput: function (e) { // console.log(e) this.setData({ phone: e.det原创 2022-02-19 22:15:07 · 3005 阅读 · 0 评论 -
微信小程序---常用的指令/组件
1. 组件(标签)1.1 wx:for指令1.1.1 html1. 内置了一个index/item,前者索引,后者元素<view wx:for="{{ data_list }}">{{ index }} {{ item }} index索引 item元素 </view> 2. 修改使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名:<view wx:for="{{array}}" w原创 2022-02-18 22:03:19 · 4866 阅读 · 1 评论 -
微信小程序---页面跳转的两种方式
1. 基于事件跳转1.1 html<view bindtap="clickMe" data-id="1" data-name="xxx">点我跳转,参数以data-的形式传递</view>1.2 js// 跳转 clickMe: function (e) { // console.log(e) var id = e.target.dataset.id var name = e.target.dataset.name wx.nav原创 2022-02-18 21:42:46 · 3357 阅读 · 0 评论 -
微信小程序----用户位置获取&信息获取&图片上传
1. 用户位置获取1.1 html<view bindtap="getLocalPath">点我获取位置:{{localPath}}</view>1.2 app.json添加配置{ "pages": [ "pages/index/index" ], "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }}1.3原创 2022-02-18 21:37:17 · 3547 阅读 · 0 评论 -
微信小程序账号注册&初始化&环境搭建
1.小程序账号注册账号注册https://mp.weixin.qq.com/点开发管理保存自己的AppID,一会创建小程序的时候会用到2.点击下载微信小程序开发工具注意安装的路径,不能有中文微信小程序开发工具下载https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html3. 创建小程序4. 小程序的目录介绍5. 小程序的初始化把里面的文件全部删掉...原创 2022-02-18 13:11:51 · 11375 阅读 · 0 评论