您的位置: 首页 > 小程序开发 > 微信小程序开发入门

微信小程序开发入门

2021-05-07 10:17:32        栏目: 小程序开发

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

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

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

看到上面的那个app.json文件,这是一个全局的配置文件,最主要的有两个参数,一个是pages,一个是window,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页面

viewclass=phonebindtap=ChangeTell

viewclass=num{{hotLine}}/view

/view

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

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

onLoad:function(){

varthat=this

Load_index(that)

},

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

ChangeTell:function(){

varthat=this;

that.setData({

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

})

},

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

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


微信小程序开发入门二: 优达学城与微信合作推出“微信小程序纳米学位课程”-免费微信小程序生成

3月28日,硅谷前沿技术教育平台优达学城(Udacity)在硅谷举办的「国际科技行业大会Intersect2018」上正式推出与微信合作的“微信小程序开发纳米学位项目”,微信还为有志于成为小程序开发者的在校大学生提供高达100万元人民币的奖学金,让开发者能够以更轻松的学习门槛,掌握小程序的基本开发技能。

从门外到门内,微信百万奖金引领开发者零基础入门

目前,小程序已经成为中国非常热门的编程环境和语言环境,不少有志于小程序开发的大众却苦于“无门可入”。Udacity与微信联合推出“微信小程序开发纳米学位”,开发者可通过优达学城的中国官网(cn.udacity.com)或微信搜索“优达学城”进行了解及报名。

课程将通过、文字等丰富多样的教学模式,让学员在实战项目中学习和巩固小程序开发技能,具备独立完成小程序开发的水准。除此之外,还有人工逐行代码审阅、助教辅导等硅谷式课程设置,帮助学员系统地了解小程序整体的开发框架。

微信团队为此次课程的设计提供了指导和建议,并针对在校学生提供高达100万的奖学金,降低开发者的学习成本,同时为企业和个人转型提供了捷径,具体的奖学金申请细则及途径将于4月份公布。优达学城(Udacity)作为硅谷领先的在线课程教育机构,将负责此次课程制作和后续运营,通过成熟且专业的在线人才培养计划,帮助更多想要学习小程序开发的开发者轻松入门。

从0到1.7亿,微信致力建立健康的小程序生态

今年1月份,教育部软件工程教学指导委员会、计算机类专业教学指导委员会、腾讯微信、教育部在线教育研究中心联合发起的“中国高校微信应用教育联盟”在北京正式成立,培养小程序开发新生态成为联盟重点推进的项目之一。

在小程序推出的一年多时间里,已经上线了58万个小程序,日活跃用户数达到1.7亿,拥有超过100万的开发者以及2,300个第三方平台。仅在2017年,小程序累计发布了100多项新能力。

越来越火热的小程序也屡受投资机构青睐。据不完全统计,去年有超过30个小程序获得机构融资,金额高达7亿元。资本的看好、小程序生态的健康发展,将促使2018年市场进一步加大对小程序开发的需求。此次微信与优达学城(Udacity)联合推出“微信小程序开发纳米学位”,将为小程序开发源源不断地注入新力量,形成更加健康良性的小程序开发生态。

微信团队表示,微信将秉持极致开放的理念,继续大力扶持小程序生态发展,丰富小程序生态的多样性,让每个人都能从微信生态中受益,真正地拥有自己的品牌。


微信小程序开发入门三: 人人可做小程序开发者,这里有最全的小程序开发学习渠道-免费微信小程序生成

截止2017年底,苹果APPStore中共有210万个应用,苹果开发者社区人数超1600万。

安卓系统的应用超过360万个,从业者数量更是超过苹果的开发者。

如果说这些开发者成就了苹果和安卓的应用商店,那么小程序经过一年多的发展,上线数量已超过58万,对于这越来越完善的小程序生态而言,小程序开发者无疑是这一生态繁荣的根本。

虽然小程序开发者数量已超过100万,但小程序要想不断地推陈出新,还需要源源不断地注入新鲜血液,补充新生力量。因此,扶持小程序生态的首要工作就是鼓励更多的小程序开发者加入到小程序的行列中来。

对此,微信也加快推进小程序走进高校、走进行业,与开发者建立起更为紧密的联系,以下是今年微信官方为鼓励更多的人加入到小程序中来而大力宣传的小程序开发学习渠道,从零开始,不再担心无门可入!

微信小程序开发纳米学位项目

3月28日,硅谷前沿技术教育平台优达学城正式推出与微信合作的“微信小程序开发纳米学位项目”,学员需要在10周时间内通过对、文字等教学模式以及人工逐行代码审阅、助教辅导,完成对天气和电商的小程序开发,学位每期限量的做法保证了教学质量。

近日,微信和优达学城共同宣布课程向所有用户免费开放,用户可在官网观看除了实战项目以外的课程。

而针对有志于成为小程序开发者的在校大学生的100万元奖学金,也正式开放申请,为在校大学生降低学习门槛,高校学生可以通过https://admissions.udacity.com/apply/nd666-cn申请奖学金。

《初级小程序开发工程师》微专业课程

5月2日,网易云课堂对外发布《初级小程序开发工程师》微专业课程。

据悉,该课程是网易云课堂与腾讯微信团队合作开发。网易云课堂结合基础知识模块和实战案例研发了整套课程内容,微信团队对课程的设计给予了指导和建议,将为国内想学习小程序课程的兴趣爱好者提供一次免费学习机会,目的是引领开发者零基础入门,共同培育小程序专业人才。

而且该课程对所有用户免费开放,另有网易云课堂特设的99元VIP增值服务,以小班学期制形式提供教学辅导,在学期内完成合格作业的用户,99元将全额返还。

微信与教育部的产学合作项目

近日,微信与教育部首个教改项目正式发布,拟在微信公众平台和微信应用开发技术领域,提供技术、平台、资源、经费、产业经验等,与高校专家和教师共同探索产学深度融合的新型课程设计,支持高校的人才培养和专业综合改革。

此外,微信教育合作官网(edu.weixin.qq.com)也在日前上线。作为展示微信与教育机构合作的窗口,不管是广大师生、学校还是相关教育机构,都可以在该网站了解由微信发起的一系列项目及最新支持政策。教育改革、校企联合科研等更多教育领域合作项目的最新动态也将在官网中同步更新。

《Next学位×微信官方微信小程序开发》课程

除了和领先的在线课堂平台合作外,腾讯方面自身也上线了小程序课程——国内最大的职业教育在线平台腾讯课堂联手微信团队,于5月2日推出《Next学位×微信官方微信小程序开发》课程,该课程系列由“腾讯课堂NEXT学位”研发,作为腾讯课堂官方自研品牌,集结了腾讯专家亲自编排的课程内容,无疑将成为小程序开发行业人群的首选。

此小程序开发课程是由腾讯高级工程师和微信团队共同打造的学习认证项目,学员完成课程能获得“微信小程序开发NEXT学位证书”。

针对零基础小白,课程中对于基础知识有着非常详细的讲解,能够帮助小白快速入门。

从今年腾讯在微信小程序的开发学习渠道上来看,微信已经不仅在职业人群中展开技术培养工作,还在人才源地——高校展开深耕工作;不仅与多平台达成合作,自身也在挖掘技术的同时,将小程序的精华汇聚在腾讯课堂,2018年,小程序生态势必会进一步繁荣,更多领域的小程序化将成为一种趋势。