在微信小程序越来越流行的今天,很多人都已经习惯使用即开即用的小程序,所以开发小程序的开发者也越来越多了,对于一般会写程序的开发者来说,小程序的入门也算比较简单,但如果想要实现小程序的功能,少不了要具有一定的基本功,这就是微信小程序的基本语法,现在就简单的讲讲小程序的入门基本语法。

首先要先下载一个“微信开发者工具”,然后才能创建小程序项目,一般情况下,我们可以使用新创建或导入已有的小程序来进行操作,创建或导入后,如下图所示:

页面配置

看到上面的那个app.json文件,这是一个全局的配置文件,最主要的有两个参数,一个是”pages”,一个是”window”,pages是用来配置小程序的所有可以打开的页面,其他的页面则不能打开,如下图所示:

pages配置

如果你添加的路径的文件里没有该文件,则会自动生成由.wxml、.wxss 、xml.json、.js后缀组成的文件。”window”是用来配置状态栏,底部导航栏等的属性,这个参照官方的参数来设置就可以了。

然后是app.js是全局的JS配置,一般情况我们可以写一些获取用户的手机设备信息,或者如果小程序有更新的话,提示用户更新,还有接口与密钥的信息等可供页面上所有JS文件调用的内容。

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

由于小程序使用的是MVVM的模式,这与我们做网站时使用的MVC模式差别很大,我感觉最大的好处是,wxml页面的内容是可以随着js页面的参数内容而改变,而且不需要刷新页面就能实现,下面按我个人理解讲一下wxml页面与JS页面的交互功能。

Js页面

Page({

data: {

hotLine : '4008009385',

show_index:1

}

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

})

Wxml页面

{{hotLine}}

以上是在页面里输出电话,如果要改变电话号码,直接改变hotLine的值就行了,JS里可以这么写:

//加载页面时触发这个方法,且只触发一次

onLoad: function () {

var that = this

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

Load_index(that)

},

load

这样默认的电话号码就会被通过API接口传递的参数所替代,当然你们可以通过点击事件改变,例如上面的bindtap=’ChangeTell’,就是在js里写一个点击事件,示例如下:

ChangeTell: function(){

var that = this;

that.setData({

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

hotLine: “400800xxxx”//新的电话号码

})

},

这里要讲一个微信小程序里最重要的方法setData,它是wxml与js之间传递参数的枢纽,除了data里默认的参数外,所有要传递到wxml页面的参数都是通过这个方法来实现的,上面例子就是这样。

小程序的知识点有些太杂了,想要系统学习的话,还得经常翻看小程序里的微信官方文档,我只做了几个小程序项目,对于小程序的语法还远没达到无需看文档直接编程的地步。

河南亿宏世纪网络科技有限公司,专注于互联网+品牌整合营销,公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队,专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队,针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平,旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念,我们不仅提供优质的网络技术和云端供应链服务,而且还在产品的选择、应用等方面提供专业的咨询与售后服务。

微信服务号

微信服务号

服务热线

15617359779

15617359779