微信小程序(四):最后的笔记

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_41500251/article/details/82387257

这个系列的文章我已经写了好久了,把在自己玩的过程中比较有趣容易卡的点,或是没什么可以参考的干货的东西基本都写了出来。基本的思路我应该都已经捋清了,知识方面的问题,大家要去查着学,软件应用方面的错误,可以在下面评论,一起来讨论下。

这个应该是最后的一篇了,该写的都已经写得差不多了,这里写得东西是一些小的点,不会像前面那样详细的说个系统怎样去创建。就算是知识点吧,可能有些东西知道怎么去办,但是不知道具体的代码怎样写,那就看看这里吧,或许会有你需要的。我也不考虑顺序了。看到哪里就写哪里了,大家可以按着标题进行浏览。

一、全局变量的使用:

很多时候,我们需要个全局的变量,或者说能在整个app中用的变量。比如登录系统,我们可能有教师端和学生端,当登录成功后,我们需要根据他的身份进行判断,然后去执行相应的操作。

这个东西在app.js里设置,你可以在里面创建个数据集,比如appData。我们就以登录系统为例吧,我们声明一个userid变量为全局变量。

我们就可以在app.js里面加这么个东西,当然你还可以添加,比如用户的名字啊什么的,就放到里面,之后我们调用。

appData{
    userid: ''
}

让我们来看看怎么去调用他。你每写一个页面,就会相应的有个.js文件,框架格式就是Page{}。你在page外得到个app的实例:

var app = getApp();
Page({

})

这样你page里面的函数就可以通过app这个实例来调用我们刚才设置的userid。

比如有个函数,我们就可以通过app.appData.userid来得到值。这就是我们调用的方法。然后是修改,很简单:

x:fuction(e)
{
    app.appData.userid = 'teacher'
}

对,直接赋值就可以。

 

二、request API问题:

我们向服务器请求的时候,要通过request这个API,他的主要内容就是url,data,header,success函数。前面几个很好理解,说下success函数这个东西,这个函数的调用,不是说服务器一定正常处理了你的数据,而是当你成功请求了服务器后,他就会调用这个函数,至于你服务器是否正确的按我的目标处理了数据,它没能力管。

再说下这个函数怎么来接受服务器传过来的数据,request API接口请求了服务器后,服务器肯定会返回些什么东西,那怎么去接受呢:

success: fuction(res){
    console.log(res.data)
}

只要通过函数的参数的data属性就可以了,参数默认res,随便起也可以。

 

三、页面初始化问题:

当我们在进入一个页面的时候,有时需要在页面加载时就执行某些操作,这个要怎样实现,很简单。在.js文件里编写你的方法,然后在page中有个onload函数,默认是空的。加入你在写了个方法,叫load。我想要在加载页面时,就让他自动执行load函数。

onLoad{
    this.load()
}

在onLoad里面用this调用一下就可以。

 

四、修改页面title:

当你创建个页面,标题默认是wecaht,我想修改怎么办呢,在相应的.json里加入:

{
  "navigationBarTitleText": "页面名字"
}

这样就可以。

 

五、为页面添加背景图片

找到页面对应的.wxss文件,在里面添加:

page{
  background-position:center;
  background-size:500px 500px;
  background-image: url('http://i6.hexunimg.cn/2011-10-09/134012589.jpg'); 
}

url填你的图片地址,应该是不能用本地图片,不知现在可否。

 

六、tabBar

如果想要设计菜单栏,需要再app.json里设置,可以看官方文档,很详细。

我说下页面跳转。页面的跳转我们也有很多api:

我常用的就是前三个,基本都是第一个,就是用于一般的跳转,这里说下switchTab,如果你想从一个页面跳转到tabBar中的页面,就需要这个api。navigateTo就会出错。

 

七、类型转换

记得我前面说过,小程序在向服务器传递数据前,都会把数据转成字符类型,所以,我们得到的数据一般都是字符类型,有时候需要把它当做数值类型去运算,怎样转换?

也很简单,需要调用个内置函数:

var la = parseInt(arr[0])
var lo = parseFloat(arr[1])

这样就可以转换类型。

 

八、字符串split函数:

这个和一般的编程语言一样,当你得到个字符串的时候,可以通过它分割,会返回一个数组,或者说列表对象。如同列表有个push方法一样,官网没有说,可能觉得没有必要,我这里提下吧,有可能用到。

九、最终调试:

当我们把所有的事情做完后,包括前端代码,服务器,数据库所有的链接都已经通过后,要开始做测试了。我在第一章应该说过,小程序是不允许请求本地服务器的,就是http://locallhost......这种。所以我们在pc端的开发者模拟器上关闭了请求检验,来做测试。但最终的测试是要在手机做的,你需要有你自己的服务器,将你的后端什么的都部署好,你需要再微信公众平台去设置你的request,这时候你会发现url还不允许用ip,只能用域名。也就是说你的服务器还要配置好域名,当然这个东西也是要买的,一般大家买服务器的时候肯定也会买上域名,但我这里是学校的,没钱买个人的(笑哭),所以,也只给了ip。我们pc端可以通过模拟器关闭请求检测,不去管url符不符合要求。但是手机呢,没办法啊,手机是联网的,他只能请求ip地址。(如果你没有域名的话)所以这里我最后说一下,手机上怎样关闭它,其实就是开启调试模式,这个模式在小程序正式发布前,只有开发人员能用,也就是申请时添加进开发人员的那几个微信用户。

首先你先进入你的小程序调试版:

在右上角处点击‘’‘’,让后打开调试模式就可以了。

出现有下角的vCONSOLE图样就代表调试开启了。

我这里已经开启了,所以是关闭的字样。

 

 

 

差不多就这样吧,该写的差不多了,大家遇到要用的标签的时候,就多去开发者文档里面查,还是很详细的,最后一篇,要说再见了。

 

希望这篇文章可以帮助你,那就这样说再见啦,拜。

因为只是个人的闲暇娱乐,从点击量和搜索量上来说,你很难看到这篇文章,如果我有幸让你您看到,那也是种缘分吧。有些基础的东西如在本章中说道,不会做过多原理上的解释,您可以查看这个系列的其他内容,应该可以帮您滤清一些思路思维上的东西。

猜你喜欢

转载自blog.csdn.net/qq_41500251/article/details/82387257