分类归档

小程序

FWQ
小程序
关于PPI的详细介绍
这篇文章主要介绍了微信小程序  wx.request合法域名配置详解的相关资料,需要的朋友可以参考下微信小程序  wx.request合法域名配置加上了appid,麻烦事就来了.问题:xxx不在以下合法域名列表中 ,请参考文档解决方法:去微信公众平台配置域名.注意:1.一个月申请修改的次数3次,且行且珍惜.我这个月只有一次机会了.2.必须是https. https ssl证书【相关推荐】1. 微信小程序完整源码2. 微信小程序demo:阳淘1. 详解wx.request域名配置简介:这篇文章主要介绍了微信小程序  wx.request合法域名配置详解的相关资料,需要的朋友可以参考下2. 微信小程序 wx.request合法域名配置详解简介:这篇文章主要介绍了微信小程序 wx.request合法域名配置详解的相关资料,需要的朋友可以参考下3. 微信小程 1. 简介:这篇文章主要介绍了微信小程序  wx.request合法域名配置详解的相关资料,需要的朋友可以参考下微信小程序  wx.request合法域名配置加上了appid,麻烦事就来了.问题:xxx不在以下合法域名列表中 ,请参考文档解决方法:去微信公众平台配置域名.注意:1.一个月申请修改的次数3次,且行且珍惜.我这个月只有一次机会了.2.必须是HTTPS. HTTPS S… 2. 简介:这篇文章主要介绍了springmvc之json数据交互controller方法返回值为简单类型,非常具有实用价值,需要的朋友可以参考下当controller方法的返回值为简单类型比如String时,该如何与json交互呢? 使用@RequestBody 比如代码如下:@RequestMapping(value=”/ceshijson”,produces=”applic… 3. 简介:本文介绍微信支付下的刷卡支付的开发过程。微信刷卡支付是指用户打开微信钱包的刷卡的界面,商户扫码后提交完成支付的支付过程。 一、刷卡支付API接口地址api.mch.weixin.qq.com/pay/micropay是否需要证书不需要。输入参数名称 变量名 必填 类型…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之刻度尺滑块选择打赏金额功能
摘要: 与自带的slider不同的是,它是通过手势滑动标尺得到取值,而不是通过滑动滑块本身。 效果图 图片:1.gif 场景 当一屏显示不下,例如年龄体重选择,金额选择等大区间需要的选择器,相比自带的picker要直观一些。 思路: 先画一个scrollView 2 装进canvas lineTo画刻度线段,lineTo+fill画出三角形游标,fillText描绘文本标签 通过bindscroll监听刻度尺触摸事件 渲染取值到页面 基本布局 <scroll-view>  <canvas></canvas></scroll-view> 登录后复制 实现bindscroll方法 bindscroll: function (e) {  // deltaX 水平位置偏移位,每次滑动一次触发一次,所以需要记录从第一次触发滑动起,一共滑动了多少距离   deltaX += e.detail.deltaX;   console.log(deltaX)} 登录后复制 描绘刻度 const context = wx.createCanvasContext('canvas-ruler');// 移动到原点context.moveTo(origion.x, origion.y);// 画线到刻度高度context.lineTo(origion.x, origion.y - heightDecimal);// 设置属性context.setLineWidth(1);// 描线context.stroke();// 描绘文本标签context.setFontSize(fontSize);context.fillText('0', origion.x - fontSize / 2, fontSize);context.draw(); 登录后复制 遍历刻度 for (var i = 0; i <br>切记要调用context.beginPath();<br><strong>描绘游标</strong><br><pre class="brush:js;toolbar:false;" >drawCursor: function () {    /* 定义变量 */    // 定义三角形顶点 TODO x    var center = {x: app.screenWidth / 2, y: 5};    // 定义三角形边长    var length = 20;    // 左端点    var left = {x: center.x - length / 2, y: center.y + length / 2 * Math.sqrt(3)};    // 右端点    var right = {x: center.x + length / 2, y: center.y + length / 2 * Math.sqrt(3)};    // 初始化context    const context = wx.createCanvasContext('canvas-cursor');…
2024-11-25 阅读全文 →
FWQ
小程序
微信API接口
这篇文章介绍的内容是关于api接口 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 本文给大家介绍的是个人总结的一些微信API接口,包括微信支付、微信红包、微信卡券、微信小店等,十分的全面,有需要的小伙伴可以参考下。 微信入口绑定,微信事件处理,微信API全部操作包含在这些文件中。微信支付、微信红包、微信卡券、微信小店。 1. [代码]index.php     <?php include_once 'lib.inc.php'; $wcObj = new WeChat("YOUKUIYUAN"); $wcObj->wcValid(); 登录后复制 2. [代码]微信入口类     <?php /** * Description of wechat * * @author…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序 暗黑模式
1、开启暗黑模式 在 app.json 中配置 “darkmode”: true // app.json { ... "darkmode": true } 登录后复制 2、配置主题文件 在根目录新建主题配置文件 theme.json, 并在 app.json 中配置路径引入 // app.json { ... "themeLocation": "theme.json" } 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
详解在小程序开发上更具优势的行业
微信小程序适用行业包括: 电商商城系统、外卖点餐系统、上门服务系统、服务交通系统、出门旅行系统、投资理财系统、教育培训系统、健康医疗系统等等,今天夏日葵电商小编为大家揭秘其中几种行业小程序的功能优势。 外卖点餐APP开发优势: 1、餐厅介绍,呈现餐厅品牌故事和发展历程,让用户有较深认知。 2、评论管理,增加用户活跃度和粘度。 3、自动定位,准确获取餐厅位置,引导用户到餐厅消费。 4、预约餐位,节省用户排位时间,为用户提供最便捷的用餐方式。 5、配送管理,快、准、鲜,赢得用户青睐。 6、订单管理,让用户售后体验更佳。 上门服务系统开发优势: 1、服务管理,实现全套家政服务流程。 2、在线支付,多种支付方式满足客户需求。 3、自动定位,准确获取目的地位置。 4、订单追踪,售前到售后服务一流。 5、预约管理,针对不同时段,预约月嫂/清洁人员等进行家政上门服务。 6、评价系统,增加用户活跃度和粘度。 7、,更多会员机制、优惠互动绑定老客户,增加品牌宣传力度。 8、消息推送,一键使用服务并让用户成为真正的粉丝,碎片化时间增大品牌推广度。 9、人员管理,让每个人都了解自己的地位,不要忘记和他们讨论他们的工作表现。 服务交通系统开发优势: 1、自动定位,准确获取目的地位置。 2、线路,提供多种线路直通目的地,全方位抓取用户资源。 3、路线规划,给用户提供私人订制。 4、附近推荐,让用户增加信任度,并形成多路径传播渠道。 5、路况查询,提前预知交通状况,避免自然灾害,减少用户时间和金钱的损失。 6、发现周边,提供全面精准服务。 夏日葵电商出门旅行系统开发优势: 1、出行统计,更好分析出用户出游,针对性对用户推荐路线。…
2024-11-25 阅读全文 →
FWQ
小程序
总结分享微信小程序的开发步骤
本篇文章给大家带来了关于的相关知识,主要介绍了微信小程序开发的步骤,起哄包括了准备工作、框架介绍、程序开发以及设计规范的相关问题,希望对大家有帮助。 【相关学习推荐:】 本文简述微信小程序开发步骤,详细信息请参考微信开发文档 1、准备工作 1:注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1 用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 , 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。 2:登录 https://mp.weixin.qq.com 我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。有了小程序帐号之后,我们需要一个工具来开发小程序。 根据官方教程进行开发 https://developers.weixin.qq.com/miniprogram/dev/framework/ 3:安装开发工具  前往 开发者工具下载…
2024-11-25 阅读全文 →
FWQ
小程序
详解如何在不同的移动设备上小程序设置rpx单位
我们在做微信小程序的开发时,经常会遇到在写样式表的时候发现用px的效果不太理想的情况。日常开发中,我们常用rem、em来做的像素单位,他们都是相对单位。rem相对于文档的根元素,em相对于父元素。但是在微信小程序的官方文档用rpx来做响应式布局单位!那什么是rpx,应该如何设置呢?今天我们就来好好了解一下。 [color=rgb(44,]rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。  说实话,一开始没看懂。rpx到底是个啥?又该如何理解“750rpx = 375px = 750物理像素”这句话呢? 开始之前,我们先扯一扯像素、物理长度、设备独立像素、设备独立像素比都是些啥? 【像素】:它不是自然界的物理长度,指基本原色素及其灰度的基本编码。 【物理像素】:它是显示器(电脑、手机屏幕)最小的物理显示单位,每个物理像素由颜色值和亮度值组成。是不是有点眼熟?我们要记住物理像素指的是显示器上最小的点。 【设备独立像素】:它又称密度无关像素,划重点——密度无关,是计算机程序实际处理的虚拟像素(如css的px),由相关关系转化为设备像素。这个相关关系就是指下面要介绍的——设备像素比 【设备像素比】:设备像素比 = 物理像素 / 设备独立像素,单位是dpr!…
2024-11-25 阅读全文 →
FWQ
小程序
微信支付开发对账单介绍
注意 微信支付现在分为v2版和v3版,2014年9月10号之前申请的为v2版,之后申请的为v3版。V3版的微信支付没有paySignKey参数。v2的相关介绍请参考方倍工作室的其他文章。本文介绍的为微信支付v3。  一、对账单数据接口 微信支付v3提供了对账单的数据接口,其使用的接口为  https://api.mch.weixin.qq.com/pay/downloadbill 请求的参数如下 字段名 变量名 必填 类型 示例值 描述 公众账号ID appid 是 String(32) wx8888888888888888 微信分配的公众账号ID 商户号 mch_id 是 String(32) 1900000109 微信支付分配的商户号 设备号 device_info 否 String(32)…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序机器人自动客服功能
现在微信小程序在开发中比较流行,本文就教大家一种微信新功能:客服机器人的小程序,这个小程序也可以做其他类型的自动客服程序,在olami平台加上相应的问题和答案,就可以了。 整个小程序界面包含2个部分,一部分用于显示回答,一部分为输入框。小程序的核心就是向olami服务器发送http请求,然后处理结果并显示出来。olami接口的详细使用方法可以参考置顶的两篇博客。处理输入的代码如下: bindInput: function (e) {   var that = this;   var input = e.detail.value;   var timeStamp = new Date().getTime();   var sign = '1df21860a96a4509bcb50957bbdd6eccapi=nliappkey=382c5f83fb67458a99ca7b2eee17473etimestamp=' + timeStamp + '1df21860a96a4509bcb50957bbdd6ecc';   var MD5 = require('../../utils/MD5.js')   sign = MD5.md5(sign);   wx.request({    url: 'https://cn.olami.ai/cloudservice/api',    data: {     appkey: '382c5f83fb67458a99ca7b2eee17473e',     api: 'nli',     timestamp: timeStamp,     sign: sign,     rq: JSON.stringify({      "data_type": "stt",      "data": {       "input_type": 1,       "text": input      }     }),     cusid: app.globalData.custId,    },    header: {     'content-type': 'application/x-www-form-urlencoded'    },…
2024-11-25 阅读全文 →
FWQ
小程序
webpack如何动态引入文件
这次给大家带来webpack如何动态引入文件,webpack动态引入文件的有哪些,下面就是实战案例,一起来看一下。 刚开始使用webpack时,可能很多人都会有过这样的想法,在文件时,能不能不写静态的路径,而是使用一个更灵活的方式,比如定义一个,根据具体的运行情况来确定需要require哪个文件! 比如,笔者就遇到了一个这样的需求。 当时是使用vue-router开发一个管理系统,管理系统自身有一个目录数组,而vue-router也需要一个route配置数组,而这两者恰恰是对应关系的。当时就想,能不能只维护一个目录数组,然后动态的生成route数组呢? 于是我实现了一个小demo,如下: // directory let dir = [ { name: 'a', path: '/a', componentPath: './a.vue' }, { ... } ]; let route = []; for…
2024-11-25 阅读全文 →