分类归档

小程序

FWQ
小程序
微信小程序怎么设置页面
微信小程序设置页面的方法:首先打开微信开发者工具,并打开项目文件目录;然后点击“pages”文件夹,并点击其中给一个页面文件夹;接着点击json文件,并在文件中写入配置;最后保存设置即可。 相关学习推荐: 微信小程序设置页面的方法: 1、首先从本地电脑中打开微信开发者工具。 2、然后打开项目文件目录。 3、点击“pages”文件夹。 4、展开pages文件夹,点击其中给一个页面文件夹。 5、在页面文件夹中找到json 文件,这是用来进行页面配置的。 6、点击页面中的json文件,在文件中写入配置,如果跟全局设置重复,则会覆盖掉全局的设置。 7、保存设置,然后来到效果预览区域进行预览。 以上就是微信小程序怎么设置页面的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信企业号开发获取用户信息的介绍
当用户点击应用跳转到我们设定的URL时,其实并没有带上用户的任何信息,为了获取用户信息,我们需要借助微信提供的OAuth2.0接口。 获取用户信息分两步: 构造URL获取code 根据code获取成员信息 一、构造URL获取code 企业如果需要员工在跳转到企业网页时带上员工的身份信息,需构造如下的链接: https://open.weixin.qq.com/connect/oauth2/authorize?appid=CORPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 参数说明 参数 必须 说明 appid 是 企业的CorpID redirect_uri 是 授权后重定向的回调链接地址,请使用urlencode对链接进行处理 response_type 是 返回类型,此时固定为:code scope 是 应用授权作用域,此时固定为:snsapi_base state 否 重定向后会带上state参数,企业可以填写a-zA-Z0-9的参数值,长度不可超过128个字节 #wechat_redirect 是…
2024-11-25 阅读全文 →
FWQ
小程序
小程序闪退怎么修复
相信很多朋友都有在使用微信,那么大家在使用微信小程序的过程当中,是否遇到过闪退的问题呢?关于这个问题又应该如何解决呢?一起来看下吧! 小程序闪退怎么修复 解决方法及步骤如下: 1、点击手机桌面中的微信 2、点击微信右下方的我 推荐学习: 3、接着点击设置 4、点击帮助与反馈 5、点击屏幕右上方的扳手图标 6、点击故障修复 7、点击小程序 8、点击确定就可以了 更多相关教程,请关注! 以上就是小程序闪退怎么修复的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序入门级开发流程
今天,小编将带大家一起学习做一个微信小程序,感兴趣的朋友一定要看看哦,希望你能有所收获。 微信小程序开发流程: 进入微信公众平台,注册小程序账号:https://mp.weixin.qq.com/ 下载微信开发者工具。下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 创建一个新项目。在存放代码的地方新建一个空目录,打开微信开发者工具,选择该目录,填写AppID(在“微信公众平台->设置->开发设置”里可以找到)。 小程序如何调用第三方接口。4.1、要想在小程序中调用接口必须先配置域名。进入“微信公众平台->设置->开发设置->服务器域名”。把需要使用到的域名添加进去。4.2、添加完后记得在“微信开发工具->详情->域名信息”中刷新。4.3、小程序中默认校验https证书。如果使用http路径会报错,可以在“微信开发工具->详情->项目设置”勾选“不校验合法域名”。4.4、可以在app.js中配置公共参数信息。如配置路径前缀等信息。可以通过app.globalData.wallpaperBaseUrl取得配置值信息。4.5、可以通过wx.request发起请求。4.6、header中content-type默认为application/json,如果是post表单提交的请求,应该改为application/x-www-form-urlencoded。 相关教程: 以上就是微信小程序入门级开发流程的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序实战的一个运维小项目的介绍
这篇文章主要介绍了微信小程序实战之运维小项目,就是利用微信小程序实现了一个类似138的功能,输入ip就可以查看ip的详细信心,有需要的朋友可以参考借鉴,下面来一起看看吧。 前言 自从微信推出小程序以来,现在业界炒的非常的火,具说叫微信小程序是因为某公司不让叫应用号,我在朋友圈也看过pony的和张小龙朋友圈关于名字的讨论截图,不知道是真是假,反正名字是定了,叫啥无所谓,还是知道它是干啥的比较重要, 像网上说什么新风口了,原生APP以后没活路了等相关文章喜欢的可以多看看, 我们今天不会在产品层面上去介绍小程序,因为我们是搞运维的,所以我还是在运维层面怎么使用小程序。 今天我们用实际例子来讲解和普及小小程序如何使用,来实现类似IP138的功能,输入IP可以查看IP的详细信息,包括归属,地点等。 我们先看下完成后的效果: 实现分析 基本功能就是做一个IP查询的页面,输入ip,能够查询IP的详细信息,后台调用的淘宝的IP库,OK,界面和功能就是这样了,比较简单,接下来我们来介绍小程序的基本概念和使用。 第一步,先下载微信小程序开发者工具,这个是必须的,因为只能在这个工具里去调试你的代码,但写代码不一定要在这个工具里去写,在Sublime 里写也可以,但调试你必须在这工具里,关于怎么下怎么装这我就不多说了,如果这步都没搞定我觉得往下看也没啥意义了,当然是开个玩笑,如果有问题的,可以给我留言。 实现方法 安装后,第一次运行需要用微信扫描,来识别开发者,然后添加项目,微信开发者工具可以帮你生成一个简单的demo项目,生成项目后如图: 我们先看app.js、app.json、app.wxss 这三个,其中 app.js 是小程序的脚本代码,可以定义全局变量, 指定小程序的生命周期函数(onLaunch,onShow,onHide,其它), app.json文件是配置文件,主要配置小程序的页面,所有的页面设置都要写在这个文件里 app.wxss 是公共样式表文件。 除了这些文件,我们还有两个目录,这2个目录展示的是index 页面和 logs 页面,每个目录下如果完整的情况下都会有4个文件: 如上图所示,现在每个目录下分别是index.js、index.wxml、index.wxss,其中.js 后缀的文件是脚本文件,.json 后缀的文件是配置文件(非必须),.wxss…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序加载失败是什么原因?
微信小程序加载失败是什么原因? 原因有: 1、网速问题 2、小程序本身的问题 3、小程序访问故障 知识拓展: 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。 全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。 微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。 推荐教程:《》 以上就是微信小程序加载失败是什么原因?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中自定义消息提示框的实现实例分享
这篇文章主要介绍了微信小程序 自定义消息提示框的相关资料,wx.showtoast(object)接口调用,实现改功能,需要的朋友可以参考下 微信小程序 自定义消息提示框 需求描述: wx.showToast(OBJECT)接口调用,但是不需要icon和image,即便image为空也有占位,实际上只想输出自定义文本内容。 效果截图: 代码如下: <!--index.wxml--> <!-- 页面正文 --> <view>  <block>   <view> 123456 123456 123456 123456 123456</view>  </block></view><!-- 自定义弹窗 --><view>  <!-- 这部分内容可以灵活修改,例如改成一个模态框 -->  <view>{{text}}</view></view> 登录后复制 /* index.wxss */ .showModule {  /* 用样式控制隐藏 visibility: hidden;*//* flex 布局 */  display: flex;  justify-content: center;…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发基础篇之数据绑定上篇(7)
在之前的教程中写到,微信小程序框架将程序分为逻辑层(.js文件)和视图层(.wxml文件)。这是一种常见的ui和逻辑分离的程序设计方式,开发出来的程序更加灵活,易扩展。 这种程序设计方式通常要解决两个问题: UI层响应逻辑层逻辑和数据的变化UI层将用户的操作反馈到逻辑层 通常来说可以让UI层和逻辑层互相暴露接口给对方,不过出于对灵活性和扩展性的考虑,会引入中间层来进行管理,这样可以避免UI层和逻辑层之间的直接依赖。 微信小程序框架正是基于这种模式进行设计的,.wxml文件来描述UI层(微信官方名称为视图层,教程后续也将用视图层来命名),.js文件来处理逻辑层,而微信的框架则作为中间层管理两者之间的调用。 为了更好的帮助开发者开发微信小程序,微信定义了一些语法和规则来帮助开发者连接视图层和逻辑层。 数据绑定 显示字符串内容 //page.wxml <text>{{motto}}</text> //page.js  data: {     motto: 'Hello World',   }, 登录后复制 通过将”{{motto}}”嵌入视图层代码中,界面会显示”Hello World” 更改字符串内容 setData({   motto:'Hello My World'   }) 登录后复制 当执行上述代码后,界面会显示”Hello My World” 上述部分有两点需要说明: 1: 视图层嵌入的是{{motto}}而不是{{data.motto}},微信框架默认设定视图层绑定的变量定义在Page对象的data属性中,也就是说,如果变量需要绑定到视图层,一定要定义data属性中…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发实战之知乎日报
前言 看了那么多的小程序入门,想必各位看官也差不多对小程序已经有了一定的了解。这篇文章就不再主讲入门,现在我们要通过一个知乎日报的小程序去实践一下,加深对微信小程序的理解。 好了,下面我们开始吧。 实战开始 首先先看看我们今天要做的知乎日报的成果。如下图。不过由于篇幅问题,今天只讲首页的完成,里面包含了与后端的交互,页面的布局,数据的渲染,响应等,基本上囊括了如何制作一个单页所有开发。 知乎日报小程序首页 1. 资源准备 知乎日报-简要版 API: new s-at.zhihu.com/api/4/news/latest 今日热文 news.at.zhihu.com/api/4/news/ before /  更多往日热文 上面这两个地址是我们今天要做的首页的API,我们将发起request请求,拿回数据做渲染。 2.首页JS 下面我们将开始编写代码,请保持首页目录结构跟我下图一致。 首页三个文件 好,首先我们先写JS文件,代码如下,而且我都加了详细的注释。 // index.js //index.js //获取应用实例 var app = getApp() var utils = require('../../utils/util.js'); //初始化数据 Page({   data: {…
2024-11-25 阅读全文 →
FWQ
小程序
小程序实现post与get的封装
本文主要和大家介绍微信小程序中post方法与get方法的封装的相关资料,让大家掌握如何封装,需要的朋友可以参考下,希望能帮助到大家。 微信小程序开发post方法与get方法的封装 第一步:在utils文件夹下创建httpUtil.js文件 第二步:创建函数httpPost方法代码如下: function Post(url, data, cb, isShow, showNetError, that, showLoading) {  if (showLoading == true || showLoading == undefined){   wx.showNavigationBarLoading();   wx.showLoading({    title: '加载中...',   })  }   var basicData = {   vloginPwd: api.vloginPwd,   vtoken: api.vtoken  }  if (!isEmpty(data)) {   for (var key in data) {    try {     basicData[key] = data[key];    } catch (e) { }   }  }  wx.request({   url: url,   header: { 'content-type': 'application/x-www-form-urlencoded' },   method: 'POST',   data: basicData,   success: (res) =&gt; {   …
2024-11-25 阅读全文 →