分类归档

小程序

FWQ
小程序
微信小程序基础加强总结
本篇文章给大家带来了关于的相关问题,其中主要介绍了一些基础内容,包括了自定义组件、样式隔离、数据、方法和属性等等内容,下面一起来看一下,希望对大家有帮助。 【相关学习推荐:】 1、自定义组件 1.1、创建组件 在项目的根目录中,鼠标右键,创建 components -> test 文件夹 新建的 components -> test 文件夹上,鼠标右键,点击新建 Component 键入组件的名称之后回车,会自动生成组件对应的 4 个文件,后缀名分别为 .js、.json、.wxml 和 .wxss 1.2、引用组件 局部引用:组件只能在当前被引用的页面内使用 全局引用:组件可以在每个小程序页面中使用 1.3、局部引用组件 在页面的 .json 配置文件中引用组件的方式,叫做局部引用。示例代码如下:…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中表单提交和验证以及正则表达式的用法介绍(附代码)
本篇文章给大家带来的内容是关于微信小程序中表单提交和验证以及正则表达式的用法介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在wxml中: 登录后复制           登录      重置     在js中: formSubmit:function(e){ console.log(e);//控制台打印输出表单信息,在detail中的value中,页面输入的信息会以其input标签中的name命名 //进行e中的信息获取,然后进行相应的处理 } formReset:function(e){ console.log(e);//控制台打印输出表单信息 }//可写可不写 登录后复制 表单验证:        表单验证采取正则表达式验证方法:(自己理解,观点可能片面)     var reg =  new RegExp("正则表达式模式str");     //其中str为字符串形式,所以字面上并不是真正的正则表达式,要用javascript中的转义字符,将其中的正则表达式所需字符转义出来     //或-- var reg =  /正则表达式模式/;     //以上一种是最常用的定义正则表达式的方法,其中‘/’为边界     reg.test(str);     //应用test()方法验证字符串格式,如果格式相同则返回true,否则false…
2024-11-25 阅读全文 →
FWQ
小程序
使用java实现微信公众平台自定义菜单的创建示例代码
这篇文章主要介绍了使用java实现微信公众平台的创建示例代码,需要的朋友可以参考下 代码如下: import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.net.HttpURLConnection; import java.net.MalformedURLException; import java.net.URL; import org.json.JSONObject; public class MenuUtil {  /**   * 获得ACCESS_TOKEN  * @Title: getAccess_token  * @Description: 获得ACCESS_TOKEN  * @param @return    设定文件  * @return String    返回类型  * @throws   */  private static String getAccess_token(){     String APPID="";   String APPSECRET="";        String url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+ APPID + "&secret=" +APPSECRET;        String accessToken = null;       try {              URL urlGet = new URL(url);              HttpURLConnection http = (HttpURLConnection) urlGet.openConnection();                  http.setRequestMethod("GET");      //必须是get方式请求                  http.setRequestProperty("Content-Type","application/x-www-form-urlencoded");    …
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序是否可以引用特殊字体
微信小程序是否可以引用特殊字体     可以引用特殊字体。 具体的方法如下: 方法一: 转base64格式 1、下载要使用的字体,建议TTF格式 2、打开网站 https://transfonter.org/ 转换格式,得到压缩包 3、将压缩包解压后,把stylesheet.css的内容复制到小程序的公共样式,就可以使用了 推荐学习: 方法二:动态加载网络字体(推荐使用) 动态加载网络字体。文件地址需为下载类型。iOS 仅支持 https 格式文件地址。 wx.loadFontFace({   family: 'HYQH-50S',   source: 'url("https://www.xxx.com/font/HYQH-50S.ttf")',   success: function (res) {     console.log(res.status)   },   fail: function (res) {     console.log(res.status)   },   complete: function (res) {     console.log(res.status);   } });…
2024-11-25 阅读全文 →
FWQ
小程序
微信支付开发动态链接Native支付实例代码
本篇文章主要介绍微信支付下的基于动态链接二维码的Native支付实现流程,希望能给开发微信支付的小伙伴提供帮助 注意: 微信支付现在分为v2版和v3版,2014年9月10号之前申请的为v2版,之后申请的为v3版。V3版的微信支付没有paySignKey参数。本文介绍的为微信支付v3。 一、生成商品信息 动态链接支付过程中,是先生成商品交易进行,再来进行支付交易的。 1. 商品信息准备 主要是先定义商品的名称及价格,以及交易号。代码如下。 include_once("../WxPayPubHelper/WxPayPubHelper.php"); //使用统一支付接口 $unifiedOrder = new UnifiedOrder_pub(); //设置统一支付接口参数 //设置必填参数 //appid已填,商户无需重复填写 //mch_id已填,商户无需重复填写 //noncestr已填,商户无需重复填写 //spbill_create_ip已填,商户无需重复填写 //sign已填,商户无需重复填写 $unifiedOrder->setParameter("body","贡献一分钱");//商品描述 $timeStamp = time(); $out_trade_no = WxPayConf_pub::APPID."$timeStamp";…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序前端源码的解析
这篇文章主要介绍了 小程序前端源码详解及实例分析的相关资料,需要的朋友可以参考下 微信小程序前端源码逻辑和工作流 看完微信小程序的前端代码真的让我热血沸腾啊,代码逻辑和设计一目了然,没有多余的东西,真的是大道至简。 废话不多说,直接分析前端代码。个人观点,难免有疏漏,仅供参考。 文件基本结构: 立即学习“”; 先看入口app.js,app(obj)注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。其他文件可以通过全局方法getApp()获取app实例,进而直接调用它的属性或方法,例如(getApp().globalData) //app.js App({  onLaunch: function () {   //调用API从本地缓存中获取数据   var logs = wx.getStorageSync('logs') || []   logs.unshift(Date.now())   wx.setStorageSync('logs', logs)  },  getUserInfo:function(cb){   var that = this   if(this.globalData.userInfo){    typeof cb == "function" && cb(this.globalData.userInfo)   }else{    //调用登录接口    wx.login({     success: function () {      wx.getUserInfo({       success: function (res) {…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发之判断当前客户端是否支持指定的js接口的方法
由于微信的使用有使用权限,所以我们有必要判断一下客户端是否支持js接口。 基础接口、判断当前客户端版本是否支持指定JS接口 第一、jsapi.代码 nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;        <base>"&gt;     <title>微信jsapi测试-V型知识库</title>     <meta>    <script> </script>       <center><h3>欢迎来到微信jsapi测试界面-V型知识库</h3></center>   <br>      <p>timestamp:${ timestamp}</p>        <p>nonceStr:${ nonceStr}</p>        <p>signature:${ signature}</p>        <p>appId:${ appId}</p>        <!-- <input type="button" value="upload" onclick="uploadImg();"/> <input type="button" value="获取当前位置" onclick="getLocation();"/> -->      <p>基础接口之判断当前客户端是否支持指定的js接口</p>   …
2024-11-25 阅读全文 →
FWQ
小程序
详解微信小程序中如何安装和引用ECharts?
本篇文章给大家介绍一下微信小程序中使用 npm 引入 echarts 的方法,希望对大家有所帮助! Apache ECharts 官方提供了 的代码实例和 ec-canvas 组件,但是未发布 npm 包。 此项目在官方代码之上修改支持 ec-canvas 组件传入 echarts 可支持 npm 引入 echarts 或本地自定义构建后的 echarts,更符合 Web 开发体验。 并且发布 npm 包,支持小程序通过…
2024-11-25 阅读全文 →
FWQ
小程序
关于http请求封装的用法总结
微信小程序  http请求封装示例代码wx.request({  url: ‘test.php’, //仅为示例,并非真实的接口地址  data: {    x: ” ,    y: ”  },  method:’POST’,  header: {    ‘content-type’: ‘application/json’  },  success: function(res) {  &nbsp 1. 简介:那代码中我们比较关注什么? 1.请求的参数,访问的接口 2.GET/POST…请求方式 3.请求参数统一处理(比如:加密、设置公共参数…) 4.请求成功返回的数据(比如:解密、抽离逻辑层数据) 5.请求失败反馈 2. 简介:这篇文章主要介绍了微信小程序  http请求封装详解及实例代码的相关资料,需要的朋友可以参考下 3. 简介:这篇文章主要介绍了微信小程序  http请求封装详解及实例代码的相关资料,需要的朋友可以参考下 4. 简介:这篇文章主要介绍了php实现的http请求封装,结合实例形式分析了php基于curl的http请求操作功能实现技巧与使用方法,需要的朋友可以参考下…
2024-11-25 阅读全文 →
FWQ
小程序
PC端用.NET微信开发实现扫码注册和登录功能详解
这篇文章主要介绍了.net微信开发之pc 端微信扫码注册和登录功能实现的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 一、前言 先声明一下,本文所注重点为实现思路,代码及数据库设计主要为了展现思路,如果对代码效率有着苛刻要求的项目切勿照搬。 相信做过微信开发的人授权这块都没少做过,但是一般来说我们更多的是为移动端的网站做授权,确切来说是在微信端下做的一个授权。今天遇到的一个问题是,项目支持微信端以及 PC 端,并且开放注册。要求做到无论在 PC 端注册或者是在微信端注册之后都可以在另外一个端进行登录。也就是说无论 PC 或是微信必须做到”你就是你”(通过某种方式关联)。 二、寻找解决方案 按传统的方式来思考,微信端完全可以通过授权进行注册,但是PC端呢,传统的方式无非就是填填手机号码啊,或者 Email 等等。如果采用这种方式注册,会产生下面这的问题 1.我先在微信端授权注册,那么如果我要登录PC端还是得进行注册。 对此解决方案可以为:微信授权注册后“强制”要求用户必须填写基本信息,如手机号、Email 。这样我们可以通过某种方式为用户生成PC端登录的账号密码.例如以用户的 nickname 为账号,手机号码为密码,等等方式。 弊端:用户体验不好,再者有安全隐患。毕竟你的微信昵称, Email 或者手机号码都是暴露的。 2.如果我先在 PC 端注册,我在微信授权的时候怎样关联移动端 当然,凡是问题总会有解决方案的。思路如下:     方案一:当用户在…
2024-11-25 阅读全文 →