微信小程序开发入门之基本的语法介绍上篇
如今,微信小程序越来越流行。很多人习惯使用小程序开箱即用,所以越来越多的开发者在开发小程序。对于一般会写程序的开发者来说,入门小程序相对简单。但是,如果要实现小程序的功能,就很少了。
首先,下载一个& ldquo微信开发者工具& rdquo,然后才能创建小程序项目。一般情况下,我们可以使用新创建或导入的现有小程序来操作。创建或导入后,如下图所示:
参见上面的app.json文件,这是一个全局配置文件。主要参数是& rdquopages & rdquo,一个是& rdquowindow & rdquo页面是可以打开配置小程序的所有页面,其他页面不能打开,如下图所示:
如果在您添加的路径的文件中找不到该文件,则包含。wxml,。wxss,xml.json和。js后缀会自动生成。& rdquowindow & rdquo它用于配置状态栏、底部导航栏等的属性。这个可以参考官方参数设置。
那么app.js就是一个全局js配置。一般我们可以写一些用户手机设备的信息,或者如果小程序更新了,提示用户更新,还有接口和按键的信息,页面上的所有JS文件都可以调用。
As 小程序采用的是MVVM模式,和我们做网站时使用的MVC模式有很大区别,我感觉最大的好处就是wxml页面的内容可以随着js页面的参数内容而变化,不需要刷新页面就可以实现。下面根据我个人的理解谈谈wxml页面和JS页面的交互功能。
Js页面
页面({
数据:{
热线电话:& # 39;4008009385',
显示索引:1
}
})
Wxml页面
{ {热线}}
以上是在页面中输出手机。如果你想改变电话号码,直接改变热线的值就可以了。可以用JS这样写:
//此方法在页面加载时触发,且仅触发一次。
onLoad: function () {
变那个=这个
Load_index(那个)
},
这样,默认的电话号码将被通过API接口传递的参数所取代。当然,你可以通过点击事件来改变它,比如上面的bindtap = & rsquo。ChangeTell & rsquo,就是用js写一个click事件。示例如下: ChangeTell: function(){ var that = this that.setData({ 热线:& ldquo400800xxxx & rdquo//新电话号码 }) }, 这里介绍一下微信小程序中最重要的方法,setdata,它是wxml和js之间传递参数的枢纽。除了数据中的默认参数,所有要传递到wxml页面的参数都是通过这种方法实现的。上面的例子是这样的。 小程序的知识点有点太杂。想要系统的学习,就得经常翻看小程序中的微信官方文档。我只做过几个小程序项目,小程序的语法远没有到不看文档直接编程的地步。 这篇文章转载自https://www.szfangwei.cn/news/5727.html. 寒武纪. render(“尾巴”)
本文由“云崛起”原创发布,未经许可,禁止转载!本文原创链接:http://yunjueqi.com/weixinfenxiao/2248.html