菲律宾j9集团|Home

135-2716-3909
网站建设资讯详细

微信小程□□□序开发入□□门之基本□□□□的语法介□□绍上篇

发表日期:2026-07-05 10:31:35   作者来源:陈应信   浏览:5011   标签:微信小程序开发    
在微信小□□程序越来□□越流行的•今天,很多人都□□□已经习惯◇使用即开□□□即用的小□□程序,所以开发★小程序的丨开发者也□□□□越来越多□□了,对于一般□□会写程序□□□的开发者□□□□来说,小程序的□□□□入门也算□□□□比较简单,但如果想◉要实现小□□□□程序的功★能,少不了要□□□□具有一定●的基本功,这就是微○信小程序□□□的基本语♦法,现在就简□□□□单的讲讲□□小程序的□□□入门基本□□□□语法。
首先要先□□□□下载一个“微信开发□□者工具”,然后才能□□□创建小程□□□□序项目,一般情况□□□下,我们可以□□使用新创□□□□建或导入◎已有的小□□程序来进□□□□行操作,创建或导□□入后,如下图所□□□□示:
 

页面配置



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

pages配置



如果你添☆加的路径□□□□的文件里□□□□没有该文·件,则会自动丨生成由.wxml、.wxss 、xml.json、.js后缀组成•的文件。”window”是用来配□□置状态栏,底部导航□□□□栏等的属□□□性,这个参照□□□□官方的参□□□数来设置•就可以了。
    然后是app.js是全局的JS配置,一般情况我们可以写一些获取用户的手机设备信息,或者如果小程序有更新的话,提示用户更新,还有接口与密钥的信息等可供页面上所有JS文件调用的内容。
   由于小程□□□序使用的□□□□是MVVM的模式,这与我们做网站时使用的MVC模式差别□□□很大,我感觉最□□□大的好处□□□□是,wxml页面的内□□□容是可以◢随着js页面的参●数内容而□□□□改变,而且不需□□□□要刷新页□□□面就能实□□□现,下面按我□□□个人理解☆讲一下wxml页面与JS页面的交□□互功能。
Js页面
Page({
data: {
hotLine : '4008009385',
show_index:1
}
})
Wxml页面
<view class="phone" bindtap='ChangeTell'>
<view class="num">{{hotLine}}</view>
</view>
以上是在页面里输出电话,如果要改变电话号码,直接改变hotLine的值就行了,JS里可以这么写:
 
 
//加载页面时触发这个方法,且只触发一次
onLoad: function () {
var that = this
Load_index(that)
},
 

load



这样默认的电话号码就会被通过API接口传递的参数所替代,当然你们可以通过点击事件改变,例如上面的bindtap=’ChangeTell’,就是在js里写一个点击事件,示例如下:
ChangeTell: function(){
var that = this;
that.setData({
hotLine: “400800xxxx”//新的电话号码
})
},
这里要讲□□□□一个微信★小程序里◎最重要的□□□方法setData,它是wxml与js之间传递□□□□参数的枢○纽,除了data里默认的♦参数外,所有要传□□□□递到wxml页面的参□□□数都是通□□□过这个方□□法来实现□□□□的,上面例子□□□□就是这样。
小程序的□□□□知识点有□□□□些太杂了,想要系统□□□学习的话,还得经常□□翻看小程□□□序里的微※信官方文□□档,我只做了♦几个小程◈序项目,对于小程□□□序的语法□□还远没达□□到无需看□□□□文档直接♦编程的地□□步。
 
 
如没特殊注明,文章均为菲律宾j9集团原创,转载请注明来自https://www.tyjwx.com/news/5727.html