使用人数:100,000+|总交易额:¥500,000,000+|北京高新技术企业|重合同守信用企业|服务热线:18910771878

云崛起 logo logo

当前位置: 首页 > 行业资讯 > 小程序动态

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

如今,微信小程序越来越流行。很多人习惯使用小程序开箱即用,所以越来越多的开发者在开发小程序。对于一般会写程序的开发者来说,入门小程序相对简单。但是,如果要实现小程序的功能,就很少了。 首先,下载一个& ldquo微信开发者工具& rdquo,然后才能创建小程序项目。一般情况下,我们可以使用新创建或导入的现有小程序来操作。创建或导入后,如下图所示: 页面配置

参见上面的app.json文件,这是一个全局配置文件。主要参数是& rdquopages & rdquo,一个是& rdquowindow & rdquo页面是可以打开配置小程序的所有页面,其他页面不能打开,如下图所示: pages配置

如果在您添加的路径的文件中找不到该文件,则包含。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(那个) }, load

这样,默认的电话号码将被通过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

上一篇:商城小程序到底有哪些优势呢 下一篇:小程序定制,我来教你怎么来选择?

您可能感兴趣的文章

拨打18910771878了解详情