分类归档

小程序

FWQ
小程序
微信小程序中如何调用本地的接口
本篇文章给大家带来的内容是关于微信小程序中如何调用本地的接口 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 小程序是运行在微信平台的一种轻量级app,通过一系列微信特定的组件构建用户界面,数据还是通过调用数据接口来获取。 所以,调用本地接口,在小程序中很重要。 1、首先需要绑定小程序id,然后添加request 合法域名,微信要求接口是https加密传输,所以服务器需要安装证书 2、在 onLoad中 使用微信 API wx.request 来请求 如果要用 POST 请求,需要在代码中设置 header: {‘content-type’: ‘application/x-www-form-urlencoded’}     wx.request({       url: 'https://api.xxx.com:9090/v1/Tools/UserModel/GetUserList/',       data: {         find: _find,         tokenKey: _tokenKey,         timeStamp: _timeStamp,         currentPage: _currentPage,       },       method: "GET",       header: {         "Content-Type": "application/json",       },…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发中全局变量缓存的问题处理
这个问题的出现是因为,在input的事件,我没有找到更好的能监听键盘收回的方法,也是为了更好的用户体验吧,所以随之而来的问题就是全局变量,在赋值之后用户退出这个页面,全局变量被微信缓存了,然后造成,用户输入过一次之后,修改手机号失败的bug。 let Btel = '',//防止用户恶意修改手机号     Byzm = ''; handleTel(e) {// 这里修改用户输入的手机号         this.setData({             tel:e.detail.value          })     },     handleYzm(e) {         this.setData({             Yzm:e.detail.value         })         Byzm = e.detail.value;        let psd = this.data.psd,             yzm = this.data.Yzm;         yzm == psd ? this.setData({isYzm:0}):'';     },    handleGetYzm() {        let reg = common.telReg,             val = this.data.tel;             if (!reg.test(val)) {                wx.showModal({                 content:'请输入正确的手机号',                 showCancel:false,                 confirmColor:'#3cc51f',//默认值为#3cc51f                 success:res =>{                    if(res.confirm){                         this.setData({                             tel:''                         })                              }                 }…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实战开发之微信小程序简介
摘要: 小程序实战开发第一篇:微信小程序简介 1.什么是小程序?小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户  … 微信小程序实战开发第一篇:微信小程序简介 1.什么是小程序?小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 2.小程序能做什么?目前看来,小程序是一款可以做到大部分APP应用能做到的事情功!微信小程序已经为我们开发者提供了丰富的API和组件,让我们在微信里面能够去构建一个功能完善的应用。3. 既然小程序能做到大部分APP能做到的事情,那么相对于原生APP,小程序的优点在哪里?1)首先,从普通用户的角度来看,正常获取APP的流程是这样的:到APP store或者各大应用市场去搜索,下载,安装app等操作,同时我们还要面对一些手机流量,手机空间,手机硬件等等一系列的问题,用一款APP的程序相对繁琐。这样一来,小程序不需要安装,省流量也省时间。虽然在某些场景上比不上原生态的手机APP,但综合对比下,作为用户就会更倾向于小程序,小程序的优点相对要多一些。2)其次,对于开发者来说,开发更便捷了,时间也更短,投入也更少了。对于运营小程序的团队来说,成本就更低了。因为开发一个app少则几十万,多者几百万,因为开发一款app不仅需要支持ios的,也要支持安卓的,还有硬件成本和人力成本,费用都是非常昂贵的。现在可以把 这部分资金省下来投入到运营中去。4.小程序的开发工具和数据字典(开发文档)是什么?微信小程序开发工具和开发文档入口:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=2017112每个组件,API等我们后续慢慢讲。首先看开发工具我们可以看到官方提供了3个版本的开发者工具下载。我们只需要根据自己系统的版本点击进去下载即可。跟普通软件安装一样,选择安装路径一步步安装就可以了。注意:windows xp 32位的开发者工具下载安装后,可能会出现无法运行的情况。为了避免此类情况的发生,我们建议大家使用windows 64位的系统。 5.如何创建一个微信小程序项目?1)微信小程序开发工具安装成功后,在桌面可以打开。如果是首次登陆的话,会提示用微信扫描二维码登陆。我本地非第一次登陆,所以打开后的页面如下: 2)点击添加项目,按提示信息填写AppleID,项目名称,项目目录内容就可以了。如果没有AppleID就选择无就可以了。点击确认添加项目后,就会出现如下页面: 以上就是小程序实战开发之微信小程序简介的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序搜索分页功能实现
本篇文章给大家带来的内容是关于微信小程序搜索分页功能实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 这里以搜索歌曲为例: 前端: <view>     <view>       <view>           <icon></icon>           <input>       </view>       <view>搜索</view>     </view>     <view>       <scroll-view>         <view>           <view></view>           <text>{{item.SongName}}--{{item.SingerName}}</text>           <view>             <text>{{item.SingerName}}</text>           </view>         </view>         <view>正在载入更多...</view>         <view>已加载全部</view>       </scroll-view>       </view>   </view> 登录后复制 样式: page{  …
2024-11-25 阅读全文 →
FWQ
小程序
分享微信小程序开发的心得总结
小程序开放至今,许多公司企业已经开发出了自己的小程序,比如大家常用的摩拜单车、携程旅行、美团等。这些大公司有技术实力,所以小程序上线是非常容易的。但对于线下的中小企业来说,没有技术实力,小程序依旧是一个可望不可及的存在。其实市场从来不会存在真空,哪里有需求,哪里就会有供给。今天就给大家介绍一个小程序的制作方法和工具。帮助大家能尽快领到小程序大势的船票。制作方法:1、常规代码式一般有技术实力的公司开发小程序是依照微信官方的代码形式开发,这种方法优点就是,制作出的小程序界面、样式排列各不相同,功能也比较丰富。但缺点就是需要专业的开发者和ui设计师。开发难度和成本比较高。这种常规的方式显然不适合线下的传统中小企业。2、使用第三方小程序开发工具这种方式是使用第三方的小程序开发工具,这类工具一般都不需要编程。区别于微信小程序官方的代码编辑器,这类工具是图形化的界面。做小程序就像做ppt一样。把图片、 1. 简介:小程序开放至今,许多公司企业已经开发出了自己的小程序,比如大家常用的摩拜单车、携程旅行、美团等。这些大公司有技术实力,所以小程序上线是非常容易的。但对于线下的中小企业来说,没有技术实力,小程序依旧是一个可望不可及的存在。 2. 简介:前几篇讲述微信小程序开发工具使用、生命周期和事件。  本次讲述微信小程序数据和视图绑定 3. 简介:本篇你可以学习到:  如何使用小程序开发工具写一个Hello World  微信小程序设计规范  微信小程序项目结构 4. 简介:微信小程序的兴起让许多无法承担传统APP开发费用的企业看到了曙光。有些企业在有技术团队和App开发经验的基础上转移开发重点,有些企业则借助这款无需代码直接生成的微信小程序开发工具进行迅速开发。那么微信小程序开发需要注意哪些事项呢? 5. 简介:本文介绍微信小程序事件如何使用。1:事件冒泡在微信小程序开发工具中,新建event文件夹,新建文件,在event.wxml中填写如下代码:viewclass=view1bindtap=view1clickid=view1 data-title=新闻标题data-id=100这里 … , 6. 简介:微信小程序是当前的热点,市面上已经有很多微信小程序开发相关的文章,今天晚上抽了点时间折腾了微信小程序,并顺便看看了下微信小程序开发者工具的实现,是使用Node.js开发的,UI是基于NW.js框架开发的,支持Windows和Mac跨平台。 微信小程序开发工具初体验 首先当然是先下载个微信小程序开发工具,微信Web开发者工具下载地址, 然后顺便找了个感觉还可以的小程序源码微信中的知乎微信小… 7. 简介:在微信公布小程序的文档和开发工具后,我们在第一时间进行了学习和体验,发现微信小程序的技术架构和开发体验让我们有些失望。由于微信小程序的运行环境并不是一个标准的浏览器环境,而且微信的封装工作并不完善,所以我们以往开发中的很多经验并不适用。这并非简单的开发习惯不适应,更重要的是我们的开发流程、规范将不适用。微信小程序开发第一宗罪: 无法调用NPM包虽然微信小程序开发工具打包时实现了require… 8.…
2024-11-25 阅读全文 →
FWQ
小程序
手把手教你怎么在小程序中使用字体图标
小程序中怎么使用字体图标?下面本篇文章就以某里巴巴矢量图标为例,给大家介绍一下在小程序中使用字体图标的方法,希望对大家有所帮助! 在微信小程序开发过程中,图标的使用是很常见很普遍的。一般情况下,在微信小程序项目的文件目录里面images里面,可以直接引用本地的图标文件,但是通过使用字体图标或者background设置背景图的时候,就不用引用本地图标文件,只能使用根据URL链接地址的字体或者图片,再或者使用base64把普通图标编码之后的格式。【相关学习推荐:小程序开发教程】 那么本篇博文就来分享一下小程序项目中怎么使用字体图标,以及把字体的URL转化成base64的格式之后再使用的方法。本案例以某里巴巴矢量图标库来举例子,具体操作如下所示。 操作步骤 1、首先打开某里巴巴矢量图标库的官网,然后搜索查找想要的图标,然后单击选择“添加入库”按钮; 2、去购物车找到添加进入的字体,然后单击选择,选择底部菜单栏里面的”添加至项目“按钮; 3、点击右上角”+“按钮,然后输入项目名称,点击”确定“按钮; 4、然后去新建的项目中找到添加的字体,然后单击选中,点击”下载至本地“按钮,即可下载到电脑本地; 5、找到下载到电脑本地的字体文件,然后打开该文件,打开里面的iconfont.css文件,然后直接复制里面的url和iconfont方法,所有的样式,直接粘贴到需要使用字体图标的wxss文件中; 6、最后在使用字体图标的wxml文件中调用一下,即可。 最后 以上案例是按照某里巴巴矢量图标库来做例子讲解的,有好多种字体图标转化的网站平台,所以其他平台就不再一一介绍,感兴趣的开发者可以去了解其他平台的使用方法。这就是本文关于在微信小程序开发的时候使用字体图标的方法,分享给有需要的人,这里不再赘述。 更多编程相关知识,请访问:!! 以上就是手把手教你怎么在小程序中使用字体图标的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序实战:实现一个简单小程序监控功能
本篇文章给大家带来一个小程序实战,手把手教大家实现一个简单小程序监控功能,希望对大家有所帮助! 在此之前,我们的小程序一旦报错,全靠用户截图反馈,开发者再一点点去复现 后面就再想,有没有个东西可以去记录用户的行为,如果小程序报错则自动将用户的操作记录上传到服务器并通知开发者处理呢? 后面才知道原来这个就叫前端监控。 当然本文讲的是比较简单的,因为难的我也不会而且目前还没有参与开发真正的项目。。 实现的这个小程序监控有什么功能? 1)记录用户进出页面的时间2)监听所有点击事件3)记录用户的大概操作轨迹。4)云函数调用失败自动上报数据库提醒开发者处理。 实现记录用户进出页面的记录 我们都知道小程序有几个生命周期函数,其中,我选择的是在onShow,onHide,unload这三个生命周期进行记录。比较笨的方法就是直接在每个页面的生命周期函数里进行记录页面显示和隐藏/卸载的时间,但这太重复了,所以我们可以给这几个生命周期函数再套一层(在Javascript设计模式中这个叫装饰者模式) 新的问题又来了,如何给所有事件再套一层呢? 我们先看看一个page的index.js文件 通过向Page这个方法传入一个对象, 而这个对象里就包含了所有的事件(点击,滑动,CSS3动画等等),生命周期。 所以我们可以自定义一个方法去代替Page这个方法, 在这个方法里拿到传进来的对象进行修改, 最后记得执行一遍原有的Page(Obj)即可。 看代码结构 代码其实很简单,函数一被调用,读取缓存,如果data存在,则往数组元素追加加当前页面的信息, 如果数组长度大于10则剔除第一个元素,保持数组长度在11。 之所以要使用定时器,是因为在测试中如果没有加定时器有时候读取不到最新的数据, 拿到老的数据进行修改而后进行赋值最后重新设置缓存(因为在onshow函数执行的时候,上一个页面的onhide函数不一定执行完毕,而在这个函数又会修改缓存,所以导致onshow函数里拿到的并不是最新的缓存,导致信息丢失。) 看缓存结果: 实现对所有点击事件的监听 1)最简单方法就是用发布订阅的模式去实现,但是太麻烦了。 2)给页面内的所有事件再套一层,事件触发会有一个参数e,判断e.type即可。 看代码 最后返回对原函数的调用, 接下来看看replaceOld这个函数,它实现的就是对原有的事件进行一次包装(装饰者模式)…
2024-11-25 阅读全文 →
FWQ
小程序
关于微信自动回复的详细介绍
最近发现了一个特别好玩的Python 微信库itchat,可以实现自动回复等多种功能,下面这篇文章主要给大家介绍了利用python微信库itchat实现微信自动回复功能的相关资料,需要的朋友可以参考学习,下面来一起看看吧。前言在论坛上看到了用Python登录微信并实现自动签到,才了解到一个新的Python库: itchat利用Python 微信库itchat,可以实现自动回复等多种功能,好玩到根本停不下来啊,尤其是调戏调戏不懂计算机的,特别有成就感,哈哈!!代码如下:#coding=utf8 import requests import itchat KEY = ‘8edce3ce905a4c1dbb965e6b35c3834d’ def get_response(msg):  apiUrl&nb 1. 简介:最近发现了一个特别好玩的Python 微信库itchat,可以实现自动回复等多种功能,下面这篇文章主要给大家介绍了利用python微信库itchat实现微信自动回复功能的相关资料,需要的朋友可以参考学习,下面来一起看看吧。 2. 简介::本篇文章主要介绍了微信自动回复代码,对于PHP教程有兴趣的同学可以参考一下。 3. 简介:微信开发,自动回复:PHP微信开发之微信消息自动回复下所遇到的坑:微信回复原理:当普通微信用户向公众账号发送消息时,微信服务器首先收到用户发送的消息;然后将用户信息和消息打包成XML格式的数据包,再将这个XML数据包通过POST方法提交到开发者设置的URL上。疑问一:为何使用$GLOBALS[“HTTP_RAW_POST_DATA”]保存POST过来的数据,而非$_POST数组?回答:POST只能保存标准的数据类型,对于XML、SOAP或Application/ 4. 简介:PHP sprintf()实现格式化输出。sprintf()函数在很多地方有很大的用处,就是我最近写的一个微信自动回复接口一下,其中有这么一段代码。 代码如下 复制代码 $postObj = si 5. 简介:wordpress 插件 之…
2024-11-25 阅读全文 →
FWQ
小程序
小程序怎么在手机上查看数据
小程序在手机上查看数据的方法:首先在微信上搜索小程序助手小程序并打开;然后在微信账号绑定的小程序管理页面,选择点击【基础数据】打开;接着允许打开小程序数据助手;最后查看数据即可。 小程序在手机上查看数据的方法: 1、在微信上搜索小程序助手小程序并打开。 2、然后在微信账号绑定的小程序管理页面,选择点击基础数据打开。 3、接着允许打开小程序数据助手。 4、进入到小程序数据助手使用界面,直接浏览到小程序的基础数据。 相关学习推荐: 以上就是小程序怎么在手机上查看数据的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
聊聊小程序与App间怎么进行跳转
如何实现小程序与app的跳转?下面本篇文章大家介绍一下小程序与app间进行跳转的实现方法,希望对大家有所帮助! 在运行了自己的小程序的同时,很多开发者都想进一步了解,如何实现我自己的小程序、与其他App(特别是微信App)的跳转? 提到小程序,大家脑子里第一印象总是微信小程序,现在,FinClip将这种能力“开放”出来,让任意一个App都能运行自己的小程序。【相关学习推荐:】 在运行了自己的小程序的同时,很多开发者都想进一步了解,如何实现我自己的小程序、与其他App(特别是微信App)的跳转? 今天,我们将重点缕清这个跳转的逻辑关系与实现方式。 一、FinClip小程序与微信小程序 开篇明义、概念先行。在梳理跳转前,我们有必要再关注一下这些小程序各自是什么。 微信小程序: 几乎无需解释,是运行在微信App中的小程序规范 FinClip小程序: FinClip小程序 = 微信小程序:从技术栈上,一个微信小程序可以直接编译为,一个代码包在双端(微信App 和 集成FinClip SDK的APP)上,表现是完全一样的 FinClip ≠ 微信:从上架流程上,FinClip是独立平台,有自己的管理后台,客户可通过FinClip SaaS版 SDK后,在自己的APP上运行小程序;同时,微信是一个绝对独立的APP,小程序必须在微信上申请账号、等待审核,全流程由微信(也即腾讯)处理,任何其他第三方都无法干涉 FinClip > 微信:FinClip SDK可以让任何一个App拥有运行小程序的能力,同时也支持将小程序上架至其他主流App平台(如百度、支付宝) 二、小程序与App跳转的排列组合 基于FinClip能力之后,小程序与App跳转可不只是一种方式、一条路径,我们梳理了如下图所示的6条路径。 接下来,一一看下如何实现吧!…
2024-11-25 阅读全文 →